Icon library

Every Icon setting in Treble is a text field: type the name of an icon from this page. Click an icon below to copy its name, then paste it into the setting in the theme editor.

There are 112 icons: a general set for features, trust badges and shipping notes, and icons for store categories such as tools, fasteners, safety gear, storage and lighting. Product data uses the same names, for example the Icon field of a Key spec metaobject or a collection's custom.icon metafield.

Icons

Click an icon to copy its name.

How it works

• Leave the field empty, or type none, to hide the icon.
• A name that does not exist shows a plain box, so a typo is easy to spot.
• Names are lowercase with hyphens, for example tape-measure or hard-hat.
• Where a setting also has Custom icon, an uploaded image replaces the named icon. Square SVG or PNG files work best.
• In a Multi-column collection block, an empty icon field uses the collection's custom.icon metafield, or picks an icon that matches the collection title.

Related

• Product data: metafields and tags
• Key specs