When your next project calls for slim and trim, we’ve got you covered. That’s why we’re excited to release Font Awesome Sharp Thin icons. Think of Thin as the pocket square of icons. The perfect accessory for when you need a sophisticated, airy, and professional look.

Here’s a peek at what we’ve been up to!

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbkmczGOV2RSF5TAsaAEFG7JokR52%2Ffgh9QrovgefS0mfofr19%2F4d0fffe0-11bd-44a9-8980-b01f6fa270ab.png?alt=media&token=8b1bd916-0040-4948-a7c6-cdb31c355f28","id":"4d0fffe0-11bd-44a9-8980-b01f6fa270ab","width":1600,"height":1920,"filename":"thin-categories.png","type":"image/png","caption":"","border":false}]}
```

### **Simple Icons With a Clean, Razor-Sharp Look and Feel**

We designed Thin icons with simplicity in mind. Clean lines and simple shapes make for a formal, modern vibe that’s perfect for projects that need to convey class and professionalism.

A fancy or formal event might be a good time to think Thin, or maybe when a design calls for low-key background décor. And if you need outlined glyphs in a dark environment, Thin can help cut down on eye strain.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbkmczGOV2RSF5TAsaAEFG7JokR52%2Ffgh9QrovgefS0mfofr19%2Fad0a02b4-8a31-4cf4-b721-199efda66689.png?alt=media&token=aa5b8aef-f352-4540-90de-73f99f259437","id":"ad0a02b4-8a31-4cf4-b721-199efda66689","width":1600,"height":512,"filename":"thin-wedding.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbkmczGOV2RSF5TAsaAEFG7JokR52%2Ffgh9QrovgefS0mfofr19%2Ff0545203-98cf-47db-b2f6-52410e19181b.mp4?alt=media&token=59859d73-8df9-48bc-b319-064d7b0f3a55","id":"f0545203-98cf-47db-b2f6-52410e19181b","width":1200,"height":384,"filename":"thin-dark-mode.mp4","type":"video/mp4","caption":"","border":false}]}
```

### **Light, Airy, Professional, Yet Friendly**

We built each icon on the same 16-pixel grid as our existing icon styles, but limited our stroke weight to a knife’s edge half-pixel. While these new icons are light and airy, we’re keeping the craft and care you’ve come to know from Font Awesome.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbkmczGOV2RSF5TAsaAEFG7JokR52%2Ffgh9QrovgefS0mfofr19%2F5a1ef25e-5ff1-42ae-a9fe-c7ab05ea8cbf.mp4?alt=media&token=e21a5aaa-778e-438c-9077-1f8d71832936","id":"5a1ef25e-5ff1-42ae-a9fe-c7ab05ea8cbf","width":1800,"height":1440,"filename":"thin-comparison.mp4","type":"video/mp4","caption":"","border":false}]}
```

But Sharp Thin 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](https://fontawesome.com/plans#kits), [pageviews](https://fontawesome.com/plans#pageviews),[ custom icon upload](https://fontawesome.com/v6/docs/web/add-icons/upload-icons), [Actual Human™ Support](https://fontawesome.com/support), and more!

### **[Get Font Awesome Pro ⮕](https://fontawesome.com/plans)**

Font Awesome Sharp Thin

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!

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbkmczGOV2RSF5TAsaAEFG7JokR52%2FivudrsR1nWrIZsexdAQK%2F78e266b7-ac01-4db7-9e4f-c5f2fa39e372.png?alt=media&token=953dd520-83c7-49ba-bea2-ddfd160c416e","id":"78e266b7-ac01-4db7-9e4f-c5f2fa39e372","width":1600,"height":1920,"filename":"duo-categories.png","type":"image/png","caption":"If you are what you eat, then I only want to eat the good stuff","border":false}]}
```

## **Accessorize with Understated Icon Flair in Your Project**

If the Sharp Family is like the tuxedo of icons, Sharp Duotone is like the perfect accessory to add extra dimension with two layers, and near infinite possibilities when you need an illustrated look for big impact. Duotone is sort of like the subtle (or not so subtle) bling that takes your look to the next level.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbkmczGOV2RSF5TAsaAEFG7JokR52%2FivudrsR1nWrIZsexdAQK%2F38017202-3d6c-498c-9eac-5356628b1040.png?alt=media&token=2271fd34-0a6b-4393-b0dc-85a39fac5c75","id":"38017202-3d6c-498c-9eac-5356628b1040","width":1600,"height":512,"filename":"duo-dnd.png","type":"image/png","caption":"There really should be more intelligence-based classes","border":false}]}
```

## **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](https://fontawesome.com/how-to-use/on-the-web/styling/duotone-icons#basic-use)

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbkmczGOV2RSF5TAsaAEFG7JokR52%2FivudrsR1nWrIZsexdAQK%2F121f9a0c-2c5d-43f9-9d26-73def40569c0.mp4?alt=media&token=0f4253a8-b474-44f1-a4cb-07e3f000a8fb","id":"121f9a0c-2c5d-43f9-9d26-73def40569c0","width":1280,"height":410,"filename":"duo-swap.mp4","type":"video/mp4","caption":"Let there be layers","border":false}]}
```

## **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.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbkmczGOV2RSF5TAsaAEFG7JokR52%2FivudrsR1nWrIZsexdAQK%2F2edf89b5-b6c0-4d45-801b-d2ee8dde6ecf.mp4?alt=media&token=44a811f6-dfdc-4128-b785-9473332bc003","id":"2edf89b5-b6c0-4d45-801b-d2ee8dde6ecf","width":1800,"height":1440,"filename":"duo-comparison.mp4","type":"video/mp4","caption":"Monkey see, monkey do(utone)","border":false}]}
```

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](https://fontawesome.com/plans#kits), [pageviews](https://fontawesome.com/plans#pageviews), [custom icon upload](https://fontawesome.com/v6/docs/web/add-icons/upload-icons), [Actual Human™ Support](https://fontawesome.com/support), and more!**

### **[Get Font Awesome Pro ⮕](https://fontawesome.com/plans)**

Font Awesome Sharp Duotone

My old icon blog post lives again! https://www.noahjacob.us/words/fundamentals-of-icon-design.html

🍷 Icon sommelier

Perils of Armchair Design

Fundamentals of Icon Design

Add a Touch of Class with Font Awesome Sharp

Rubber chickens and squirting flowers are great accessories for lots of occasions — just not a black tie event. And so it is with design. It’s true that Font Awesome is known for the whimsical and zany, but sometimes you need an icon family that captures a more formal tone. That’s why we built Font Awesome Sharp!

9 Icons Designers To Be Watching Right Now

“In this inaugural episode of Nerd Show and Tell, host Matt Johnson interviews Font Awesome icon designer Noah Jacobus. They discuss Noah’s background in music education, how he became an icon design hobbyist, the monumental task of creating the Font Awesome Sharp family, and little bit about his love of handheld retro-styled games.”

Nerd Show and Tell: Meet Noah Jacobus

Helena Zhang counts down her top 5 favorite new icon releases from 2022.

Best New Icons of 2022

In this Nerd Show and Tell, Noah tells us about the monumental task of creating the upcoming Font Awesome Sharp icon family and shares his love of minimal, retro-styled games.

Nerd Show & Tell: Noah Jacobus

“Dive into the minds of Font Awesome's Jory Raphael and Noah Jacobus as they discuss their unique approach to design process. Discover how they balance structure and creativity in the ever-evolving world of icon design.“

Behind the Pixels: Designing Icons the Font Awesome Way

“Jory & Noah explore the history of Font Awesome and its development over the years. Jory shares how he came to hire Noah, someone he has admired and followed digitally for years (in the biz, it’s called a “designer crush.”) They also discuss their design process and talk a bit about the process of developing the Sharp family of styles.”

A Brief History of Font Awesome Icons

When you need subtle design touches for your project, the right icons can make a big difference. That’s why we’re so excited to announce Font Awesome Sharp!

Similar to the Thin style, we envisioned Font Awesome Sharp with a clean, modern look that pairs nicely alongside sharp typefaces like Helvetica, Roboto, Aperçu, and Franklin Gothic, among others.

Font Awesome Sharp

In this podcast, we talk about icons, naturally. We talk about how we think building healthy and sustainable workplaces is possible. We also dive deep into the tech of how we build things. And, of course, we nerd out along the way.

Podcast Awesome

I designed a full color, embossed tin to house 80 Elantris-themed bandaids for Brandon Sanderson's Kickstarter rewards

Elantri-Fix

Made a fun icon pack ahead of the big announcement of FigJam 🤗 Try them out in your next brainstorming session!

Candy Byte Icons for FigJam

600+ consistent & commonly-needed UI glyphs, all tailored to look nice and sharp at 16px

CHUNK Icons

Broke the ol’ HTML and CSS out of retirement to build a new garden for myself. Always tinkering.

Personal Website

Telling an effective story is the easiest way to communicate with your team and express your ideas. Come join Jory Raphael and Noah Jacobus from Font Awesome as they guide you through the crafting of their Config presentation, from initial napkin sketches to final polished slides. They’ll share valuable insights, best practices, and tips for compelling storytelling, while sharing how they made their presentation uniquely “Awesome”.

Crafting an Awesome Story, from Sketches to Slides

Come with us on a journey of Figma-specific tips, tricks, and insights we’ve gathered while using Figma as the "source of truth” for our library of over 30,000 icons used on over 200 million websites worldwide. We’ll focus specifically on how to leverage components (and their variants) while building an icon family, along with the benefits of live corners and boolean groups. And most importantly, we'll share how using Figma for our icon family has enabled deeper collaboration, teamwork, and systems thinking.

We Drew 30,000 Icons in Figma and So Can You 🫵

Designing a Cohesive Icon Set

The very first event for the Friends of Figma: Iconography chapter, chatting through the similarities and differences for iconographers coming from the world of Adobe.

Icons in Figma 101

So you need an icon set for a project, only to find that all the stock sets don’t have quite what you need. You could try adding the missing icons or even (gasp) create your own set, but where would you start? Dive into the wonderful world of tiny pictures in this 3-hour workshop led by Noah Jacobus from Font Awesome, the internet’s favorite icon library andtoolkit. From rudimentary rules to cohesive collections, we’ll uncover, dissect, and build on the secrets of successful icon design.

Building Cohesive Icons

Are your icons a weird mish-mash of styles? Did a client give you a brand set you have to match for a mobile app? How even??? Wonder no more, as we go through some basics around UI icons, and how to make them consistent.

Icons & You

Pioneered the Specialist team, focusing primarily on iconography and illustration systems for digital products.

Design Specialist

Making icons & illustrations — sometimes writing about them too

Senior Designer

Principal Icon Systems Designer

Crafted & executed branding, events, and weekly experiences across 3 locations.

Brand Manager

Designed digital app experiences for every kind of technological rectangle there is.

Noah Jacobus

2024

2023