Graphic assets

We Love SVG: Google Fonts for Icons

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.

How to Use

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

We Love SVG Technology

Licensing

All icons are open source. Use them for free in every way you want, privately or commercially.

Authors

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.

SVG vs Icon Fonts

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.

Recent Posts

What is a glyph icon?

There are many ways to define a glyph. Let's take a look at what glyph…

17 hours ago

Hues unraveled: exploring lavender in design

Learn how to use lavender color in your designs. (more…)

2 days ago

6 websites that demonstrate the power of surprise

Keeping visitors on your page with surprising, creative tactics can help you convert them into…

1 week ago

Search for an icon or generate one? SVG icon AI-generators test

As designers, we don't need just any icon. We need one that is a perfect…

1 week ago

The ultimate graphics plugin for your Miro boards

This Miro plugin has it all: icons, illustrations, and photos from the Icons8 library to…

3 weeks ago

Expanded icon library and smoother icon search in Pichon

New Pichon for MacOS got updates which make your experience even better. Let's see what…

4 weeks ago

This website uses cookies.