Polaris icons are simple and informative icons that draw on the visual language of the Polaris design system. Use these icons in your projects or third-party apps to promote a consistent experience across the Shopify platform.
Browse and search Polaris icons: https://polaris-icons.shopify.com.
The Polaris icons repository contains a set of packages. The packages are all related to each other, so a change to one might necessitate a change to another.
@shopify/polaris-icons-raw- Contains SVG files for the Polaris icons. This is a helper package that’s imported by the
polaris-icons-internalpackages, and is published to Shopify's private npm registry.
@shopify/polaris-icons-audit- A command line utility that can be run by any project to generate an audit of SVG usage. This package is published to the public npm registry.
app-icon-explorer- A Gatsby static website hosted at https://polaris-icons.shopify.com that displays the Polaris icons in the
polaris-icons-rawpackage in an interactive, user-friendly way. This is a private package that’s not published to npm.
To learn about the
Icon component and its props, see the component documentation in Polaris.
To learn about best practices for designing and using Polaris icons, see the Icon design guidelines in Polaris.
We’re always looking for contributors to help us create new icons, update exiting icons, submit feedback, or improve our documentation.
If you can’t find the icon you need, you can suggest a new icon for us to include in the collection.
If you notice an existing icon that’s out-of-date or needs improvements, you can suggest changes to that icon.
To learn more about contributing to Polaris icons, see our contributing guide. 👀