Schema icons

All our schemas use icons that are displayed in the Frontastic studio. We use Material icons.

//...
    icon: "example_icon",   
//...

In this reference article, we've put together some of the icons available, plus their name that you need to use in the schema. There are lots more icons available. To see the full range available, open the Frontastic studio, click Components, select an existing component, then click the Edit icon button on the overlay. There you can search all the available icons and get the required name.

📘

You can change the icons of your components in the Frontastic studio, but you'll also need to update your schema, so changes aren't overridden.

Icon

Schema naming

3D rotation icon3D rotation icon

3d_rotation

Accessibility iconAccessibility icon

accessibility

Accessibility new iconAccessibility new icon

accessibility_new

Accessible iconAccessible icon

accessible

Account balance iconAccount balance icon

account_balance

Account box iconAccount box icon

account_box

Account circle iconAccount circle icon

account_circle

Add shopping cart iconAdd shopping cart icon

add_shopping_cart

Alarm iconAlarm icon

alarm

Announcement iconAnnouncement icon

announcement

Arrow right iconArrow right icon

arrow_right_alt

Assignment iconAssignment icon

assignment

Assignment ID iconAssignment ID icon

assignment_ind

Assignment turned in iconAssignment turned in icon

assignment_turned_in

Autorenew iconAutorenew icon

autorenew

Backup iconBackup icon

backup

Bookmarks iconBookmarks icon

bookmarks

Bug report iconBug report icon

bug_report

Calendar view day iconCalendar view day icon

calendar_view_day

Camera enhance iconCamera enhance icon

camera_enhance

Contact support iconContact support icon

contact_support

Explore iconExplore icon

explore

Favorite iconFavorite icon

favorite

Home iconHome icon

home

Info iconInfo icon

info

List iconList icon

list

Lock iconLock icon

lock

Lock open iconLock open icon

lock_open

Payment iconPayment icon

payment

Perm identity iconPerm identity icon

perm_identity

Perm media iconPerm media icon

perm_media

Room iconRoom icon

room

Search iconSearch icon

search

Shop two iconShop two icon

shop_two

Subject iconSubject icon

subject

Theaters iconTheaters icon

theaters

Thumbs up iconThumbs up icon

thumbs_up

Thumbs up and down iconThumbs up and down icon

thumbs_up_down

Today iconToday icon

today

Touch app iconTouch app icon

touch_app

Translate iconTranslate icon

translate

Trending down iconTrending down icon

trending_down

Trending up iconTrending up icon

trending_up

Turned in iconTurned in icon

turned_in

Update iconUpdate icon

update

Verified user iconVerified user icon

verified_user

Vertical split iconVertical split icon

vertical_split

View carousel iconView carousel icon

view_carousel

View headline iconView headline icon

view_headline

View list iconView list icon

view_list

View module iconView module icon

view_module

View stream iconView stream icon

view_stream

View week iconView week icon

view_week

Visibility iconVisibility icon

visibility

Visibility off iconVisibility off icon

visibility_off

Watch later iconWatch later icon

watch_later

Work iconWork icon

work

Zoom in iconZoom in icon

zoom_in

Zoom out iconZoom out icon

zoom_out


Did this page help you?