Theme Icons
Icons can be selected from theme settings where proper setting exists.
For custom development, use any of the following method to render icons:
- {% render 'icon-cart' %}
- {% render 'render-icon', icon_name: 'icon-chevron-down' %}
| Icon name | Preview | Icon name | Preview |
|---|---|---|---|
| icon-cart | icon-chevron-down | ||
| icon-chevron-right | icon-clipboard | ||
| icon-close | icon-delivery | ||
| icon-discount | |||
| icon-dress | icon-expand | ||
| icon-eye | icon-facebook | ||
| icon-filter | icon-guarantee | ||
| icon-hamburger | icon-handbag | ||
| icon-hanger | icon-headphone | ||
| icon-heart | icon-instagram | ||
| icon-jacket | icon-media-model | ||
| icon-media-video | icon-pants | ||
| icon-pinterest | icon-play | ||
| icon-search | icon-share | ||
| icon-shirt | icon-shoes | ||
| icon-snapchat | icon-tick | ||
| icon-tiktok | icon-tumblr | ||
| icon-twitter | icon-unavailable | ||
| icon-user | icon-veggie-burger | ||
| icon-vimeo | icon-watch | ||
| icon-youtube |
For developers:
To use your own SVG icon, create a snippet from theme code editor. Check official documentation from Shopify.