(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{5557:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return s(1981)}])},2778:function(e,t,s){"use strict";s.d(t,{Z:function(){return g}});var o=s(5893),i=s(3756),n=s.n(i),l=s(1664),r=s.n(l),c=s(7217),a=s.n(c),h=s(5415),d=s(4101),u=e=>{let{vectors:t,loading:s,slug:i,count:n}=e;Array.apply(null,Array(8));let l=(0,d.Z)(i?i.replace(/-/g," ")+" ":"");return(0,o.jsx)("div",{className:a().Collection,children:(0,o.jsx)(r(),{href:i?"/collection/".concat(i,"/"):"#",title:"List ".concat(l,"SVG Collection"),children:(0,o.jsxs)("div",{className:a().CollectionImages,children:[(0,o.jsx)("div",{className:a().CollectionImageListing,children:t&&t.map((e,t)=>(0,o.jsxs)("div",{className:a().CollectionVector,src:e.url,children:[s&&(0,o.jsx)(h.Z,{}),(0,o.jsx)("img",{alt:e.title,src:"/show/".concat(e.id,"/").concat(e.title,".svg")})]},t))}),(0,o.jsxs)("div",{className:a().title,children:[l,"Collection ",(0,o.jsx)("span",{children:n})]})]})})})};function g(e){let{collections:t,loading:s,keyPostfix:i,sentUrl:l,style:r}=e;return t?(0,o.jsx)("div",{className:n().collectionListing,style:r,children:t.map((e,t)=>(0,o.jsx)(u,{vectors:!!e&&e.preview,loading:s,slug:!!e&&e.slug,count:e?e.count:"50"},t+"-"+i))}):null}},9582:function(e,t,s){"use strict";s.d(t,{Z:function(){return g}});var o=s(5893),i=s(5129),n=s.n(i),l=s(5152),r=s.n(l),c=s(1163);let a=r()(Promise.all([s.e(675),s.e(400),s.e(451)]).then(s.bind(s,451)),{loadableGenerated:{webpack:()=>[451]}}),h=r()(Promise.all([s.e(675),s.e(872)]).then(s.bind(s,4872)),{loadableGenerated:{webpack:()=>[4872]}}),d=r()(Promise.all([s.e(675),s.e(293)]).then(s.bind(s,2293)),{loadableGenerated:{webpack:()=>[2293]}}),u=r()(s.e(929).then(s.bind(s,6929)),{loadableGenerated:{webpack:()=>[6929]}});function g(e){let{children:t,isHome:s,searchType:i}=e,l=(0,c.useRouter)(),r="native-flex-".concat(l.asPath.split("#")[0].split("/")[1],"-").concat(l.asPath.split("#")[0].split("/")[2],"-").concat(l.asPath.split("#")[0].split("/")[3]);return(0,o.jsxs)("div",{children:[s?(0,o.jsx)(h,{isHome:s,searchType:i}):(0,o.jsx)(a,{isHome:s,searchType:i}),(0,o.jsx)("div",{className:n().fixed,children:t}),(0,o.jsx)(u,{id:r,isHome:s}),(0,o.jsx)(d,{pageUniqueId:r})]})}},5415:function(e,t,s){"use strict";s.d(t,{Z:function(){return l}});var o=s(5893),i=s(6057),n=s.n(i);function l(){return(0,o.jsx)("div",{className:n().loading})}},3287:function(e,t,s){"use strict";var o=s(5893);s(7294);var i=s(4400),n=s.n(i),l=s(1664),r=s.n(l);t.Z=e=>{let{listing:t,slug:s,type:i,page:l,count:c,num:a,loadingFunction:h}=e,d=Math.ceil(c/(a=a||50)),u="/".concat(t,"/").concat(s,"/").concat(i);return s||(u="/".concat(t,"/")),(0,o.jsx)("div",{className:n().paging,children:(0,o.jsxs)("div",{className:n().pagingCarrier,children:[(0,o.jsxs)("div",{children:[1!=l&&(0,o.jsx)(r(),{href:Number(l)-1==1?u:"".concat(u.endsWith("/")?u:u+"/").concat(Number(l)-1),title:"Previous Page",onClick:h,children:(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 24 24",fill:"none",stroke:"#8899a4",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"arcs",children:(0,o.jsx)("path",{d:"M15 18l-6-6 6-6"})})}),1==l&&(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 24 24",fill:"none",stroke:"#ccc",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"arcs",children:(0,o.jsx)("path",{d:"M15 18l-6-6 6-6"})})]}),(0,o.jsxs)("span",{children:[(0,o.jsxs)("span",{style:{fontWeight:400},children:["Page ",l]})," / ",d]}),(0,o.jsxs)("div",{children:[l!=Math.ceil(c/a)&&(0,o.jsx)(r(),{href:"".concat(u.endsWith("/")?u:u+"/").concat(Number(l)+1),title:"Next Page",onClick:h,children:(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 24 24",fill:"none",stroke:"#8899a4",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"arcs",children:(0,o.jsx)("path",{d:"M9 18l6-6-6-6"})})}),l==Math.ceil(c/a)&&(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 24 24",fill:"none",stroke:"#ccc",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"arcs",children:(0,o.jsx)("path",{d:"M9 18l6-6-6-6"})})]})]})})}},1148:function(e,t,s){"use strict";var o=s(5893);s(1664);var i=s(2962);function n(e){let{description:t,meta:s,title:n,noMainTitle:l,canonical:r,imageURL:c}=e;return n=l?n:"".concat(n," - SVG Repo"),c||(c="https://www.svgrepo.com/social.png"),(0,o.jsx)(i.PB,{title:n,description:t,canonical:"https://www.svgrepo.com"+r,openGraph:{url:"https://www.svgrepo.com"+r,title:n,description:t,site_name:"SVG Repo",images:[{url:c,width:1600,height:800,alt:" Free Icons and Vectors",type:"image/png"}]},robotsProps:{maxImagePreview:"large"},twitter:{handle:"@svgrepo",site:"@svgrepo",cardType:"summary_large_image"}})}n.defaultProps={lang:"en",meta:[],description:""},t.Z=n},233:function(e,t,s){"use strict";s.d(t,{Z:function(){return u}});var o=s(5893),i=s(1664),n=s.n(i),l=s(5675),r=s.n(l),c=s(5601),a=s.n(c),h=s(4101),d=s(1163);function u(e){let{rootPath:t}=e,s=(0,d.useRouter)(),i=e=>"all"==e?!s.asPath.includes("monocolor")&&!s.asPath.includes("multicolor")&&!s.asPath.includes("outlined")&&!s.asPath.includes("filled")&&!s.asPath.includes("duotone")&&!s.asPath.includes("icon")&&!s.asPath.includes("glyph")&&!s.asPath.includes("rounded")&&!s.asPath.includes("sharp"):s.asPath.includes("/".concat(e,"/"));"native-flex-".concat(s.asPath.split("/")[1],"-").concat(s.asPath.split("/")[2]);let l=e=>(0,o.jsx)("li",{className:i(e)?a().active:a().tab,children:(0,o.jsxs)(n(),{href:"".concat(t).concat(e,"/"),children:[(0,o.jsx)(r(),{src:"/types/".concat(e,".svg"),width:18,height:18,alt:(0,h.Z)(e)+" Vectors"}),(0,o.jsx)("span",{children:(0,h.Z)(e)})]})});return(0,o.jsx)("div",{className:a().tabs,children:(0,o.jsxs)("ul",{children:[(0,o.jsx)("li",{className:i("all")?a().active:a().tab,children:(0,o.jsxs)(n(),{href:"".concat(t),children:["All",(0,o.jsx)("span",{style:{marginLeft:4},children:"Styles"})]})}),l("monocolor"),l("multicolor"),l("duotone"),l("outlined"),l("filled"),l("icon"),l("glyph"),l("rounded"),l("sharp")]})})}},8458:function(e){"use strict";e.exports={styles:[{slug:"monocolor",title:"Monocolor",icon:"/show/465258/home-alt-1.svg"},{slug:"multicolor",title:"Multicolor",icon:"/show/260089/home-house.svg"},{slug:"outlined",title:"Outlined",icon:"/show/435884/home.svg"},{slug:"filled",title:"Filled",icon:"/show/435344/home.svg"},{slug:"icon",title:"Icon",icon:"/show/459976/home-alt-2.svg"},{slug:"glyph",title:"Glyph",icon:"/show/457962/home.svg"},{slug:"interface",title:"Interface",icon:"/show/442509/home-5.svg"},{slug:"duotone",title:"Duotone",icon:"/show/457692/home.svg"},{slug:"flat",title:"Flat",icon:"/show/400360/housebuilding.svg"},{slug:"bordered",title:"Bordered",icon:"/show/262127/house.svg"},{slug:"tritone",title:"Tritone",icon:"/show/395694/estate-building-home-house.svg"},{slug:"line",title:"Line",icon:"/show/448021/home.svg"},{slug:"bold",title:"Bold",icon:"/show/427900/home.svg"},{slug:"thin",title:"Thin",icon:"/show/410326/home.svg"},{slug:"Dashed",title:"Dashed",icon:"/show/450448/home.svg"},{slug:"tiny",title:"Tiny",icon:"/show/442664/home-4.svg"},{slug:"basic",title:"Basic",icon:"/show/441197/home.svg"},{slug:"sharp",title:"Sharp",icon:"/show/439914/home.svg"},{slug:"rounded",title:"Rounded",icon:"/show/442508/home-3.svg"},{slug:"circular",title:"Circular",icon:"/show/417922/home.svg"},{slug:"set",title:"Set",icon:"/show/430442/home-analytics-line.svg"},{slug:"emoji",title:"Emoji",icon:"/show/405835/house.svg"},{slug:"logo",title:"Logo",icon:"/show/380993/google-logo-search-new.svg"},{slug:"pixel",title:"Pixel",icon:"/show/441839/home.svg"},{slug:"stylized",title:"Stylized",icon:"/show/390570/building-estate-home-house-property-real.svg"},{slug:"doodle",title:"Doodle",icon:"/show/452786/house.svg"},{slug:"hand-drawn",title:"Hand Drawn",icon:"/show/419042/home-ui-ux.svg"},{slug:"gradient",title:"Gradient",icon:"/show/452225/home.svg"},{slug:"isometric",title:"Isometric",icon:"/show/395671/building.svg"},{slug:"sticker",title:"Sticker",icon:"/show/396668/house.svg"},{slug:"3d",title:"3D",icon:"/show/413674/home.svg"}]}},4101:function(e,t,s){"use strict";function o(e){for(var t=(e=e.replace(/-/g," ")).toLowerCase().split(" "),s=0;s<t.length;s++)t[s]=t[s].charAt(0).toUpperCase()+t[s].substring(1);return t.join(" ").replace(" Ui "," UI ")}s.d(t,{Z:function(){return o}})},1981:function(e,t,s){"use strict";s.r(t),s.d(t,{__N_SSP:function(){return f},config:function(){return _},default:function(){return y}});var o=s(5893),i=s(7294),n=s(1664),l=s.n(n),r=s(5675),c=s.n(r),a=s(9582),h=s(1148),d=s(1163),u=s(233),g=s(2778),x=s(3287),p=s(8101),m=s.n(p);function w(e){let{style:t}=e;return(0,o.jsx)(l(),{href:"/collections/".concat(t.slug,"/"),children:(0,o.jsxs)("div",{className:m().style,children:[(0,o.jsx)(c(),{src:t.icon,width:24,height:24,alt:t.title+" Vector Collections"}),(0,o.jsx)("div",{children:(0,o.jsx)("h3",{children:t.title})})]})})}var v=s(8458),j=s.n(v),f=!0;function y(e){let{results:t}=e,[s,n]=(0,i.useState)(!1),l=(0,d.useRouter)();return(0,i.useEffect)(()=>{let e=e=>{n(!0)},t=()=>{n(!1)};return l.events.on("routeChangeStart",e),l.events.on("routeChangeComplete",t),()=>{l.events.off("routeChangeStart",e),l.events.off("routeChangeComplete",t)}},[l]),(0,o.jsxs)(a.Z,{isHome:!0,children:[(0,o.jsx)(h.Z,{title:"SVG Repo - Free SVG Vectors and Icons",noMainTitle:!0,description:"Free Vectors and Icons in SVG format. ✅ Download free mono or multi color vectors for commercial use. Search in 500.000+ Free SVG Vectors and Icons.",canonical:"/"}),(0,o.jsxs)("div",{className:"homeListing",style:{opacity:s?.5:1},children:[(0,o.jsxs)("div",{className:"homeFeatures",children:[(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"#6b9bd2",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:(0,o.jsx)("path",{d:"M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"})}),(0,o.jsx)("h3",{children:"Easily Search and Find"}),(0,o.jsx)("p",{children:"Using ML-powered search, find the suitable vector you are looking for easily"})]}),(0,o.jsxs)("div",{className:"homeFeatures",children:[(0,o.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"#6b9bd2",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"arcs",children:[(0,o.jsx)("circle",{cx:"6",cy:"6",r:"3"}),(0,o.jsx)("circle",{cx:"6",cy:"18",r:"3"}),(0,o.jsx)("line",{x1:"20",y1:"4",x2:"8.12",y2:"15.88"}),(0,o.jsx)("line",{x1:"14.47",y1:"14.48",x2:"20",y2:"20"}),(0,o.jsx)("line",{x1:"8.12",y1:"8.12",x2:"12",y2:"12"})]}),(0,o.jsx)("h3",{children:"Editing & Remixing"}),(0,o.jsx)("p",{children:"Make basic changes on an icon or vector without needing a design software"})]}),(0,o.jsxs)("div",{className:"homeFeatures",children:[(0,o.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"#6b9bd2",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"arcs",children:[(0,o.jsx)("polyline",{points:"16 18 22 12 16 6"}),(0,o.jsx)("polyline",{points:"8 6 2 12 8 18"})]}),(0,o.jsx)("h3",{children:"Optimized Vectors"}),(0,o.jsxs)("p",{children:["All served icons and vectors are optimized with our ",(0,o.jsx)("a",{href:"https://github.com/svg/svgo",target:"_blank",rel:"nofollow",children:"SVGO"})," based compressor"]})]}),(0,o.jsxs)("div",{className:"homeFeatures",children:[(0,o.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"#6b9bd2",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"arcs",children:[(0,o.jsx)("path",{d:"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"}),(0,o.jsx)("circle",{cx:"9",cy:"7",r:"4"}),(0,o.jsx)("path",{d:"M23 21v-2a4 4 0 0 0-3-3.87"}),(0,o.jsx)("path",{d:"M16 3.13a4 4 0 0 1 0 7.75"})]}),(0,o.jsx)("h3",{children:"Community Powered"}),(0,o.jsxs)("p",{children:["From me to us. ",(0,o.jsx)("a",{href:"https://docs.google.com/forms/d/e/1FAIpQLSdaofO-GhyZe4DYCrbn2BB7gsTMeuhajEGnR6nbvw0l1xVrjw/viewform",target:"_blank",rel:"nofollow",children:"Share your work"}),", help the community grow, and get link attributions"]})]}),(0,o.jsxs)("div",{className:"homeFeatures",children:[(0,o.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"#6b9bd2",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"arcs",children:[(0,o.jsx)("line",{x1:"12",y1:"1",x2:"12",y2:"23"}),(0,o.jsx)("path",{d:"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"})]}),(0,o.jsx)("h3",{children:"Commercial Friendly"}),(0,o.jsx)("p",{children:"Most icons and vectors are useable for your commercial projects without any royalties"})]}),(0,o.jsxs)("div",{className:"homeFeatures",children:[(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"#6b9bd2",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"arcs",children:(0,o.jsx)("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"})}),(0,o.jsx)("h3",{children:"Always Free, No Premium"}),(0,o.jsx)("p",{children:"We don't show premium content while you are trying to find free assets"})]})]}),(0,o.jsx)("h2",{children:"Vector Collections"}),(0,o.jsx)("p",{children:"See our latest featured vector collections, and choose the desired style of vector collections to list from the tabs. Browse 6000+ collections of SVG icons by color and style."}),(0,o.jsx)(u.Z,{rootPath:"/collections/"}),(0,o.jsx)(g.Z,{collections:t.collections,keyPostfix:"home",loading:s}),(0,o.jsx)(x.Z,{listing:"collections/all",type:"all",page:1,num:12,count:t.count}),(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[(0,o.jsx)("a",{style:{paddingBottom:10},href:"https://www.producthunt.com/products/svgrepo/reviews/new",target:"_blank",rel:"noreferrer",children:(0,o.jsx)("img",{src:"https://api.producthunt.com/widgets/embed-image/v1/review.svg?post_id=374580&theme=light",alt:"SVG Repo 2.0 - 460.000+ Open-licensed SVG Vector and Icons | Product Hunt",width:"250",height:"54"})}),(0,o.jsxs)("p",{style:{fontSize:15,marginRight:20,textAlign:"center",lineHeight:"20px",color:"#666"},children:["We are on ",(0,o.jsx)("b",{style:{color:"#d55124"},children:"Product Hunt"})," \uD83C\uDF89",(0,o.jsx)("br",{})," Leave us a review!"]})]}),(0,o.jsx)("h2",{children:"Collection Styles"}),(0,o.jsx)("p",{children:"A list of vector collections by their style categorization. Browse 30+ different SVG icons and vector styles by color type and join shape."}),(0,o.jsx)("div",{className:"stylesArrayCarrier",children:(0,o.jsx)("div",{className:"stylesArray",children:j().styles.map((e,t)=>(0,o.jsx)(w,{style:e},t))})})]})}let _={runtime:"experimental-edge"}},7217:function(e){e.exports={Collection:"style_Collection__pbtoU",CollectionImages:"style_CollectionImages__HaFfn",CollectionImageListing:"style_CollectionImageListing__ME77D",CollectionVector:"style_CollectionVector__2ns4P",title:"style_title__556fI",loadingHolder:"style_loadingHolder__6MZYh"}},3756:function(e){e.exports={collectionListing:"style_collectionListing__7_icr"}},5129:function(e){e.exports={fixed:"style_fixed__LxyCF"}},6057:function(e){e.exports={loading:"style_loading__ImzqA"}},4400:function(e){e.exports={paging:"style_paging__UI_l6",pagingCarrier:"style_pagingCarrier__NVbHL"}},8101:function(e){e.exports={style:"style_style__pLs_T"}},5601:function(e){e.exports={tabs:"style_tabs__alrEX",active:"style_active__6083f"}}},function(e){e.O(0,[914,675,962,774,888,179],function(){return e(e.s=5557)}),_N_E=e.O()}]);