194 lines
9.5 KiB
HTML
194 lines
9.5 KiB
HTML
<h1 id="awesome-icons-awesome">Awesome Icons <a
|
||
href="https://awesome.re"><img src="https://awesome.re/badge.svg"
|
||
alt="Awesome" /></a></h1>
|
||
<blockquote>
|
||
<p>A curated list of awesome downloadable SVG/PNG/Font icon projects</p>
|
||
</blockquote>
|
||
<figure>
|
||
<img src="./media/banner.png" alt="Banner" />
|
||
<figcaption aria-hidden="true">Banner</figcaption>
|
||
</figure>
|
||
<h2 id="contents">Contents</h2>
|
||
<ul>
|
||
<li><a href="#general">General</a></li>
|
||
<li><a href="#logos">Logos</a></li>
|
||
<li><a href="#special">Special</a></li>
|
||
<li><a href="#other">Other</a>
|
||
<ul>
|
||
<li><a href="#css-only">CSS only</a></li>
|
||
<li><a href="#paid">Paid</a></li>
|
||
</ul></li>
|
||
</ul>
|
||
<h2 id="general">General</h2>
|
||
<p>General purpose icons used everywhere.</p>
|
||
<ul>
|
||
<li><a href="https://github.com/twbs/icons#readme">Bootstrap Icons</a> -
|
||
SVG icons custom designed and built for Bootstrap components. (<a
|
||
href="https://icons.getbootstrap.com/">Website</a>)</li>
|
||
<li><a href="https://github.com/atisawd/boxicons#readme">Boxicons</a> -
|
||
Simple vector iconset with 1000+ icons and 100+ logos. (<a
|
||
href="https://boxicons.com/">Website</a>)</li>
|
||
<li><a href="https://github.com/danklammer/bytesize-icons#readme">Byte
|
||
Size Icons</a> - Tiny style-controlled SVG iconset. (<a
|
||
href="https://danklammer.com/bytesize-icons">Website</a>)</li>
|
||
<li><a href="https://github.com/astrit/css.gg#readme">css.gg</a> - Pure
|
||
CSS, SVG & Figma UI Icons Available in SVG Sprite,
|
||
styled-components, NPM & API. (<a
|
||
href="https://css.gg">Website</a>)</li>
|
||
<li><a href="https://github.com/akveo/eva-icons#readme">Eva icons</a> -
|
||
A pack of more than 480 beautifully crafted Open Source icons. (<a
|
||
href="https://akveo.github.io/eva-icons">Website</a>)</li>
|
||
<li><a href="https://github.com/evil-icons/evil-icons#readme">Evil
|
||
icons</a> - Simple and clean SVG icon pack with the code to support
|
||
Rails, Sprockets, Node.js, Gulp, Grunt and CDN. (<a
|
||
href="http://evil-icons.io">Website</a>)</li>
|
||
<li><a href="https://github.com/feathericons/feather#readme">Feather</a>
|
||
- Simply beautiful open source icons. (<a
|
||
href="https://feathericons.com">Website</a>)</li>
|
||
<li>Flaticon - The largest database of free vector icons. (<a
|
||
href="https://flaticon.com">Website</a>)</li>
|
||
<li><a
|
||
href="https://github.com/microsoft/fluentui-system-icons#fluent-system-icons">Fluent
|
||
System Icons</a> - A collection of familiar, friendly and modern icons
|
||
from Microsoft.</li>
|
||
<li><a href="https://flowbite.com/icons/">Flowbite Icons</a> - Free and
|
||
open-source collection of 430+ solid and outline icons built for
|
||
Tailwind CSS and Figma.</li>
|
||
<li><a href="https://github.com/FortAwesome/Font-Awesome#readme">Font
|
||
Awesome</a> - The iconic SVG, font, and CSS toolkit. (<a
|
||
href="https://fontawesome.com">Website</a>)</li>
|
||
<li><a
|
||
href="https://github.com/refactoringui/heroicons#readme">Heroicons</a> -
|
||
A set of free high-quality SVG icons for you to use in your web
|
||
projects. (<a href="https://heroicons.dev">Website</a>)</li>
|
||
<li><a href="https://github.com/bytedance/IconPark#readme">IconPark</a>
|
||
- IconPark gives access to more than 1,400 high-quality icons, and
|
||
introduces an interface for customizing your icons. (<a
|
||
href="https://iconpark.bytedance.com">Website</a>)</li>
|
||
<li>ICONSVG - Quick customizable SVG icons, easily customize strokes,
|
||
ends, and joins of paths. (<a
|
||
href="https://iconsvg.xyz">Website</a>)</li>
|
||
<li><a href="https://github.com/ionic-team/ionicons#readme">Ion
|
||
icons</a> - The premium icon font for Ionic Framework and web apps
|
||
everywhere. (<a href="https://ionicons.com">Website</a>)</li>
|
||
<li><a
|
||
href="https://github.com/google/material-design-icons#readme">Material
|
||
design icons</a> - Material Design icons by Google. (<a
|
||
href="https://fonts.google.com/icons">Website</a>)</li>
|
||
<li><a href="https://github.com/primer/octicons#readme">Octicons</a> - A
|
||
scalable set of icons handcrafted with <3 by GitHub. (<a
|
||
href="https://octicons.github.com">Website</a>)</li>
|
||
<li><a href="https://github.com/yne/picon#readme">Picon</a> - Small
|
||
ligature-based icon font and SVG. (<a
|
||
href="https://yne.fr/picon">Website</a>)</li>
|
||
<li><a href="https://github.com/radix-ui/icons">Radix Icons</a> - A
|
||
crisp set of 15×15 icons designed by the WorkOS team. (<a
|
||
href="https://www.radix-ui.com/icons/">Website</a>)</li>
|
||
<li><a href="https://github.com/Remix-Design/RemixIcon#readme">Remix
|
||
Icon</a> - Remix Icon is a set of open-source neutral-style system
|
||
symbols for designers and developers. (<a
|
||
href="https://remixicon.com">Website</a>)</li>
|
||
<li>Shape.so - Customizable, animated icons & illustrations
|
||
exportable to code. (<a href="https://shape.so">Website</a>)</li>
|
||
<li><a href="https://github.com/edent/SuperTinyIcons#readme">Super Tiny
|
||
Icons</a> - Miniscule SVG versions of your favourite website and app
|
||
logos, under 1KB each.</li>
|
||
<li><a href="https://github.com/tabler/tabler-icons">Tabler Icons</a> -
|
||
A set of over 3200 free MIT-licensed high-quality SVG icons for you to
|
||
use in your web projects. (<a
|
||
href="https://tabler-icons.io">Website</a>)</li>
|
||
<li><a href="https://github.com/teenyicons/teenyicons">Teenyicons</a> -
|
||
1000+ MIT-licensed SVG icons that easily fit in very small spaces
|
||
:pinching_hand: and maintain a crisp look :sparkles:. (<a
|
||
href="https://teenyicons.com">Website</a>)</li>
|
||
<li><a href="https://thenounproject.com/">The Noun Project</a> - Icons
|
||
for everything, Over 2 Million curated icons, created by a global
|
||
community.</li>
|
||
<li><a href="https://tilda.cc/free-icons">Tilda Icons</a> - Tilda Icons,
|
||
is a website full of free icons for landing pages and more.</li>
|
||
<li><a href="https://github.com/iconscout/unicons">Unicons</a> - 1000+
|
||
pixel-perfect vector icons and icon font for your next project. (<a
|
||
href="https://iconscout.com/unicons">Website</a>)</li>
|
||
<li><a href="https://github.com/microsoft/vscode-icons#readme">VSCode
|
||
Icons</a> - Dark and light versions of the icons used in Visual Studio
|
||
Code.</li>
|
||
<li><a
|
||
href="https://github.com/erikflowers/weather-icons#readme">Weather
|
||
icons</a> - Weather Themed Icons and CSS.</li>
|
||
<li>Zondicons - A set of free premium SVG icons for you to use on your
|
||
digital products. (<a href="http://www.zondicons.com">Website</a>)</li>
|
||
<li>Iconbuddy - A search engine to browse open source svg icons. (<a
|
||
href="http://iconbuddy.com">Website</a>)</li>
|
||
<li><a href="https://github.com/iconify/iconify#readme">Iconify
|
||
Deign</a> - Most popular icon sets in one framework containg over
|
||
200,000 open source vector icons. (<a
|
||
href="https://iconify.design">Website</a>)</li>
|
||
<li><a href="https://github.com/react-icons/react-icons#reamde">React
|
||
Icons</a> - Popular icon sets created especially for React projects. (<a
|
||
href="https://react-icons.github.io/react-icons/">Website</a>)</li>
|
||
</ul>
|
||
<h2 id="logos">Logos</h2>
|
||
<p>Logos of different brands or companies or technologies.</p>
|
||
<ul>
|
||
<li><a href="https://github.com/alrra/browser-logos#readme">Browser
|
||
Logos</a> - High resolution web browser logos.</li>
|
||
<li><a
|
||
href="https://github.com/AllienWorks/cryptocoins#readme">Cryptocoins</a>
|
||
- Complete vector/webfont icon pack of your favourite
|
||
cryptocurrencies.</li>
|
||
<li><a
|
||
href="https://github.com/atomiclabs/cryptocurrency-icons#readme">Cryptocurrency
|
||
icons</a> - A set of icons for all the main cryptocurrencies and
|
||
altcoins. (<a href="http://cryptoicons.co">Website</a>)</li>
|
||
<li><a href="https://github.com/vorillaz/devicons#readme">Dev icons</a>
|
||
- An iconic font made for developers. (<a
|
||
href="http://vorillaz.github.io/devicons">Website</a>)</li>
|
||
<li><a href="https://github.com/devicons/devicon#readme">Devicon</a> -
|
||
Aims to gather all logos representing development languages and tools.
|
||
(<a href="https://devicons.github.io/devicon">Website</a>)</li>
|
||
<li><a href="https://github.com/simple-icons/simple-icons#readme">Simple
|
||
icons</a> - Free SVG icons for popular brands. (<a
|
||
href="https://simpleicons.org/">Website</a>)</li>
|
||
<li><a
|
||
href="https://github.com/VectorLogoZone/vectorlogozone#readme">VectorLogoZone</a>
|
||
- Consistently sized/formated SVG logos. (<a
|
||
href="https://www.vectorlogo.zone/">Website</a>)</li>
|
||
<li><a href="https://github.com/0xa3k5/web3icons#readme">Web3 Icons</a>
|
||
- Web3 icons as React components. Includes tokens, coins, networks,
|
||
wallets.</li>
|
||
</ul>
|
||
<h2 id="special">Special</h2>
|
||
<p>Icons that are not general or logos, but something special.</p>
|
||
<ul>
|
||
<li><a href="https://github.com/madebybowtie/FlagKit#readme">Flag
|
||
Kit</a> - Beautiful flag icons for usage in apps and on the web.</li>
|
||
<li><a href="https://github.com/djaiss/mapsicon#readme">Mapsicon</a> - A
|
||
free collection of maps for every country in the world.</li>
|
||
<li><a
|
||
href="https://github.com/iconicFonts/iconic-fonts#readme">IconicFonts</a>
|
||
- Over 50 pre-patched fonts featuring 60k icons as glyphs.</li>
|
||
</ul>
|
||
<h2 id="other">Other</h2>
|
||
<h3 id="css-only">CSS only</h3>
|
||
<p>Icons made out of CSS only (that are not downloadable).</p>
|
||
<ul>
|
||
<li><a href="https://github.com/wentin/cssicon#readme">cssicon</a> -
|
||
Icon set made with pure css code, no dependencies, “grab and go” icons.
|
||
(<a href="https://cssicon.space">Website</a>)</li>
|
||
<li><a href="https://github.com/saeedalipoor/icono#readme">icono</a> -
|
||
Pure CSS, class based icon pack. (<a
|
||
href="https://saeedalipoor.github.io/icono">Website</a>)</li>
|
||
</ul>
|
||
<h3 id="paid">Paid</h3>
|
||
<p>Not open-source/free, but still awesome enough.</p>
|
||
<ul>
|
||
<li><a href="https://nucleoapp.com/premium-icons">Nucelo Icons</a> - A
|
||
premium library of SVG icons for iOS, Android & web projects.</li>
|
||
</ul>
|
||
<h2 id="license">License</h2>
|
||
<p><a href="https://creativecommons.org/publicdomain/zero/1.0/"><img
|
||
src="https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg"
|
||
alt="CC0" /></a></p>
|
||
<p><a href="https://github.com/notlmn/awesome-icons">icons.md
|
||
Github</a></p>
|