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.

pub

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

Available Icons

Download All Icons (SVG)

Search Icons

account

Added: v2.0.0

customer, asset, platform

angle-bottom

Added: v0.2.1

angle-down

Added: v0.1.0

angle-end

Added: v0.2.1

angle-left

Added: v0.1.0

angle-right

Added: v0.1.0

angle-start

Added: v0.2.1

angle-top

Added: v0.2.1

angle-up

Added: v0.1.0

bell

Added: v2.0.0

alert, notification, platform

billing

Added: v2.0.0

invoice, money, platform

calendar

Added: v0.1.0

date

chart

Added: v0.20.0

checkmark

Added: v0.1.0

checkmark-circle

Added: v0.1.10

clock

Added: v0.15.0

time

cog

Added: v0.1.0

change, configure, gear, manage

copy

Added: v0.1.10

duplicate

critical

Added: v2.0.0

urgent, status

download

Added: v0.1.4

envelope

Added: v0.1.0

email, mail

exclamation-circle

Added: v0.1.0

exclamation-diamond

Added: v0.2.1

exclamation-triangle

Added: v0.1.0

export

Deprecated (use "upload")

external-link

Added: v0.1.10

file

Added: v0.7.0

blank, paper

filter

Added: v0.1.4

funnel

fish-hook

Added: v1.0.0

phishing, security, email

flag

Added: v0.7.0

globe

Added: v0.7.0

grid

Added: v0.22.0

help-circle

Added: v0.1.10

question

heartbeat-fill

Added: v0.20.0

monitoring

heartbeat-outline

Added: v0.20.0

monitoring

info-circle

Deprecated (use "information")

information

Added: v2.0.0

information, status

input-file

Added: v0.1.0

input-time

Deprecated (use "clock")

input-url

Deprecated (use "globe")

kbd-arrow-down

Added: v0.1.0

kbd-arrow-left

Added: v0.1.0

kbd-arrow-right

Added: v0.1.0

kbd-arrow-up

Added: v0.1.0

kbd-capslock

Added: v0.1.0

kbd-command

Added: v0.1.0

cmd

kbd-delete

Added: v0.1.0

backspace

kbd-eject

Added: v0.1.0

kbd-option

Added: v0.1.0

kbd-return

Added: v0.1.0

enter

kbd-shift

Added: v0.1.0

kbd-space

Added: v0.1.0

kbd-tab

Added: v0.1.0

key

Added: v0.7.0

ca-bundle, cer, crl, crt, csr, der, key, p12, p7b, p7s, pem, pfx, pub, spc, ssh, sst, stl

list

Added: v0.22.0

list, toggle

lock

Added: v0.1.0

locked, padlock

mime-archive

Added: v0.7.0

7z, apk, deb, gzip, pkg, rar, rpm, tar, zip

mime-audio

Added: v0.7.0

aif, mid, mp3, ogg, wav, wma

mime-code

Added: v0.7.0

bat, css, html, js, pl, py, rb, sh, wsf

mime-data

Added: v0.7.0

csv, dat, db, dbf, json, log, ods, sav, sql, xls, xlsx, xml

mime-image

Added: v0.7.0

ai, bmp, gif, ico, jpeg, jpg, png, ps, psd, svg, tif, tiff

mime-system

Added: v0.7.0

bak, bin, cab, com, dll, dmg, drv, exe, gears, ini, iso, jar, msi, sys, tmp

mime-text

Added: v0.7.0

doc, docx, pdf, rtf, tex, txt

mime-video

Added: v0.7.0

3gp, avi, m4v, mov, mp4, mpeg, mpg, wmv

minus

Added: v0.2.0

math, negative, remove, subtract

minus-circle

Added: v0.1.10

remove

monitoring

Deprecated (use "heartbeat-fill, heartbeat-outline, or chart")

graph

ok

Added: v2.0.0

ok, success, status

paperclip

Added: v0.7.0

attachment

payment

Added: v0.2.0

invoice, money

pencil

Added: v0.1.10

edit

pending

Added: v2.0.0

status

phone

Added: v0.1.0

call

plus

Added: v0.2.0

add, math

plus-or-minus

Added: v0.1.0

math, variance

redo

Added: v0.12.0

retry

search

Added: v0.1.0

magnifying glass

server

Added: v0.1.10

shield-lock

Added: v0.20.0

security

server-config

Added: v0.7.0

change, manage

server-incident

Added: v0.7.0

sort

Added: v0.1.4

sort-down

Added: v0.1.4

sort-up

Added: v0.1.4

support

Added: v2.0.0

assistance, customer service, help, platform

tag

Added: v0.1.10

technical-change

Deprecated (use "server-config")

technical-incident

Deprecated (use "server-incident")

ticketing

Added: v2.0.0

support, customer, device, platform

times

Added: v0.1.0

close, math, multiply, remove

times-circle

Added: v0.1.0

close, remove

trash

Added: v0.1.10

delete, remove

unavailable

Added: v2.0.0

offline, inaccessible, status

undo

Added: v0.12.0

upload

New!

export

user

Added: v2.0.0

customer, person, platform

warning

Added: v2.0.0

error, status