Schema icons

All our schemas use icons that are displayed in the 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 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 studio, but you'll also need to edit your schema, so changes aren't overridden.

List of icons

Some available icons with their schema naming are listed below:

3D rotation icon
3d_rotation

Accessibility icon
accessibility

Accessibility new icon
accessibility_new

Accessible icon
accessible

Account balance icon
account_balance

Account box icon
account_box

Account circle icon
account_circle

Add shopping cart icon
add_shopping_cart

Alarm icon
alarm

Announcement icon
announcement

Arrow right icon
arrow_right_alt

Assignment icon
assignment

Assignment ID icon
assignment_ind

Assignment turned in icon
assignment_turned_in

Autorenew icon
autorenew

Backup icon
backup

Bookmarks icon
bookmarks

Bug report icon
bug_report

Calendar view day icon
calendar_view_day

Camera enhance icon
camera_enhance

Contact support icon
contact_support

Explore icon
explore

Favorite icon
favorite

Home icon
home

Info icon
info

List icon
list

Lock icon
lock

Lock open icon
lock_open

Payment icon
payment

Perm identity icon
perm_identity

Perm media icon
perm_media

Room icon
room

Search icon
search

Shop two icon
shop_two

Subject icon
subject

Theaters icon
theaters

Thumbs up icon
thumbs_up

Thumbs up and down icon
thumbs_up_down

Today icon
today

Touch app icon
touch_app

Translate icon
translate

Trending down icon
trending_down

Trending up icon
trending_up

Turned in icon
turned_in

Update icon
update

Verified user icon
verified_user

Vertical split icon
vertical_split

View carousel icon
view_carousel

View headline icon
view_headline

View list icon
view_list

View module icon
view_module

View stream icon
view_stream

View week icon
view_week

Visibility icon
visibility

Visibility off icon
visibility_off

Watch later icon
watch_later

Work icon
work

Zoom in icon
zoom_in

Zoom out icon
zoom_out

Composable Commerce
Getting StartedMerchant CenterTutorialsHTTP APIGraphQL APIImport & ExportSDKs & Client LibrariesCustom Applications
Frontend
Getting StartedStudioDevelopingHTTP API
Sign upLog inSupportStatusOfferingTech BlogIntegrationsUser Research Program
Copyright © 2023 commercetools
Privacy PolicyImprint