@spectrum-css/ui-icons
The source for UI iconography used in Spectrum CSS
This package uses SVGO to process SVGs and combines them into several sprite sheets for use in this and other projects.
Please do not import assets from the source directory as these are fluid and not part of the semantic publishing contract. Instead, use the dist
directory.
Installation
yarn add -DW @spectrum-css/ui-icons
Usage
SVGs
SVGs are available in the dist
directory. They are organized by size. The dist
directory contains the following:
-
medium
: assets to be used in desktop display formats -
large
: assets to be used in mobile display formats -
combined
: assets to be used in products requiring both desktop and mobile display icons to swap quickly or be used in parallel -
spectrum-css-icons.svg
: a single sprite sheet containing all icons -
spectrum-css-icons-medium.svg
: a single sprite sheet for medium icons -
spectrum-css-icons-large.svg
: a single sprite sheet for large icons
CSS
CSS for the icons is available from the @spectrum-css/icon
package. See the Icon documentation for more information.