Scipaper/front-end
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added new icons, remove repetable icons, modified icon-factory

Browse Source
This commit is contained in:
Maximus 2022-08-19 19:24:59 +03:00
parent a314782acb
commit 44de4f1195
7 changed files with 68 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/svg/duplicate.svg Normal file
View File

@ -0,0 +1,6 @@
<svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 20.5V8.5C8 7.39543 8.89543 6.5 10 6.5H15.5H18C19.1046 6.5 20 7.39543 20 8.5L20 11.3V20.5C20 21.6046 19.1046 22.5 18 22.5H10C8.89543 22.5 8 21.6046 8 20.5Z" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M11 14.5H17" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M11 18.5H17" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M16 6.3L16 4.50001C16 3.39543 15.1046 2.5 14 2.5H11.5H6C4.89543 2.5 4 3.39543 4 4.5V16.5C4 17.6046 4.89543 18.5 6 18.5H8" fill="none" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 639 B

7
src/assets/svg/grid.svg Normal file
View File

@ -0,0 +1,7 @@
<svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" transform="translate(0 0.5)" fill="white"/>
<rect x="2" y="7.5" width="20" height="2" rx="1" stroke="none"/>
<rect x="2" y="15.5" width="20" height="2" rx="1" stroke="none"/>
<rect x="7" y="22.5" width="20" height="2" rx="1" transform="rotate(-90 7 22.5)" stroke="none"/>
<rect x="15" y="22.5" width="20" height="2" rx="1" transform="rotate(-90 15 22.5)" stroke="none"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 480 B

14
src/assets/svg/pages.svg Normal file
View File

@ -0,0 +1,14 @@
<svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_889_22377)">
<path d="M20 23.5V21.3284C20 20.798 19.7893 20.2893 19.4142 19.9142L14.5858 15.0858C14.2107 14.7107 13.702 14.5 13.1716 14.5H6C4.89543 14.5 4 15.3954 4 16.5V23.5" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M4 1.5V4.5C4 5.60457 4.89543 6.5 6 6.5H18C19.1046 6.5 20 5.60457 20 4.5V1.5" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M14 20.5L19 20.5" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M14 15.5V20.5" fill="none" stroke-width="2" stroke-linecap="round"/>
<path d="M4 10.5H20" fill="none" stroke-width="2" stroke-linecap="round"/>
</g>
<defs>
<clipPath id="clip0_889_22377">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 846 B

4
src/assets/svg/rotate.svg Normal file
View File

@ -0,0 +1,4 @@
<svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23 4.5V10.5H17" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20.49 15.5C19.84 17.3399 18.6096 18.9187 16.9842 19.9985C15.3588 21.0783 13.4265 21.6006 11.4784 21.4866C9.53038 21.3726 7.67216 20.6286 6.18376 19.3667C4.69536 18.1047 3.65743 16.3932 3.22637 14.4901C2.79531 12.5869 2.99448 10.5952 3.79386 8.81508C4.59325 7.03496 5.94954 5.56288 7.65836 4.62065C9.36717 3.67843 11.3359 3.31711 13.268 3.59116C15.2 3.8652 16.9906 4.75975 18.37 6.14001L23 10.5" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 667 B

3
src/assets/svg/select-arrow.svg
View File

@ -1,3 +0,0 @@
<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1315 0.6875H0.868974C0.561161 0.6875 0.389286 1.0125 0.579911 1.23438L5.71116 7.18437C5.85804 7.35469 6.14085 7.35469 6.28929 7.18437L11.4205 1.23438C11.6112 1.0125 11.4393 0.6875 11.1315 0.6875Z" fill="#262626"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 327 B

4
src/assets/svg/text-transition.svg Normal file
View File

@ -0,0 +1,4 @@
<svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 15.5L8.00001 19.5L4 15.5" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4 5.5H17C18.6569 5.5 20 6.84315 20 8.5V8.5C20 10.1569 18.6569 11.5 17 11.5H12C9.79086 11.5 8 13.2909 8 15.5V19.5" fill="none" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 375 B

61
src/components/icons.tsx
View File

@ -1,71 +1,76 @@
export { ReactComponent as SVGAgricultural } from "assets/svg/agricultural.svg";
export { ReactComponent as SVGArrowBigRight } from "assets/svg/arrow-big-right.svg";
export { ReactComponent as SVGArrowDown } from "assets/svg/arrow-down.svg";
export { ReactComponent as SVGArrowLeft } from "assets/svg/arrow-left.svg";
export { ReactComponent as SVGArrowRight } from "assets/svg/arrow-right.svg";
export { ReactComponent as SVGArrowUp } from "assets/svg/arrow-up.svg";
export { ReactComponent as SVGBell } from "assets/svg/bell.svg";
export { ReactComponent as SVGBellNotification } from "assets/svg/bell-notification.svg";
export { ReactComponent as SVGBookmarkFilled } from "assets/svg/bookmark-filled.svg";
export { ReactComponent as SVGBookmarkOutlined } from "assets/svg/bookmark-outlined.svg";
export { ReactComponent as SVGCaretDown } from "assets/svg/caret-down.svg";
export { ReactComponent as SVGCaretLeft } from "assets/svg/caret-left.svg";
export { ReactComponent as SVGCaretRight } from "assets/svg/caret-right.svg";
export { ReactComponent as SVGCaretUp } from "assets/svg/caret-up.svg";
export { ReactComponent as SVGChart } from "assets/svg/chart.svg";
export { ReactComponent as SVGChevronesLeft } from "assets/svg/chevrones-left.svg";
export { ReactComponent as SVGChevronesRight } from "assets/svg/chevrones-right.svg";
export { ReactComponent as SVGCircle } from "assets/svg/circle.svg";
export { ReactComponent as SVGCite } from "assets/svg/cite.svg";
export { ReactComponent as SVGCopy } from "assets/svg/copy.svg";
export { ReactComponent as SVGDelete } from "assets/svg/delete.svg";
export { ReactComponent as SVGDownload } from "assets/svg/download.svg";
export { ReactComponent as SVGDuplicate } from "assets/svg/duplicate.svg";
export { ReactComponent as SVGEdit1 } from "assets/svg/edit1.svg";
export { ReactComponent as SVGEdit2 } from "assets/svg/edit2.svg";
export { ReactComponent as SVGError } from "assets/svg/error.svg";
export { ReactComponent as SVGEye } from "assets/svg/eye.svg";
export { ReactComponent as SVGFiletext } from "assets/svg/filetext.svg";
export { ReactComponent as SVGFolder } from "assets/svg/folder.svg";
export { ReactComponent as SVGKey } from "assets/svg/key.svg";
export { ReactComponent as SVGList } from "assets/svg/list.svg";
export { ReactComponent as SVGMinus } from "assets/svg/minus.svg";
export { ReactComponent as SVGMore } from "assets/svg/more.svg";
export { ReactComponent as SVGPlus } from "assets/svg/plus.svg";
export { ReactComponent as SVGPrinter } from "assets/svg/printer.svg";
export { ReactComponent as SVGSearch } from "assets/svg/search.svg";
export { ReactComponent as SVGShare } from "assets/svg/share.svg";
export { ReactComponent as SVGUser } from "assets/svg/user.svg";
export { ReactComponent as SVGXMark } from "assets/svg/xmark.svg";
export { ReactComponent as SVGArrowUp } from "assets/svg/arrow-up.svg";
export { ReactComponent as SVGBellNotification } from "assets/svg/bell-notification.svg";
export { ReactComponent as SVGBell } from "assets/svg/bell.svg";
export { ReactComponent as SVGBookmarkFilled } from "assets/svg/bookmark-filled.svg";
export { ReactComponent as SVGBookmarkOutlined } from "assets/svg/bookmark-outlined.svg";
export { ReactComponent as SVGChart } from "assets/svg/chart.svg";
export { ReactComponent as SVGCircle } from "assets/svg/circle.svg";
export { ReactComponent as SVGFacebook } from "assets/svg/facebook.svg";
export { ReactComponent as SVGFavoriteFilled } from "assets/svg/favorite-filled.svg";
export { ReactComponent as SVGFavoriteOutlined } from "assets/svg/favorite-outlined.svg";
export { ReactComponent as SVGFile } from "assets/svg/file.svg";
export { ReactComponent as SVGFiletext } from "assets/svg/filetext.svg";
export { ReactComponent as SVGFilter } from "assets/svg/filter.svg";
export { ReactComponent as SVGFlag } from "assets/svg/flag.svg";
export { ReactComponent as SVGFolder } from "assets/svg/folder.svg";
export { ReactComponent as SVGFormula } from "assets/svg/formula.svg";
export { ReactComponent as SVGFundomental } from "assets/svg/fundomental.svg";
export { ReactComponent as SVGGrid } from "assets/svg/grid.svg";
export { ReactComponent as SVGHamburger } from "assets/svg/hamburger.svg";
export { ReactComponent as SVGHelp } from "assets/svg/help.svg";
export { ReactComponent as SVGHorizontal } from "assets/svg/horizontal.svg";
export { ReactComponent as SVGHumanitarian } from "assets/svg/humanitarian.svg";
export { ReactComponent as SVGImage } from "assets/svg/image.svg";
export { ReactComponent as SVGInfo } from "assets/svg/info.svg";
export { ReactComponent as SVGInstagram } from "assets/svg/instagram.svg";
export { ReactComponent as SVGKey } from "assets/svg/key.svg";
export { ReactComponent as SVGLeftMenu } from "assets/svg/left-menu.svg";
export { ReactComponent as SVGLink } from "assets/svg/link.svg";
export { ReactComponent as SVGList } from "assets/svg/list.svg";
export { ReactComponent as SVGLogo } from "assets/svg/logo.svg";
export { ReactComponent as SVGMedicine } from "assets/svg/medicine.svg";
export { ReactComponent as SVGMinus } from "assets/svg/minus.svg";
export { ReactComponent as SVGMore } from "assets/svg/more.svg";
export { ReactComponent as SVGPages } from "assets/svg/pages.svg";
export { ReactComponent as SVGPalete } from "assets/svg/palete.svg";
export { ReactComponent as SVGPlot } from "assets/svg/plot.svg";
export { ReactComponent as SVGPlus } from "assets/svg/plus.svg";
export { ReactComponent as SVGPrinter } from "assets/svg/printer.svg";
export { ReactComponent as SVGRightMenu } from "assets/svg/right-menu.svg";
export { ReactComponent as SVGRotate } from "assets/svg/rotate.svg";
export { ReactComponent as SVGSearch } from "assets/svg/search.svg";
export { ReactComponent as SVGSelection } from "assets/svg/selection.svg";
export { ReactComponent as SVGSend } from "assets/svg/send.svg";
export { ReactComponent as SVGSettings } from "assets/svg/settings.svg";
export { ReactComponent as SVGShape } from "assets/svg/shape.svg";
export { ReactComponent as SVGShare } from "assets/svg/share.svg";
export { ReactComponent as SVGSmile } from "assets/svg/smile.svg";
export { ReactComponent as SVGSocials } from "assets/svg/socials.svg";
export { ReactComponent as SVGTable } from "assets/svg/table.svg";
export { ReactComponent as SVGTechnicsAndTechology } from "assets/svg/technics-and-techology.svg";
export { ReactComponent as SVGText } from "assets/svg/text.svg";
export { ReactComponent as SVGTextTransition } from "assets/svg/text-transition.svg";
export { ReactComponent as SVGUser } from "assets/svg/user.svg";
export { ReactComponent as SVGVertical } from "assets/svg/vertical.svg";
export { ReactComponent as SVGVideo } from "assets/svg/video.svg";
export { ReactComponent as SVGFacebook } from "assets/svg/facebook.svg";
export { ReactComponent as SVGInstagram } from "assets/svg/instagram.svg";
export { ReactComponent as SVGSelectArrow } from "assets/svg/select-arrow.svg";
export { ReactComponent as SVGAgricultural } from "assets/svg/agricultural.svg";
export { ReactComponent as SVGFundomental } from "assets/svg/fundomental.svg";
export { ReactComponent as SVGHumanitarian } from "assets/svg/humanitarian.svg";
export { ReactComponent as SVGMedicine } from "assets/svg/medicine.svg";
export { ReactComponent as SVGSocials } from "assets/svg/socials.svg";
export { ReactComponent as SVGTechnicsAndTechology } from "assets/svg/technics-and-techology.svg";
export { ReactComponent as SVGXmark } from "assets/svg/xmark.svg";