What are Symbols?

Symbols, which are also called Glyphs, are icons consolidated into a single font file with a wide range of design variants that allow for animation.

Oscar de la Hera Gomez
Written by Oscar de la Hera Gomez
First published on 07/26/2023 at 11:21
Last Updated on 09/24/2023 at 10:38
<p>A flower that represents Typography with the text "What are Symbols?" beneath it.</p>

Symbols, which are also called Glyphs, are icons that are consolidated as a single font file with a wide range of design variants that allow for animation.

Subscribe

Symbols were introduced by Google in 2018 and Apple in WWDC19 and have since been adapted to be able to be animated using the new Variable Font capabilities.

"Symbols are available in three styles and four adjustable variable font axes (fill, weight, grade, and optical size)."

Learn more about Google's Material SymbolsWatch the 2023 SF Symbols video

Looking to use Symbols in Figma ?

To learn how to use SF Symbols and Material Symbols in Figma, follow the tutorials below.

We recommend using Material Symbols as SF Symbols does not yet have an official plugin and would cause a dramatic reduction in the performance of your Figma project.

How to implement Material Symbols in FigmaHow to implement Apple SF Symbols in Figma

Looking to produce custom icons ?

Consult our guide linked below to find alternatives to SF Symbols and Material Symbols.

Icons Resources Guide

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
SubscribeContact UsVisit our BlogView our ServicesView our Work

Partner with us

We would love to get to know you and see how we can help your organization with its goals and needs.
Let's Talk

Stay Informed

Get occasional updates about our company, research, and product launches.
Subscribe