Looking to use SVG Sprites alongside Font Awesome? We make it easy. No need to load JavaScript code at runtime, and SVG Sprites work great across modern browsers.
Advertisement
Remove ads with a Pro plan!
Using this requires Font Awesome Pro
Pro
A subscription to a Pro-level plan will remove all third-party advertisments on fontawesome.com.
And of course Pro-level plans come with…
All 16,083 Icons in Font Awesome
Solid, Regular, Light, Thin, and Duotone Styles for Each Icon + Brands
A Perpetual License to Use Pro
Services and Tools to Make Easy Work of Using Icons
SVG sprites have a few tricky points you need to know about. Make sure your project is a good fit for using this technique with the following in mind.
Same origin policy
If you use URLs in the xlink:href, they need to be loaded from the same domain. There is cross-origin protection on SVGs loaded this way. Some people just serve it directly from their static assets. You can also use a proxy.
Internet Explorer doesn't load remote SVGs
If you use a URL in the xlink:href, IE will not automatically download the file for you. Check out this project(opens new window) if this is something you need.