w1c-icon

Icons

Renders bundled W1C icon data, or trusted local IconData, as inline SVG.

import '@w1c/components/icon';
<w1c-icon name="folder" label="Folder"></w1c-icon>

API

  • name: bundled icon name.
  • label: accessible label. Leave empty for decorative icons.
  • icon: trusted IconData, set as a JavaScript property.

Parts

  • icon

Notes

Do not pass user-authored SVG strings into w1c-icon. See Icons for icon data, metadata, and asset base-path details.