The icon component provides a flexible way to render SVG based icon. Icon SVGs sourced from Clarity. BlueprintUI Icons can be used standalone of other BlueprintUI components and utilities.
Installation
npm install @blueprintui/iconsUsage
import '@blueprintui/icons/include.js';
import '@blueprintui/icons/shapes/user.js';<bp-icon shape="user"></bp-icon><bp-icon shape="user"></bp-icon>
<bp-icon shape="user" type="solid"></bp-icon><bp-icon shape="user" size="sm"></bp-icon>
<bp-icon shape="user" size="md"></bp-icon>
<bp-icon shape="user" size="lg"></bp-icon><bp-icon shape="user" badge="accent"></bp-icon>
<bp-icon shape="user" badge="success"></bp-icon>
<bp-icon shape="user" badge="warning"></bp-icon>
<bp-icon shape="user" badge="danger"></bp-icon><bp-icon shape="user" status="accent"></bp-icon>
<bp-icon shape="user" status="success"></bp-icon>
<bp-icon shape="user" status="warning"></bp-icon>
<bp-icon shape="user" status="danger"></bp-icon>