Icons

Introduction

This design system uses Material Design's open_in_new icon font from Google. There is no need to upload SVGs into your assets panel.

Material Icons Fonts

In the Site Settings section of your Workspace you have to install these fonts:

Material Icons Outlined
Material Icons Filled
Material Icons Rounded

Icon font name and style

Font name

Class Name

Sample Copy Text

Sample

Material Icon Filled

home

Material Icon Outlined

home

Material Icon Rounded

assignment

home

Sizes

font Class style name Size color

Class name

Size and Color

Sample Copy Text

Sample

Icon Filled

Icon XXXL

follow_the_signs

Icon Filled

Icon XXL

follow_the_signs

Icon Filled

Icon XL

follow_the_signs

Icon Filled

Icon L

follow_the_signs

Icon Filled

Icon M

follow_the_signs

Icon Filled

Icon S

follow_the_signs

Icon Filled

Icon XS

follow_the_signs

Icon Filled

Icon XXS

follow_the_signs

Colors

font Class style name Size color

Class name

Size and Color

Sample Copy Text

Sample

Material Icon Rounded

Icon XXXL

C T Navy 100

rocket_launch

Material Icon Filled

Icon XXL

C T Red 100

https

Material Icon Rounded

Icon XL

C T Blue 100

perm_media

Material Icon Outlined

Icon L

C T Purple 100

face_3

Material Icon Outlined

Icon M

C T Orange 100

star_rate

Material Icon Filled

Icon S

C T Navy 60

print

Material Icon Rounded

Icon XS

C T Neutral 100

shopping_cart

Material Icon Filled

Icon XXS

C T Red 100

play_circle