We Love SVG is Google Fonts for icons. It makes it quick and easy to insert the icons into web pages. We Love SVG contains 9,769 icons from 30 icon packs.
Insert the following code into the header of your web page
AngularJS version
<script type="text/javascript" src="//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/angular-webicon.min.js"></script>
jQuery version
<script type="text/javascript" src="//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/jquery-webicon.min.js"></script>
Search for an icon, copy the code and insert into your HTML
All icons are open source. Use them for free in every way you want, privately or commercially.
We Love SVG is developed by Icons8. Being a proprietary icon collection, Icons8 contributed parts of its collection.
However, the major credits should be given to the community of icon designers. They contributed months of their lives to draw thousands of icons and make the internet better.
There has been a debate among designers on which one is better. But basically it should come to this – whether you need to support IE6-8 or not? If you do, an icon font is a winner here. But other than that, SVG is better at almost everything else.
We have compiled a comparison table for you to see the whole picture
Chris Coyier, the founder of CSS-Tricks, goes into further details comparing icon fonts vs SVG.
If you decided (while reading this article) to make a switch from icon fonts to SVG, We Love SVG could be just that small helper to make this transition a bit less painful.
Essential tips for team managers and members to enhance collaboration, improve communication, and achieve exceptional…
Discover top Figma plugins to streamline your workflow, enhance visuals, and add creative flair to…
Learn how to manage visuals in blog posts to optimize them for SEO in this…
Unraveling Figma’s pricing structure: tips to avoid hefty bills and save money. (more…)
Don't switch tabs to browse icons, illustrations, and photos for your websites. Get them inside…
Transform your Notion space with custom covers! Dive in for easy steps, pro tips, and…
This website uses cookies.