{"id":58190,"date":"2023-08-01T18:01:25","date_gmt":"2023-08-01T10:01:25","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=58190"},"modified":"2023-08-14T19:10:31","modified_gmt":"2023-08-14T11:10:31","slug":"download-svg-icons","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/","title":{"rendered":"15 Websites to Download Free SVG Icons"},"content":{"rendered":"<p>With the increasing usage of high-resolution screens, we\u2019ve seen the rise of SVG icons. Unlike a bitmap graphic, <a href=\"https:\/\/www.hongkiat.com\/blog\/scalable-vector-graphic\/\">SVG<\/a> is scalable and resolution-independent, allowing it to remain sharp regardless of the size and the <a href=\"https:\/\/www.hongkiat.com\/blog\/common-wallpaper-sizes\/\">screen resolution<\/a>.<\/p>\n<p>So here we\u2019ve put together the best resources from which you can get high-quality SVG icons. Some of the resources provide more than just icons, offering convenient features to <a href=\"https:\/\/www.hongkiat.com\/blog\/how-to-boost-productivity\/\">boost the productivity<\/a> of designers and developers.<\/p>\n<p>Without further ado, let\u2019s jump into the full list.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/test-svg-format-browser-engines\/\" class=\"ref-block__link\" title=\"Read More: Testing SVG Support Across Web Browser Engines (Case Study)\" rel=\"bookmark\"><span class=\"screen-reader-text\">Testing SVG Support Across Web Browser Engines (Case Study)<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/test-svg-format-browser-engines.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-24289 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/test-svg-format-browser-engines.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Testing SVG Support Across Web Browser Engines (Case Study)<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tSVG (Scalable Vector Graphics) is officially supported by all main web browsers, including Internet Explorer. The support spans...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/www.freepik.com\/icons\">Freepik Icons<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/freepik.jpg\" alt=\"Freepik Icons\" width=\"1500\" height=\"1234\"><\/figure>\n<p>Home to the world\u2019s largest icon library, Freepik has <strong>more than 10 million icons<\/strong> for personal or commercial use. Each icon is freely available in <strong>PNG format<\/strong>, allowing for easy integration into your projects, and simply requires attribution. However, premium members will gain access to download each icon in <strong>SVG format<\/strong>, with no need for attribution, and they will also have access to a bunch of pioneering features designed to increase productivity.<\/p>\n<p><a href=\"https:\/\/www.freepik.com\/icons\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit Freepik <\/span><\/a><\/p>\n<hr>\n<h2><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/www.flaticon.com\/\">Flaticon<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/flaticon.jpg\" alt=\"Flaticon\" width=\"1500\" height=\"836\"><\/figure>\n<p>Flaticon is one of the <strong>largest libraries of icons<\/strong> on the web. It provides <strong>more than 10 million icons<\/strong> in several styles from which you can pick to download and customize them for your projects. These icons are available as <strong>PNG, SVG, EPS, PSD files<\/strong>, so they can be easily used with other graphic software. You can even find <strong>animated icons and stickers<\/strong> in its library. Plus, you can use Flaticon\u2019s <strong>online editor<\/strong> to change the color and size of the assets.<\/p>\n<p><a href=\"https:\/\/www.flaticon.com\/\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit Flaticon <\/span><\/a><\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/icons.getbootstrap.com\/\">Bootstrap Icons<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/bootstrap-icons.jpg\" alt=\"bootstrap-icons\" width=\"750\" height=\"480\"><\/figure>\n<p>An official icon collection from Bootstrap, one of the most popular HTML\/CSS frameworks. It contains <strong>over 1500 icons in SVG<\/strong> format, giving you much flexibility. Though these icons are developed for Bootstrap, you can still use them with any other framework.<\/p>\n<p><a href=\"https:\/\/icons.getbootstrap.com\/\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit Bootstrap Icons <\/span><\/a><\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/boxicons.com\/\">Boxicons<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/boxicons.jpg\" alt=\"Boxicons\" width=\"750\" height=\"480\"><\/figure>\n<p>Boxicons contain <strong>more than 1500 icons<\/strong> grouped into several categories, such as E-Commerce, Finance, and Music, that allow you to sort and find the particular collection easily.<\/p>\n<p>Each icon comes in a different format; not only can you select and <strong>download them as SVG, but you also use them as a Font icon<\/strong> and <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Web_Components\">Web Components<\/a>. It\u2019s one of my go-tos when I need icons for a website or application.<\/p>\n<p><a href=\"https:\/\/boxicons.com\/\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit Bootstrap Icons <\/span><\/a><\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/feathericons.com\/\">Feather Icons<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/feather.jpg\" alt=\"feather\" width=\"750\" height=\"480\"><\/figure>\n<p>Search <strong>over 200 beautifully designed icons<\/strong>. One thing that I love about the collection is that it allows you to customize the size, stroke width, and color before downloading the icons. On top of that, you can choose to download particular icons or <strong>download them all at once<\/strong>.<\/p>\n<p><a href=\"https:\/\/feathericons.com\/\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit Feather Icons <\/span><\/a><\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/iconoir.com\/\">Iconoir<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/iconoir.jpg\" alt=\"Iconoir\" width=\"750\" height=\"480\"><\/figure>\n<p>Iconoir is a <strong>free and open-source collection with more than 900 icons<\/strong>. It comes in several formats, including SVG, Font, React.js, and even <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.figma.com\/\">Figma<\/a> and <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.framer.com\/\">Framer<\/a>. Both designers and developers are sure to appreciate this collection.<\/p>\n<p><a href=\"https:\/\/iconoir.com\/\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit Iconoir <\/span><\/a><\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/ionic.io\/ionicons\">Ionicons<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/ionicons.jpg\" alt=\"Ionicons\" width=\"750\" height=\"480\"><\/figure>\n<p>A collection of icons from the <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/ionic.io\/\">Ionic framework<\/a> is designed for use on Web, Mobile, or Desktop applications. Each icon comes in three different styles: <strong>Outline<\/strong>, <strong>Filled<\/strong>, and <strong>Sharp<\/strong>. They are available as SVG and Font icons.<\/p>\n<p><a href=\"https:\/\/ionic.io\/ionicons\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit Ionicons <\/span><\/a><\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/tabler-icons.io\/\">Tabler Icons<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/tabler-icons.jpg\" alt=\"tabler-icons\" width=\"750\" height=\"480\"><\/figure>\n<p>Containing over 1300 icons, <strong>Tabler<\/strong> is one of the perfect collections to incorporate into your web or app design. It looks crisp, consistent, and customizable. Each icon is available in several formats besides SVG, including <strong>JSX, Data URI, React Component, Webfont, SCSS<\/strong>, plus it also shows you some examples on how you can apply the icons on a UI component.<\/p>\n<p><a href=\"https:\/\/tabler-icons.io\/\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit Tabler Icons <\/span><\/a><\/p>\n<hr>\n<h2><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/icons.modulz.app\/\">Radix Icons<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/radix-icon.jpg\" alt=\"radix-icon\" width=\"750\" height=\"480\"><\/figure>\n<p>A <strong>set of icons designed with thin outline characteristics<\/strong> is available. Each icon is 15\u00d715 pixels and looks crisp on the screen. You can get the collection as a Figma file, Sketch file, IconJar, SVG, or NPM. These various formats allow smooth collaboration between designers and developers.<\/p>\n<p><a href=\"https:\/\/icons.modulz.app\/\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit Radix Icons <\/span><\/a><\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/heroicons.com\/\">Heroicons<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/heroicons.jpg\" alt=\"Heroicons\" width=\"750\" height=\"480\"><\/figure>\n<p>Heroicons is a set of icons designed by the people behind <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/tailwindcss.com\/\">Tailwind<\/a>. It provides more than 200 icons. Each icon comes in <strong>two styles: \u201cOutline\u201d and \u201cFilled\u201d<\/strong>, and is available as an <strong>SVG, JSX, or Vue component library<\/strong>. For designers, you can download the Figma file for all the icons.<\/p>\n<p><a href=\"https:\/\/heroicons.com\/\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit Heroicons <\/span><\/a><\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/ant.design\/components\/icon\/\">Ant Design Icons<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/ant-design.jpg\" alt=\"ant-design\" width=\"750\" height=\"480\"><\/figure>\n<p>This icon is part of the <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/ant.design\/\">Ant Design<\/a> system, but you can install the icon collection as a standalone component through NPM. Each icon is available as a <strong>React.js component<\/strong> and will be rendered as an SVG.<\/p>\n<p>It also comes in three styles \u2014 <strong>Outlined<\/strong>, <strong>Filled<\/strong>, <strong>Two-tone<\/strong> \u2014 and is compatible with either the Light or Dark mode color scheme out-of-the-box. If you\u2019re building a React.js application, this is one of the best icon collections to pick up.<\/p>\n<p><a href=\"https:\/\/ant.design\/components\/icon\/\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit Ant Design Icons <\/span><\/a><\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/remixicon.com\/\">Remix Icon<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/remixicon.jpg\" alt=\"Remix Icon\" width=\"750\" height=\"480\"><\/figure>\n<p><strong>Remix Icon<\/strong> is an amazing collection of more than 2000 icons. Some of the icons have several variations. For example, there are more than a dozen variations of the home icon. This allows you to pick the perfect fit for the icon that matches your site\u2019s persona.<\/p>\n<p><a href=\"https:\/\/remixicon.com\/\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit Remix Icon <\/span><\/a><\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/material.io\/icons\/\">Material Design Icons<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/material-icons.jpg\" alt=\"material-icons\" width=\"750\" height=\"480\"><\/figure>\n<p>This is an icon collection from <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/material.io\/design\">Google\u2019s \u201cMaterial\u201d design system<\/a>. It comes with an intuitive UI that provides convenience for implementing the icons on several different platforms, including the Web, either with SVG or icon files, Android, iOS, Flutter, and it\u2019s also <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/material.angular.io\/components\/icon\/overview\">specially integrated with Angular<\/a>.<\/p>\n<p><a href=\"https:\/\/material.io\/icons\/\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit Material Design Icons <\/span><\/a><\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/primer.style\/octicons\/\">Octicons<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/octicons.jpg\" alt=\"octicons\" width=\"750\" height=\"480\"><\/figure>\n<p>An icon library from Github, these icons have been created for the \u201cPrimer\u201d design system, <strong>specifically for Github applications<\/strong>, making it a perfect set if you\u2019re building a website or application integrated with Github. You can install and use the icons through <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/rubygems.org\/\">Gem<\/a> (a Ruby package), NPM, or as a React.js component.<\/p>\n<p><a href=\"https:\/\/primer.style\/octicons\/\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit Octicons <\/span><\/a><\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/icons.grommet.io\/\">Icons Grommet<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/grommet-icons.jpg\" alt=\"grommet-icons\" width=\"750\" height=\"480\"><\/figure>\n<p>A <strong>set of SVG icons built as React.js components<\/strong>. You can find some unique icons in the collection, and some icons are even available in full color instead of just white and black.<\/p>\n<p><a href=\"https:\/\/icons.grommet.io\/\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit Icons Grommet <\/span><\/a><\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/css.gg\/\">CSS.gg<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/cssgg.jpg\" alt=\"cssgg\" width=\"750\" height=\"480\"><\/figure>\n<p>This site provides around 700 high-quality icons. The icon collection is available in many formats, including <strong>CSS, SVG, TypeScript, Figma, Adobe XD, and as an API endpoint<\/strong>. This allows for ease of collaboration between designers and developers when designing websites and transforming the design into code.<\/p>\n<p><a href=\"https:\/\/css.gg\/\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit CSS.gg <\/span><\/a><\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.s-ings.com\/typicons\/\">Typicons<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/typicons.jpg\" alt=\"typicons\" width=\"750\" height=\"480\"><\/figure>\n<p>Typicons is a collection of nice, modern-looking icons designed for web or native \u2014 mobile and desktop \u2014 applications. At the time of this writing, there are around 300 icons. Each is available in both SVG and icon font format and is resolution-independent, which makes it look sharp and crisp regardless of the screen resolution.<\/p>\n<p><a href=\"https:\/\/www.hongkiat.com\/blog\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:0px\" target=\"__blank\" rel=\"noopener nofollow\"><span style=\"color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#6cadf4;border-radius:0px;text-shadow:none\"><i class=\"sui sui-external-link\" style=\"font-size:16px;color:#fff\"><\/i>  Visit Typicons <\/span><\/a> <\/p>","protected":false},"excerpt":{"rendered":"<p>Get access to over 10 million SVG icons from the best libraries, tailored for designers and developers.<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1050],"tags":[4668,2175],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>15 Websites to Download Free SVG Icons - Hongkiat<\/title>\n<meta name=\"description\" content=\"Get access to over 10 million SVG icons from the best libraries, tailored for designers and developers.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"15 Websites to Download Free SVG Icons\" \/>\n<meta property=\"og:description\" content=\"Get access to over 10 million SVG icons from the best libraries, tailored for designers and developers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-01T10:01:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-14T11:10:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/freepik.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/download-svg-icons\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/download-svg-icons\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"15 Websites to Download Free SVG Icons\",\"datePublished\":\"2023-08-01T10:01:25+00:00\",\"dateModified\":\"2023-08-14T11:10:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/download-svg-icons\\\/\"},\"wordCount\":1466,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/download-svg-icons\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/download-svg-icons\\\/freepik.jpg\",\"keywords\":[\"gc\",\"Scalable Vector Graphics (SVG)\"],\"articleSection\":[\"Graphics\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/download-svg-icons\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/download-svg-icons\\\/\",\"name\":\"15 Websites to Download Free SVG Icons - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/download-svg-icons\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/download-svg-icons\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/download-svg-icons\\\/freepik.jpg\",\"datePublished\":\"2023-08-01T10:01:25+00:00\",\"dateModified\":\"2023-08-14T11:10:31+00:00\",\"description\":\"Get access to over 10 million SVG icons from the best libraries, tailored for designers and developers.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/download-svg-icons\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/download-svg-icons\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/download-svg-icons\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/download-svg-icons\\\/freepik.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/download-svg-icons\\\/freepik.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/download-svg-icons\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"15 Websites to Download Free SVG Icons\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"15 Websites to Download Free SVG Icons - Hongkiat","description":"Get access to over 10 million SVG icons from the best libraries, tailored for designers and developers.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/","og_locale":"en_US","og_type":"article","og_title":"15 Websites to Download Free SVG Icons","og_description":"Get access to over 10 million SVG icons from the best libraries, tailored for designers and developers.","og_url":"https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2023-08-01T10:01:25+00:00","article_modified_time":"2023-08-14T11:10:31+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/freepik.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"15 Websites to Download Free SVG Icons","datePublished":"2023-08-01T10:01:25+00:00","dateModified":"2023-08-14T11:10:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/"},"wordCount":1466,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/freepik.jpg","keywords":["gc","Scalable Vector Graphics (SVG)"],"articleSection":["Graphics"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/","url":"https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/","name":"15 Websites to Download Free SVG Icons - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/freepik.jpg","datePublished":"2023-08-01T10:01:25+00:00","dateModified":"2023-08-14T11:10:31+00:00","description":"Get access to over 10 million SVG icons from the best libraries, tailored for designers and developers.","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/freepik.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/download-svg-icons\/freepik.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/download-svg-icons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"15 Websites to Download Free SVG Icons"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-f8y","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/58190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=58190"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/58190\/revisions"}],"predecessor-version":[{"id":68751,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/58190\/revisions\/68751"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=58190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=58190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=58190"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=58190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}