SVGs are right at home in vector-based design apps. And it's the best way to get Duotone icons into your designs.

First Things First!

Make sure you’ve found the .svg files in Font Awesome Alpha zip in your project and are ready to manage some mischief.

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.

A duotone icon's .svg file open in Figma

Then use the app's tools for resizing and coloring to get it just right in your design.

A Word to the Wise

When you add an SVG file, you are making direct edits to the SVG, so we recommend saving any changes you make in a new file and keeping files organized for future use.