You can drop any one of our SVG files into vector-friendly design apps like Figma, Sketch, or Adobe Illustrator, just to name a few. Create a new file or open an existing one, and drag the SVG into the artboard where you would like it placed.

Extend Font Awesome with your own custom icons, logos, and even other icon sets to fit your project perfectly. The best part, all icons you add are used just as easily as official ones. Get Pro + Add Your Icons

Grabbed some SVG code from an SVG file in the Font Awesome 6 Download or any icons’s details in our icon search; Are comfortable writing a little CSS; Basic Use. With the power of vectors, the browser can draw an SVG in no time flat. …

We’ll cover the basics of when, and how, to use SVG Sprites to improve load time on sites that repeat the same icons. Before You Get Started . Make sure you: Plan to use the SVG+JS method of Font Awesome; Are using a lot of the same icon or icons on a single page; Have your project set up with Font Awesome

Looking to use Font Awesome icons as SVG Sprites? We’ve got ‘em. And there’s no need to load JavaScript code at runtime. We’ll cover the basic of adding icons as SVG sprites, and cover the sticking points of using SVG sprites to help you ensure your projects are a good fit for their use. Before You Get Started . Make sure you’ve:

Want the wonderful goodness of SVG without having the need for our SVG + JS framework at the moment? Have no fear, SVG Sprites are here. We have lovingly prepped all the icon set styles into their own SVG sprites.

Font Awesome icon in the Solid style. Make a bold statement in small sizes.. Available now in Font Awesome 6.

Using `data-fa-symbol` informs Font Awesome SVG with JavaScript to create the symbol. The value of this attribute becomes the name.

Are you currently using SVG sprites or SVGs and are ready to move to Version 6? This is what you need to do. Upgrading SVG Sprites. Check your icons and if their name changed. If it has, you’ll want to update the name in your instance. The …

SVG + JS. SVGs are vector-based images that are rendered using the browser’s engine. We pair it with javascript to invoke the magic of Font Awesome icons into your apps, sites, and other web projects. Superpowers: Great for javascript-based apps when rendered through our JS packages