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.

We Love SVG Interface

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

Animation with We Love SVG search

We Love SVG Technology

  • Instead of fonts, we use SVG sets format
  • We use Webicon, a great implementation of SVG sets
  • Icons are hosted on a free CDN

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
svg files

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.




Try tools for creators by the Icons8 team:

Icons8

Icons8, a library of about 130K+ icons and clip art images

Offline app icons8

Offline app and plugins to drag’n’drop icons and clip art to any design tools

Moose

Moose, the big collection of high-quality stock photos

illustrations

Ouch! , a library of vector illustrations and collages

Background Remover

Background Remover, AI-based online tool for removing background from any photo

Mega Creator

Mega Creator, online tool for creating visual content from pre-made elements

Fugue

Fugue, royalty free music for videos of any kind

Lunacy

Lunacy, free graphic design software with built-in design resources

Smart Upscaler

Smart Upscaler, image upscaler to enlarge and enhance images using AI

Generated Photos

Generated Photos, unique, worry-free model photos generated by AI

Also, get the lists of free vector software and free photo editing software.
pinterest linkedin VK reddit