Font Awesome Sharp Duotone

Sharp icons are a great design choice when you’re looking to class up your project for a sleek, professional look and feel. 

As you may have noticed, this year (and last) we’ve rolled out Sharp Solid, Regular, Light, Thin and now we’re proud to announce the final installment — drumroll please — Sharp Duotone!

Accessorize with Understated Icon Flair in Your Project

Enter your text here...

Design with a Splash of Color

Like all our Font Awesome icons, Duotone automatically inherits CSS size and color, and consists of a primary and secondary layer. By default, the secondary layer is given an opacity of 40%, so that it appears as a lighter shade of the icon’s inherited or directly-set color. Learn more

Light or Dark, Duotone Looks Great on Contrasting Backgrounds

Do you need your icons to work in reverse, on a dark background? Duotone is a great choice.  This works out-of-the-box because Duotone features two layers — one primary, one secondary. This allows it to retain the same color as the primary layer, but also visually mix it with the underlying background color.

But Sharp Duotone icons are only available with a Pro subscription. 

Along with Sharp icons, your Pro subscription includes access to Font Awesome Classic with multiple icon styles to choose from, including: 

  • Solid — Make a bold statement, even in small sizes. 

  • Regular — Smooth out your design with easygoing, readable icons. 

  • Light — Turn down the tone just a smidgen for when you need a lighter touch. 

  • Thin — Style your site with the latest super-light designs. 

  • Duotone — Go big with an illustrated feel by adding a pop of color. 

You also get more Kits, pageviews, custom icon upload, Actual Human™ Support, and more!

More by Font Awesome

View profile