This prevents the SVG from expanding to fill the whole page if the CSS doesn't load. The icon can easily sit before or after the text, using simple text spacing.Īlways include width and height attributes as part of the SVG markup. icon class uses the relative em unit and is ideal for using icons inline with text, adapting the icon size to the font size of the parent element.

Using an SVG file as the src of an is covered separately. Need to contact us? Use our Contact Form.This section specifically covers using inline SVG files as icons. With over 5000 open source and free icons available in IcoMoon's library, and by allowing you to generate crisp icon fonts and SVG sprites locally/offline, this service is far ahead of any similar one. To achieve this, the icon font generator takes the grid size of each icon into account, and uses a proper alignment. We proudly claim that IcoMoon is the only online service that generates crisp, pixel perfect icon fonts. IcoMoon is constantly improving and it offers many unique features. IcoMoon introduced the first custom icon font builder, which allowed selecting icons and converting them to fonts. Since its release, it has changed the way icons are being used in web today. IcoMoon was first built and released back in the November of 2011. The IcoMoon app lets you build and use your own icon packs in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font with All of our icons are designed on a precise pixel grid. IcoMoon's icon library features only the very best icon sets out there.

IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists.

Download icon svg