> ## Content Index > Fetch the complete content index at: https://ryanfeigenbaum.com/llms.txt > Use this file to discover other available public pages before exploring further. # My 5 Fave Free Icon Sets - URL: https://ryanfeigenbaum.com/icons/ - Published: 2022-06-15T12:00:41.000Z - Updated: 2025-03-09T16:52:49.000Z - Description: They're free, open-source, and beautiful. Here are my top five icon sets to amp up your web design. - Author: Ryan Feigenbaum - Tags: Design, Typography, #Import 2024-04-18 10:10 Even the simplest user interface will need an icon or two. Not only do they convey information concisely–you can provide a Twitter icon rather than including the whole phrase "Share on Twitter"–they also provide an opportunity for enhancing the design of a page. > If a picture is worth a 1,000 words then an icon is worth at least a dozen Whereas icon font libraries (a la Font Awesome) were the go-to for icons, the preferred method now is to use SVGs because of smaller file sizes, fewer network requests, and more customization options. ## Phosphor Phosphor icons are playful without being silly. They also give off some retro vibes, especially with their duotone variations. The Phosphor Icons website has a beautiful and functional interface where you can easily copy the icon for various platforms or download it as a PNG or SVG. [Phosphor IconsA flexible icon family for interfaces, diagrams, presentations — whatever, really.![](https://phosphoricons.com/favicon-32x32.png)Phosphor IconsTobias Fried![](https://phosphoricons.com/phosphor-opengraph.png)](https://phosphoricons.com/?ref=ryanfeigenbaum.com) | Platform | Library | Library URL | | -------- | ------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Figma | ✅ | [Figma library](https://www.figma.com/community/file/903830135544202908/Phosphor-Icons?ref=ryanfeigenbaum.com) / [plugin](https://www.figma.com/community/plugin/898620911119764089/Phosphor-Icons?ref=ryanfeigenbaum.com) | | Vue | ✅ | [Vue package](https://github.com/phosphor-icons/phosphor-vue?ref=ryanfeigenbaum.com) | | Svelte | ✅ | | | React | ✅ | [React package](https://github.com/phosphor-icons/phosphor-react?ref=ryanfeigenbaum.com) | | Other | ✅ | [one-liner script](https://github.com/phosphor-icons/phosphor-icons?ref=ryanfeigenbaum.com) | ## Remix Icons I really like the design of remix icons. They also seem to have an icon for everything, which is appreciated. My least favorite thing, though, is that their website is *slow* to load. This seems like a recent development and they have an update in the works, so hopefully, it's fixed soon. [Remix Icon - Open source icon libraryRemix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.![](https://www.remixicon.com/img/remixicon-logo.svg)Open source icon library](https://remixicon.com/?ref=ryanfeigenbaum.com) | Platform | Compatible | Library | | -------- | ---------- | ------------------------------------------------------------------------------------------------------------------ | | Figma | ✅ | [Plugin (community)](https://www.figma.com/community/plugin/1017064001014586889/Remix-Icon?ref=ryanfeigenbaum.com) | | Vue | ✅ | [Vue package (unofficial)](https://www.npmjs.com/package/vue-remix-icons?ref=ryanfeigenbaum.com) | | Svelte | ✅ | [Svelte package (unofficial)](https://github.com/aantusahaa/svelte-remixicon?ref=ryanfeigenbaum.com) | | React | ✅ | [React package (unofficial)](https://github.com/phosphor-icons/phosphor-react?ref=ryanfeigenbaum.com) | | CDN | ✅ | [Icon font](https://github.com/Remix-Design/remixicon?ref=ryanfeigenbaum.com#cdn) | ## Bootstrap Icons Ever heard of Bootstrap? Lol. Despite the outcry of some, it's still going strong, and with the release of 5.0, they also dropped some sweet new SVG icons. The interface is super functional, with the only downside being that they don't offer PNGs for quick download. [Bootstrap IconsOfficial open source SVG icon library for Bootstrap![](https://icons.getbootstrap.com/assets/img/favicons/apple-touch-icon.png)Bootstrap![](https://icons.getbootstrap.com/assets/img/bootstrap-icons-social.png)](https://icons.getbootstrap.com/?ref=ryanfeigenbaum.com) | Platform | Compatible | Library | | -------- | ---------- | ----------------------------------------------------------------------------------------------------------- | | Figma | ✅ | [Plugin](https://www.figma.com/community/file/1042482994486402696/Bootstrap-Icons?ref=ryanfeigenbaum.com) | | Vue | ✅ | [Vue package (unofficial)](https://bootstrap-vue.org/docs/icons?ref=ryanfeigenbaum.com) | | Svelte | ✅ | [Svelte package (unofficial)](https://github.com/metonym/svelte-bootstrap-icons?ref=ryanfeigenbaum.com) | | React | ✅ | [React package (unofficial)](https://github.com/ismamz/react-bootstrap-icons?ref=ryanfeigenbaum.com#readme) | | CDN | ✅ | [Icon font](https://icons.getbootstrap.com/?ref=ryanfeigenbaum.com#icon-font) | ## Feather Icons Feather icons offer a nice, soft design. They have an easy-to-use interface, but you can't copy SVG code or get a PNG, which is a limitation. Another downside is that Feather seems to have a smaller icon set than some of the others on this list, so you may find yourself searching elsewhere for supplements. Where Feather really shines, though, is in offering a robust API to easily insert icons into any project. [Feather – Simply beautiful open source iconsFeather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.![](https://feathericons.com/icons/icon-512x512.png)![](https://feathericons.com/feather-og.png)](https://feathericons.com/?ref=ryanfeigenbaum.com) | Platform | Compatible | Library | | -------- | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Figma | ✅ | [Figma component library](https://www.figma.com/file/dyJRSFTIajik4cdkcXN8yA3K/Feather-Component-Library?ref=ryanfeigenbaum.com) / [plugin](https://www.figma.com/community/plugin/898620911119764089/Phosphor-Icons?ref=ryanfeigenbaum.com) | | Vue | ✅ | [Vue package](https://github.com/egoist/vue-feather-icons?ref=ryanfeigenbaum.com) | | Svelte | ✅ | [Svelte package](https://github.com/dylanblokhuis/svelte-feather-icons?ref=ryanfeigenbaum.com) | | React | ✅ | [React package](https://github.com/carmelopullara/react-feather?ref=ryanfeigenbaum.com) | | JS API | ✅ | [easy-to-use script](https://github.com/feathericons/feather?ref=ryanfeigenbaum.com#quick-start) | ## Iconduck Iconduck is a little different from the others on this list. It's not a single, unified icon set, but rather a clearinghouse for thousands (118k+) of open-source icons. It's a great resource if you're looking for more stylized icons, a variety of styles, or icons that are closer to illustrations. Icons are made available as SVGS and PNGs, as you'd expect, and the search is blazing fast. [Free open source icons, illustrations, emojis and graphics - IconduckIconduck lists 118,894 free open source icons, illustrations, emojis and graphics. They can be used for personal and commercial projects.![](https://iconduck.com/iconduck/static/images/icons/favicons/32x32.png)Iconduck![](https://iconduck.com/iconduck/static/images/og/fallback.png)](https://iconduck.com/?ref=ryanfeigenbaum.com) | Platform | Compatible | Library | | -------- | ---------- | -------------------------------------------------------------------------------------------------------------- | | Figma | ✅ | [Figma plugin](https://www.figma.com/community/plugin/1074084347757622122?ref=ryanfeigenbaum.com) / \[plugin\] | | Vue | ❌ | | | Svelte | ❌ | | | React | ❌ | | | API | ⚠️ | API access by request | Those are my five fave free icon sets, but I'm always on the hunt for new ones. Let me know what you like 😍