Icon v0.1.0+ HelixUI v0.1.0 or later required

Basic Icon

Use the <hx-icon> element to render a styleable inline SVG icon.

<hx-icon type="bell"></hx-icon>

Add Color to Icons

Add color to a <hx-icon> element using inline styles.

<hx-icon type="warning" style="color: #ffc749"></hx-icon>

Status Icons

Recommended colors for status icons.

<hx-icon type="information" style="color: #296CDC"></hx-icon>
<hx-icon type="ok" style="color: #008B38"></hx-icon>
<hx-icon type="warning" style="color: #ffc749"></hx-icon>
<hx-icon type="critical" style="color: #D6251F"></hx-icon>
<hx-icon type="pending" style="color: #9E9E9E"></hx-icon>
<hx-icon type="unavailable" style="color: #9E9E9E"></hx-icon>

File Icon

Added: v0.9.0

Create a styled "file" with optional icon and extension.

Available Icons

Download All Icons (SVG)

Search Icons

{{filteredIcons.length}} icons match "{{filter}}"

No icons match your search criteria. Try another.