Skip to content
Xshna.cssv3.0.0
PlaygroundUtilities
ICONOGRAPHY / SELF-HOSTED

Icon library.

49 handcrafted, stroke-based symbols. No icon font, external request, package registry, or build system. SVG scales without raster blur.

Usage

<svg class="xsh-icon" aria-hidden="true"><use href="/assets/xshna-icons.svg#xsh-icon-search"></use></svg>

For the most reliable rendering, load /assets/xshna-icons.js and use <span data-xsh-icon="search"></span>. The examples above use inline SVGs, which work even when opened locally. The sprite example is optional over same-origin HTTP(S). Give non-decorative icons an accessible label.

home
grid
chart
search
settings
user
users
bell
calendar
check
check-circle
alert
info
close
chevron-down
chevron-right
arrow-right
arrow-left
plus
minus
edit
delete
copy
download
upload
filter
link
mail
lock
unlock
eye
eye-off
globe
shield
code
menu
more
file
folder
heart
star
clock
refresh
cloud
lightning
monitor
mobile
credit-card
activity