Icon v0.1.0+

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. 

<hx-file-icon
  extension="pub"
  type="key">
</hx-file-icon>

Available Icons

Download All Icons (SVG)

No icons match your search criteria. Try another.

Loading...

See Also