@spectrum-web-components/icons

The <sp-icons-medium> and <sp-icons-large> elements that are included in this package supply your application with the Spectrum CSS Icons at both the medium and large sizes for use via the <sp-icon> element also provided by the Spectrum Web Components library. Include at least one of these elements in a project that makes use of icons in these sets, but feel free to include these sets in the scope of any element that leverages them as they will be deduplicated as appropriate to ensure all of your components are able to deliver the icons included therein.

Usage no npm install needed!

<script type="module">
  import spectrumWebComponentsIcons from 'https://cdn.skypack.dev/@spectrum-web-components/icons';
</script>

README

Description

The <sp-icons-medium> and <sp-icons-large> elements that are included in this package supply your application with the Spectrum CSS Icons at both the medium and large sizes for use via the <sp-icon> element also provided by the Spectrum Web Components library. Include at least one of these elements in a project that makes use of icons in these sets, but feel free to include these sets in the scope of any element that leverages them as they will be deduplicated as appropriate to ensure all of your components are able to deliver the icons included therein.

Usage

See it on NPM! How big is this package in your project?

yarn add @spectrum-web-components/icons

Import the side effectful registration of <sp-icons-medium> or <sp-icons-large> via:

import '@spectrum-web-components/icons/sp-icons-medium.js';
import '@spectrum-web-components/icons/sp-icons-large.js';

When looking to leverage the IconsMedium or IconsLarge base classes as a type and/or for extension purposes, do so via:

import { IconsMedium, IconsLarge } from '@spectrum-web-components/icons';