From 44de4f1195c77225078e868f00fe6facbcee9cad Mon Sep 17 00:00:00 2001 From: Maximus Date: Fri, 19 Aug 2022 19:24:59 +0300 Subject: [PATCH] added new icons, remove repetable icons, modified icon-factory --- src/assets/svg/duplicate.svg | 6 +++ src/assets/svg/grid.svg | 7 ++++ src/assets/svg/pages.svg | 14 +++++++ src/assets/svg/rotate.svg | 4 ++ src/assets/svg/select-arrow.svg | 3 -- src/assets/svg/text-transition.svg | 4 ++ src/components/icons.tsx | 61 ++++++++++++++++-------------- 7 files changed, 68 insertions(+), 31 deletions(-) create mode 100644 src/assets/svg/duplicate.svg create mode 100644 src/assets/svg/grid.svg create mode 100644 src/assets/svg/pages.svg create mode 100644 src/assets/svg/rotate.svg delete mode 100644 src/assets/svg/select-arrow.svg create mode 100644 src/assets/svg/text-transition.svg diff --git a/src/assets/svg/duplicate.svg b/src/assets/svg/duplicate.svg new file mode 100644 index 0000000..f73348f --- /dev/null +++ b/src/assets/svg/duplicate.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/svg/grid.svg b/src/assets/svg/grid.svg new file mode 100644 index 0000000..c02c810 --- /dev/null +++ b/src/assets/svg/grid.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/svg/pages.svg b/src/assets/svg/pages.svg new file mode 100644 index 0000000..0c9b111 --- /dev/null +++ b/src/assets/svg/pages.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/assets/svg/rotate.svg b/src/assets/svg/rotate.svg new file mode 100644 index 0000000..d403d43 --- /dev/null +++ b/src/assets/svg/rotate.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/svg/select-arrow.svg b/src/assets/svg/select-arrow.svg deleted file mode 100644 index 9c2dd2d..0000000 --- a/src/assets/svg/select-arrow.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/src/assets/svg/text-transition.svg b/src/assets/svg/text-transition.svg new file mode 100644 index 0000000..855aced --- /dev/null +++ b/src/assets/svg/text-transition.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/components/icons.tsx b/src/components/icons.tsx index f17c0d9..9cf238a 100644 --- a/src/components/icons.tsx +++ b/src/components/icons.tsx @@ -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";