icons

Deprecation Warning
@spectrum-web-components/icons is deprecated and will be removed in an upcoming release.

NPM

1.1.2

Storybook

View Storybook
Examples Changelog

1.1.2 (2025-02-12) #

Note: Version bump only for package @spectrum-web-components/icons

1.1.1 (2025-01-29) #

Note: Version bump only for package @spectrum-web-components/icons

1.1.0 (2025-01-29) #

Note: Version bump only for package @spectrum-web-components/icons

1.0.1 (2024-11-11) #

Note: Version bump only for package @spectrum-web-components/icons

1.0.0 (2024-10-31) #

Note: Version bump only for package @spectrum-web-components/icons

0.49.0 (2024-10-15) #

Note: Version bump only for package @spectrum-web-components/icons

0.48.1 (2024-10-01) #

Note: Version bump only for package @spectrum-web-components/icons

0.48.0 (2024-09-17) #

Note: Version bump only for package @spectrum-web-components/icons

0.47.2 (2024-09-03) #

Note: Version bump only for package @spectrum-web-components/icons

0.47.1 (2024-08-27) #

Note: Version bump only for package @spectrum-web-components/icons

0.47.0 (2024-08-20) #

Note: Version bump only for package @spectrum-web-components/icons

0.46.0 (2024-08-08) #

Note: Version bump only for package @spectrum-web-components/icons

0.45.0 (2024-07-30) #

Note: Version bump only for package @spectrum-web-components/icons

0.44.0 (2024-07-15) #

Note: Version bump only for package @spectrum-web-components/icons

0.43.0 (2024-06-11) #

Note: Version bump only for package @spectrum-web-components/icons

0.42.5 (2024-05-24) #

Note: Version bump only for package @spectrum-web-components/icons

0.42.4 (2024-05-14) #

Note: Version bump only for package @spectrum-web-components/icons

0.42.3 (2024-05-01) #

Note: Version bump only for package @spectrum-web-components/icons

0.42.2 (2024-04-03) #

Note: Version bump only for package @spectrum-web-components/icons

0.42.1 (2024-04-02) #

Note: Version bump only for package @spectrum-web-components/icons

0.42.0 (2024-03-19) #

Note: Version bump only for package @spectrum-web-components/icons

0.41.2 (2024-03-05) #

Note: Version bump only for package @spectrum-web-components/icons

0.41.1 (2024-02-22) #

Note: Version bump only for package @spectrum-web-components/icons

0.41.0 (2024-02-13) #

Note: Version bump only for package @spectrum-web-components/icons

0.40.5 (2024-02-05) #

Note: Version bump only for package @spectrum-web-components/icons

0.40.4 (2024-01-29) #

Note: Version bump only for package @spectrum-web-components/icons

0.40.3 (2024-01-11) #

Note: Version bump only for package @spectrum-web-components/icons

0.40.2 (2023-12-18) #

Note: Version bump only for package @spectrum-web-components/icons

0.40.1 (2023-12-05) #

Note: Version bump only for package @spectrum-web-components/icons

0.40.0 (2023-11-16) #

Note: Version bump only for package @spectrum-web-components/icons

0.39.4 (2023-11-02) #

Note: Version bump only for package @spectrum-web-components/icons

0.39.3 (2023-10-18) #

Note: Version bump only for package @spectrum-web-components/icons

0.39.2 (2023-10-13) #

Note: Version bump only for package @spectrum-web-components/icons

0.39.1 (2023-10-06) #

Note: Version bump only for package @spectrum-web-components/icons

0.39.0 (2023-09-25) #

Note: Version bump only for package @spectrum-web-components/icons

0.38.0 (2023-09-05) #

Note: Version bump only for package @spectrum-web-components/icons

0.37.0 (2023-08-18) #

Note: Version bump only for package @spectrum-web-components/icons

0.36.0 (2023-08-18) #

Note: Version bump only for package @spectrum-web-components/icons

0.35.0 (2023-07-31) #

Note: Version bump only for package @spectrum-web-components/icons

0.34.0 (2023-07-11) #

Note: Version bump only for package @spectrum-web-components/icons

0.33.2 (2023-06-14) #

Note: Version bump only for package @spectrum-web-components/icons

0.33.0 (2023-06-08) #

Note: Version bump only for package @spectrum-web-components/icons

0.32.0 (2023-06-01) #

Note: Version bump only for package @spectrum-web-components/icons

0.31.0 (2023-05-17) #

Note: Version bump only for package @spectrum-web-components/icons

0.30.0 (2023-05-03) #

Bug Fixes #

  • correct @element jsDoc listing across library (c97a632)
  • ensure browser understandable extensions (f4e59f7)
  • icons: process icons for use as UIIcons (47a43d7)
  • include "type" in package.json, generate custom-elements.json (1a8d716)
  • include default export in the "exports" fields (f32407d)
  • include the "types" entry in package.json files (b432f59)
  • remove ":" based namespacing of events (d77a843)
  • update side effect listings (8160d3a)

Features #

  • action-button: add action button pattern (03ac00a)
  • icons-workflow: add workflow icons package (6b09287)
  • icons-workflow: vend fully registered icon components (941f3a4)
  • icons: update spectrum css input (296738e)
  • include all Dev Mode files in side effects (f70817c)
  • leverage "exports" field in package.json (321abd7)
  • shared pkg versions, devmode define warning, registry-conflicts docs (6e49565)
  • use @adobe/spectrum-css@2.15.1 (3918888)
  • use latest exports specification (a7ecf4b)

Performance Improvements #

  • use "sideEffects" listing in package.json (7271614)
  • use imported TypeScript helpers instead of inlining them (cc2bd0a)

Reverts #

  • Revert "chore: release new versions" (a6d655d)

0.9.7 (2023-04-05) #

Note: Version bump only for package @spectrum-web-components/icons

0.9.6 (2023-01-23) #

Note: Version bump only for package @spectrum-web-components/icons

0.9.5 (2023-01-09) #

Note: Version bump only for package @spectrum-web-components/icons

0.9.4 (2022-11-21) #

Note: Version bump only for package @spectrum-web-components/icons

0.9.3 (2022-11-14) #

Note: Version bump only for package @spectrum-web-components/icons

0.9.2 (2022-10-28) #

Note: Version bump only for package @spectrum-web-components/icons

0.9.1 (2022-10-10) #

Note: Version bump only for package @spectrum-web-components/icons

0.9.0 (2022-08-09) #

Features #

  • include all Dev Mode files in side effects (f70817c)

0.8.9 (2022-08-04) #

Note: Version bump only for package @spectrum-web-components/icons

0.8.8 (2022-06-29) #

Note: Version bump only for package @spectrum-web-components/icons

0.8.7 (2022-06-07) #

Note: Version bump only for package @spectrum-web-components/icons

0.8.6 (2022-05-12) #

Note: Version bump only for package @spectrum-web-components/icons

0.8.5 (2022-04-21) #

Note: Version bump only for package @spectrum-web-components/icons

0.8.4 (2022-03-08) #

Note: Version bump only for package @spectrum-web-components/icons

0.8.3 (2022-03-04) #

Note: Version bump only for package @spectrum-web-components/icons

0.8.2 (2022-02-22) #

Note: Version bump only for package @spectrum-web-components/icons

0.8.1 (2021-12-13) #

Note: Version bump only for package @spectrum-web-components/icons

0.8.0 (2021-11-08) #

Note: Version bump only for package @spectrum-web-components/icons

0.7.9 (2021-11-08) #

Note: Version bump only for package @spectrum-web-components/icons

0.7.8 (2021-08-24) #

Bug Fixes #

  • correct @element jsDoc listing across library (c97a632)

0.7.7 (2021-07-22) #

Note: Version bump only for package @spectrum-web-components/icons

0.7.6 (2021-06-16) #

Note: Version bump only for package @spectrum-web-components/icons

0.7.5 (2021-04-09) #

Note: Version bump only for package @spectrum-web-components/icons

0.7.4 (2021-03-29) #

Note: Version bump only for package @spectrum-web-components/icons

0.7.3 (2021-03-22) #

Note: Version bump only for package @spectrum-web-components/icons

0.7.2 (2021-03-22) #

Note: Version bump only for package @spectrum-web-components/icons

0.7.1 (2021-03-05) #

Note: Version bump only for package @spectrum-web-components/icons

0.7.0 (2021-03-04) #

Features #

  • use latest exports specification (a7ecf4b)

0.6.3 (2021-02-11) #

Note: Version bump only for package @spectrum-web-components/icons

0.6.2 (2021-02-02) #

Note: Version bump only for package @spectrum-web-components/icons

0.6.1 (2021-01-28) #

Note: Version bump only for package @spectrum-web-components/icons

0.6.0 (2021-01-21) #

Bug Fixes #

  • include the "types" entry in package.json files (b432f59)

Features #

  • action-button: add action button pattern (03ac00a)
  • icons: update spectrum css input (296738e)
  • icons-workflow: vend fully registered icon components (941f3a4)

0.5.0 (2021-01-13) #

Bug Fixes #

  • include the "types" entry in package.json files (b432f59)

Features #

  • action-button: add action button pattern (03ac00a)
  • icons: update spectrum css input (296738e)
  • icons-workflow: vend fully registered icon components (941f3a4)

0.4.5 (2020-10-12) #

Note: Version bump only for package @spectrum-web-components/icons

0.4.4 (2020-10-12) #

Bug Fixes #

  • include default export in the "exports" fields (f32407d)

0.4.3 (2020-09-25) #

Bug Fixes #

  • update side effect listings (8160d3a)

0.4.2 (2020-08-31) #

Note: Version bump only for package @spectrum-web-components/icons

0.4.1 (2020-08-19) #

Bug Fixes #

  • ensure browser understandable extensions (f4e59f7)

0.4.0 (2020-07-17) #

Features #

  • leverage "exports" field in package.json (321abd7)

0.3.3 (2020-06-08) #

Note: Version bump only for package @spectrum-web-components/icons

0.3.2 (2020-05-08) #

Note: Version bump only for package @spectrum-web-components/icons

0.3.1 (2020-04-16) #

Performance Improvements #

  • use "sideEffects" listing in package.json (7271614)

0.3.0 (2020-04-07) #

Features #

  • icons-workflow: add workflow icons package (6b09287)

0.2.3 (2020-01-06) #

Note: Version bump only for package @spectrum-web-components/icons

0.2.2 (2019-12-02) #

Note: Version bump only for package @spectrum-web-components/icons

0.2.1 (2019-11-27) #

Bug Fixes #

  • include "type" in package.json, generate custom-elements.json (1a8d716)

0.2.0 (2019-11-19) #

Features #

  • use @adobe/spectrum-css@2.15.1 (3918888)

0.1.5 (2019-11-01) #

Bug Fixes #

  • remove ":" based namespacing of events (d77a843)

0.1.4 (2019-10-14) #

Bug Fixes #

  • icons: process icons for use as UIIcons (47a43d7)

Performance Improvements #

  • use imported TypeScript helpers instead of inlining them (cc2bd0a)

0.1.3 (2019-10-03) #

Note: Version bump only for package @spectrum-web-components/icons

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';

Deprecated #

The Icons package has been deprecated as part of the removal of the Iconset package from the library and will be removed in an upcoming release. To optimize your build and ensure smaller bundles and higher performance for your users, consider using techniques that include only the icons actually used in your application. For Spectrum icons, you can use UI Icons or Workflow Icons.

For non-Spectrum icons, you can still:

  1. Slot SVG or image content into an sp-icon element, or
  2. Sanitize the SVG and convert it to a template literal to use within the render() method of an extension of IconBase to create your own custom named icon element.```