{"version":3,"sources":["common/Header.jsx","config/GoogleAnalytics.js","component/notFound.jsx","pages/Home.styled.jsx","pages/Home.jsx","state/atoms.js","common/IconsFilter.jsx","common/IconsDownloader.jsx","config/IconObject.js","pages/Icons.jsx","pages/Illustrations.styled.jsx","pages/Illustrations.jsx","App.js","index.js"],"names":["Topbar","styled","header","Wrapper","div","Nav","nav","Logo","Header","to","className","size","Component","googleAnalyticsActions","initGoogleAnalytics","key","a","ReactGA","initialize","pageview","window","location","pathname","search","NotFound","Grid","Box","Hero","H1","h1","Home","Helmet","style","background","designAtom","atom","default","colorAtom","secondaryColorAtom","iconSizeAtom","strokeSizeAtom","selectedIconAtom","frameDesignAtom","frameColorAtom","frameBorderColorAtom","frameBorderRadiusAtom","Filter","props","useState","icoPrimary","setIcoPrimary","icoSecondary","setIcoSecondary","icoFrameborder","setIcoFrameborder","icoFrameBackground","setIcoFrameBackground","availableDesigns","name","icon","color","design","availableIconSizes","strokes","light","regular","bold","useRecoilState","setDesign","setColor","secondaryColor","setSecondaryColor","iconSize","setIconSize","strokeSize","setStrokeSize","frameDesign","setFrameDesign","frameColor","setFrameColor","frameBorderColor","setFrameBorderColor","htmlFor","map","Item","type","value","id","onChange","checked","onClick","backgroundColor","disableAlpha","hex","Object","keys","DownloadBar","Downloader","useRecoilValue","selectedIcon","IconRef","useRef","IconPreview","Icons","ref","strokeWidth","current","outerHTML","blob","Blob","saveAs","Svg2Png","save","scaleX","scaleY","IconsList","tags","component","IconKeys","forEach","item","idx","indexOf","splice","push","IconsPage","setSelectedIcon","setSearch","AllIcons","filteredIcons","setFilteredIcons","frameStroke","useEffect","fuse","Fuse","minMatchCharLength","threshold","stripFuse","list","renderIcon","IconComponent","frameOptions","cn","selected","frameBorderRadius","IconsFilter","flex","placeholder","e","target","index","IconsDownloader","section","Heading","Illustrations","App","Fragment","path","exact","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.6b66e451.chunk.js","sourcesContent":["import React, { Component } from \"react\";\nimport { Link, NavLink } from \"react-router-dom\";\nimport styled from \"styled-components\";\nimport { SVGBook } from \"@svgbook/react-icons\";\n\nconst Topbar = styled.header`\n border-bottom: 1px solid #c5c5c5;\n`;\nconst Wrapper = styled.div`\n display: flex;\n align-items: center;\n padding: 0 15px;\n width: 100%;\n max-width: 1300px;\n margin: 0 auto;\n`;\nconst Nav = styled.nav`\n > a {\n font-weight: 500;\n margin: 0 10px;\n position: relative;\n }\n > a:hover {\n color: #673ab7;\n }\n > a > span {\n position: absolute;\n background-color: #673ab7;\n color: #fff;\n padding: 1px 5px;\n border-radius: 3px;\n font-size: 0.6rem;\n top: -12px;\n right: -25px;\n }\n`;\nconst Logo = styled.div`\n margin-right: 2rem;\n .logo {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .svgBook-name {\n font-size: 25px;\n text-transform: uppercase;\n }\n`;\n\nclass Header extends Component {\n render() {\n return (\n \n \n \n \n \n \n SVGBook\n \n \n \n \n \n \n );\n }\n}\n\nexport default Header;\n","import ReactGA from \"react-ga\";\n\nconst googleAnalyticsActions = {};\n\ngoogleAnalyticsActions.initGoogleAnalytics = async (key) => {\n ReactGA.initialize(key);\n ReactGA.pageview(window.location.pathname + window.location.search);\n};\n\nexport { googleAnalyticsActions };\n","import React from \"react\";\n\nconst NotFound = () => {\n return

404 error page!

;\n};\n\nexport default NotFound;\n","import styled from \"styled-components\";\n\nexport const Grid = styled.div`\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n display: column;\n columns: 2;\n gap: 2rem;\n padding: 0 15px;\n > * {\n break-inside: avoid;\n margin-bottom: 2rem;\n }\n @media (max-width: 750px) {\n columns: 1;\n }\n`;\nexport const Button = styled.a`\n font-size: 1rem;\n font-weight: 700;\n letter-spacing: 0.1px;\n display: inline-block;\n padding: 1rem 5rem;\n border-radius: 2rem;\n background: #e91e63;\n color: #fff;\n cursor: pointer;\n display: inline-block;\n margin-top: 32px;\n &:hover {\n color: #fff;\n background-color: #ec407a;\n }\n`;\nexport const Box = styled.div`\n width: 100%;\n max-width: 1200px;\n padding: 2rem;\n border-radius: 1rem;\n`;\nexport const Hero = styled(Box)`\n text-align: center;\n margin: 1rem auto;\n padding: 90px 30px;\n a {\n font-size: 1rem;\n font-weight: 700;\n letter-spacing: 0.1px;\n display: inline-block;\n padding: 1rem 5rem;\n border-radius: 2rem;\n background: #e91e63;\n color: #fff;\n cursor: pointer;\n display: inline-block;\n margin-top: 32px;\n &:hover {\n color: #fff;\n background-color: #ec407a;\n }\n }\n`;\nexport const H1 = styled.h1`\n font-size: 6vw;\n line-height: 1;\n margin-bottom: 0.75rem;\n`;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { Hero, H1, Box, Grid } from \"./Home.styled\";\nimport Helmet from \"react-helmet\";\n\nconst Home = () => {\n return (\n <>\n \n Premium Icons and Illustrations\n \n \n

Premium and free design resources for Creator

\n

\n Thousands of unique icons in 4 styles (color, duotone, outline and\n fill/solid).\n

\n Browse Icons\n \n \n \n

All icons are drawn on a pixel-based grid

\n

\n Universal Icon Set is drawn on a pixel-based grid of 24px x 24px and\n scaled-up linearly to different sizes. The grid contains 2px padding\n for the surrounding live area.\n

\n \n \n

Consistent design principles

\n

\n Icons are designed based on same concept. Shapes are bold and\n geometric. They have a consistent look, ensuring readability and\n clarity, even at small sizes.\n

\n \n \n

Choose the style that suits you best

\n

\n You can easily change the icons style just in one click. Feel free\n to try different icons options for your project.\n

\n \n \n

Change the color of the details

\n

\n Experience even more flexibility with SVGBook icons. Change the\n color of the icon or just its individual elements.\n

\n \n \n

Get all file formats

\n

\n The icons have been exported in different formats. This will allow\n you to work even faster, regardless of the program in which you are\n working.\n

\n \n \n

HOME Page is here

\n \n \n \n );\n};\n\nexport default Home;\n","import { atom } from \"recoil\";\n\nexport const designAtom = atom({\n key: \"designAtom\",\n default: \"color\",\n});\n\nexport const colorAtom = atom({\n key: \"colorAtom\",\n default: \"#000000\",\n});\n\nexport const secondaryColorAtom = atom({\n key: \"secondaryColorAtom\",\n default: \"#ffd43b\",\n});\n\nexport const iconSizeAtom = atom({\n key: \"iconSizeAtom\",\n default: 72,\n});\n\nexport const strokeSizeAtom = atom({\n key: \"strokeSizeAtom\",\n default: 1.0,\n});\n\nexport const selectedIconAtom = atom({\n key: \"selectedIcon\",\n default: null,\n});\n\nexport const frameDesignAtom = atom({\n key: \"frameDesignAtom\",\n default: \"none\",\n});\n\nexport const frameColorAtom = atom({\n key: \"frameColorAtom\",\n default: \"#e8e8e8\",\n});\n\nexport const frameBorderColorAtom = atom({\n key: \"frameStrokeAtom\",\n default: \"#868686\",\n});\n\nexport const frameBorderRadiusAtom = atom({\n key: \"frameBorderRadiusAtom\",\n default: 5,\n});\n","import React, { Fragment, useState } from \"react\";\nimport { ChromePicker } from \"react-color\";\nimport { useRecoilState } from \"recoil\";\nimport * as Icons from \"@svgbook/react-icons\";\nimport {\n colorAtom,\n secondaryColorAtom,\n designAtom,\n iconSizeAtom,\n strokeSizeAtom,\n frameDesignAtom,\n frameColorAtom,\n frameBorderColorAtom,\n frameBorderRadiusAtom,\n} from \"../state/atoms\";\n\nfunction Filter(props) {\n const [icoPrimary, setIcoPrimary] = useState(false);\n const [icoSecondary, setIcoSecondary] = useState(false);\n const [icoFrameborder, setIcoFrameborder] = useState(false);\n const [icoFrameBackground, setIcoFrameBackground] = useState(false);\n\n const availableDesigns = [\n {\n name: \"outline\",\n icon: () => ,\n },\n {\n name: \"fill\",\n icon: () => ,\n },\n {\n name: \"duotone\",\n icon: () => ,\n },\n {\n name: \"color\",\n icon: () => ,\n },\n ];\n const availableIconSizes = [18, 24, 36, 48, 72, 96];\n const strokes = { light: 0.5, regular: 1, bold: 1.5 };\n\n // Atoms\n const [design, setDesign] = useRecoilState(designAtom);\n const [color, setColor] = useRecoilState(colorAtom);\n const [secondaryColor, setSecondaryColor] =\n useRecoilState(secondaryColorAtom);\n const [iconSize, setIconSize] = useRecoilState(iconSizeAtom);\n const [strokeSize, setStrokeSize] = useRecoilState(strokeSizeAtom);\n\n const [frameDesign, setFrameDesign] = useRecoilState(frameDesignAtom);\n const [frameColor, setFrameColor] = useRecoilState(frameColorAtom);\n const [frameBorderColor, setFrameBorderColor] =\n useRecoilState(frameBorderColorAtom);\n const [frameBorderRadius, setFrameBorderRadius] = useRecoilState(\n frameBorderRadiusAtom\n );\n\n return (\n
\n
\n \n
\n {availableDesigns &&\n availableDesigns.map((Item) => (\n \n setDesign(Item.name)}\n checked={design === Item.name}\n />\n \n \n ))}\n
\n
\n\n
\n \n setIcoPrimary((icoPrimary) => !icoPrimary)}\n >\n
\n
\n {icoPrimary && (\n
\n setIcoPrimary(false)}\n />\n setColor(color.hex)}\n />\n
\n )}\n
\n\n {design && design === \"color\" && (\n <>\n
\n \n setIcoSecondary((icoSecondary) => !icoSecondary)}\n >\n \n
\n {icoSecondary && (\n
\n setIcoSecondary(false)}\n />\n setSecondaryColor(color.hex)}\n />\n
\n )}\n
\n \n )}\n\n
\n \n
\n {availableIconSizes &&\n availableIconSizes.map((size) => (\n \n setIconSize(size)}\n checked={iconSize === size}\n />\n \n \n ))}\n
\n
\n\n
\n \n
\n {strokes &&\n Object.keys(strokes).map((name) => (\n \n setStrokeSize(strokes[name])}\n checked={strokeSize === strokes[name]}\n />\n \n \n ))}\n
\n
\n\n
\n \n
\n setFrameDesign(\"none\")}\n checked={frameDesign === \"none\"}\n />\n \n\n setFrameDesign(\"square\")}\n checked={frameDesign === \"square\"}\n />\n \n
\n
\n {frameDesign !== \"none\" ? (\n <>\n
\n \n \n setIcoFrameborder((icoFrameborder) => !icoFrameborder)\n }\n >\n \n
\n {icoFrameborder ? (\n
\n setIcoFrameborder(false)}\n />\n setFrameBorderColor(color.hex)}\n />\n
\n ) : (\n \"\"\n )}\n \n\n
\n \n \n setIcoFrameBackground(\n (icoFrameBackground) => !icoFrameBackground\n )\n }\n >\n
\n
\n {icoFrameBackground ? (\n
\n setIcoFrameBackground(false)}\n />\n setFrameColor(color.hex)}\n />\n
\n ) : (\n \"\"\n )}\n
\n \n ) : null}\n \n );\n}\n\nexport default Filter;\n","import React, { useRef } from \"react\";\nimport styled from \"styled-components\";\nimport * as Icons from \"@svgbook/react-icons\";\nimport { useRecoilValue } from \"recoil\";\nimport { saveAs } from \"file-saver\";\nimport { Svg2Png } from \"svg2png-converter\";\n\nimport {\n colorAtom,\n designAtom,\n iconSizeAtom,\n strokeSizeAtom,\n selectedIconAtom,\n} from \"../state/atoms\";\n\nconst DownloadBar = styled.div`\n display: flex;\n flex-direction: column;\n width: 250px;\n height: 100%;\n border-left: 1px solid #c5c5c5;\n overflow-y: scroll;\n padding: 15px;\n`;\nconst Downloader = () => {\n const design = useRecoilValue(designAtom);\n const color = useRecoilValue(colorAtom);\n const size = useRecoilValue(iconSizeAtom);\n const strokeSize = useRecoilValue(strokeSizeAtom);\n const selectedIcon = useRecoilValue(selectedIconAtom);\n\n const IconRef = useRef();\n const IconPreview = Icons[selectedIcon];\n\n const _handleDownloadSVG = () => {\n if (!IconRef.current?.outerHTML) return;\n const blob = new Blob([IconRef.current.outerHTML]);\n saveAs(blob, `${selectedIcon}.svg`);\n };\n\n const _handleDownloadPNG = () => {\n if (!IconRef.current?.outerHTML) return;\n Svg2Png.save(IconRef.current, `${selectedIcon}.png`, {\n scaleX: 2.667,\n scaleY: 2.667,\n });\n };\n\n return (\n \n {selectedIcon ? (\n <>\n
\n

\n \n {selectedIcon}\n

\n
\n
\n \n \n
\n
\n \n \n
\n
\n \n \n
\n \n ) : (\n
\n

\n Search your best fit Icons and simply click and download your\n selected icons.{\" \"}\n

\n
\n )}\n \n );\n};\n\nexport default Downloader;\n","import * as Icons from \"@svgbook/react-icons\";\n\nconst IconsList = [\n {\n name: \"Activity\",\n tags: [\"Activity\", \"heartbeat\"],\n component: Icons[\"Activity\"],\n },\n {\n name: \"Copy\",\n tags: [\"Copy\", \"clipboard\"],\n component: Icons[\"Copy\"],\n },\n {\n name: \"Circle\",\n tags: [\"Circle\", \"shape\"],\n component: Icons[\"Circle\"],\n },\n {\n name: \"Download\",\n tags: [\"download\"],\n component: Icons[\"Download\"],\n },\n {\n name: \"ArrowsRight\",\n tags: [\"arrows\", \"right\", \"forward\"],\n component: Icons[\"ArrowsRight\"],\n },\n];\n\nconst IconKeys = Object.keys(Icons);\n\nIconsList.forEach((item) => {\n let idx = IconKeys.indexOf(item.name);\n if (idx !== -1) {\n IconKeys.splice(idx, 1);\n }\n});\n\nIconKeys.forEach((item) => {\n IconsList.push({\n name: item,\n tags: [],\n component: Icons[item],\n });\n});\n\nexport default IconsList;\n","import React, { useState, useEffect } from \"react\";\nimport IconsFilter from \"../common/IconsFilter\";\nimport IconsDownloader from \"../common/IconsDownloader\";\nimport { useRecoilState, useRecoilValue } from \"recoil\";\nimport cn from \"classnames\";\nimport AllIcons from \"../config/IconObject\";\nimport Fuse from \"fuse.js\";\nimport { googleAnalyticsActions } from \"../config/GoogleAnalytics\";\n\nimport {\n colorAtom,\n secondaryColorAtom,\n designAtom,\n iconSizeAtom,\n strokeSizeAtom,\n selectedIconAtom,\n frameDesignAtom,\n frameColorAtom,\n frameBorderColorAtom,\n} from \"../state/atoms\";\n\nfunction IconsPage() {\n const design = useRecoilValue(designAtom);\n const color = useRecoilValue(colorAtom);\n const secondaryColor = useRecoilValue(secondaryColorAtom);\n const size = useRecoilValue(iconSizeAtom);\n const strokeSize = useRecoilValue(strokeSizeAtom);\n\n const [selectedIcon, setSelectedIcon] = useRecoilState(selectedIconAtom);\n const [search, setSearch] = useState(\"\");\n const [filteredIcons, setFilteredIcons] = useState(AllIcons);\n\n const frameDesign = useRecoilValue(frameDesignAtom);\n const frameColor = useRecoilValue(frameColorAtom);\n const frameStroke = useRecoilValue(frameBorderColorAtom);\n\n useEffect(() => {\n googleAnalyticsActions.initGoogleAnalytics(\"UA-207442904-1\");\n const fuseConfig = {\n minMatchCharLength: 1,\n threshold: 0.3,\n keys: [\"name\", \"tags\"],\n };\n const fuse = new Fuse(AllIcons, fuseConfig);\n if (search !== \"\") {\n setFilteredIcons(stripFuse(fuse.search(search)));\n } else {\n setFilteredIcons(AllIcons);\n }\n }, [search]);\n\n const stripFuse = (list) => {\n return list.map((item) => item.item);\n };\n\n const _handleIconClick = (icon) => {\n setSelectedIcon(icon);\n };\n\n const _handleSearchChange = (value) => {\n setSearch(value);\n };\n\n const renderIcon = ({ name, component: IconComponent }) => {\n const frameOptions =\n frameDesign !== \"none\"\n ? { frameColor: frameColor, frameBorderColor: frameStroke }\n : {};\n\n return (\n _handleIconClick(name)}\n >\n \n {name}\n \n );\n };\n\n return (\n
\n \n
\n
\n
\n
\n _handleSearchChange(e.target.value)}\n />\n
\n
\n\n
\n
\n {filteredIcons &&\n filteredIcons.map((icon, index) => renderIcon(icon, index))}\n
\n
\n
\n
\n \n
\n );\n}\nexport default IconsPage;\n","import styled from \"styled-components\";\n\nexport const Wrapper = styled.section`\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 15px;\n min-height: calc(100vh - 66px);\n text-align: center;\n`;\nexport const Heading = styled.h1`\n font-size: 8vw;\n`;\n","import React, { useEffect } from \"react\";\nimport { Wrapper, Heading } from \"./Illustrations.styled\";\nimport { googleAnalyticsActions } from \"../config/GoogleAnalytics\";\nimport { Helmet } from \"react-helmet\";\n\nconst Illustrations = () => {\n useEffect(() => {\n googleAnalyticsActions.initGoogleAnalytics(\"UA-207442904-1\");\n }, []);\n return (\n <>\n \n Download Free premium svg illustrations and vectors.\n \n \n We are working on illustrations.\n \n \n );\n};\n\nexport default Illustrations;\n","import React, { useEffect } from \"react\";\nimport Header from \"./common/Header\";\nimport { Switch, Route, Redirect } from \"react-router-dom\";\n\n// import ReactGA from 'react-ga';\nimport { googleAnalyticsActions } from \"./config/GoogleAnalytics\";\n\nimport NotFound from \"./component/notFound\";\nimport Home from \"./pages/Home\";\nimport Icons from \"./pages/Icons\";\nimport Illustrations from \"./pages/Illustrations\";\n\nconst App = () => {\n useEffect(() => {\n googleAnalyticsActions.initGoogleAnalytics(\"UA-207442904-1\");\n }, []);\n return (\n \n
\n \n \n \n \n \n \n \n \n );\n};\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\nimport { BrowserRouter } from \"react-router-dom\";\nimport { RecoilRoot } from \"recoil\";\nimport \"./index.scss\";\n\nReactDOM.render(\n \n \n \n \n \n \n ,\n document.getElementById(\"root\")\n);\n"],"sourceRoot":""}