Local icon system

800 icons. One local SVG sprite.

FG UI ships a stable icon API with local SVG artwork. Icons inherit currentColor, work naturally inside FG UI controls and do not require an external icon service or runtime network request.

Built entirely with FG UI.

Every layout, component, interaction, icon and interface pattern on this website is powered by FG UI itself. No Bootstrap, Tailwind or external UI framework is used.

800stable icon IDs
1local SVG sprite
0icon CDN requests
currentColortheme-friendly output
A small sample

Everyday UI, product and website icons.

The full inventory contains 800 stable IDs. This page shows a representative cross-section from the local sprite included in FG UI 1.1.0.

Open all 800 names
homefgui-icon-home
menufgui-icon-menu
searchfgui-icon-search
filterfgui-icon-filter
checkfgui-icon-check
closefgui-icon-close
arrow-rightfgui-icon-arrow-right
external-linkfgui-icon-external-link
downloadfgui-icon-download
uploadfgui-icon-upload
copyfgui-icon-copy
savefgui-icon-save
editfgui-icon-edit
trashfgui-icon-trash
infofgui-icon-info
warning-trianglefgui-icon-warning-triangle
success-circlefgui-icon-success-circle
lockfgui-icon-lock
shieldfgui-icon-shield
eyefgui-icon-eye
starfgui-icon-star
heartfgui-icon-heart
filefgui-icon-file
folderfgui-icon-folder
imagefgui-icon-image
gridfgui-icon-grid
tablefgui-icon-table
userfgui-icon-user
usersfgui-icon-users
mailfgui-icon-mail
messagefgui-icon-message
calendarfgui-icon-calendar
clockfgui-icon-clock
bellfgui-icon-bell
settingsfgui-icon-settings
codefgui-icon-code
databasefgui-icon-database
networkfgui-icon-network
globefgui-icon-globe
packagefgui-icon-package
layersfgui-icon-layers
gaugefgui-icon-gauge
keyboardfgui-icon-keyboard
sparklesfgui-icon-sparkles
landing-rocketfgui-icon-landing-rocket
landing-mobilefgui-icon-landing-mobile
landing-desktopfgui-icon-landing-desktop
business-universal-accessfgui-icon-business-universal-access
Simple usage

Icons behave like part of the UI system.

Reference a local sprite ID from an SVG use element. FG UI applies the standard icon sizing and currentColor behaviour.

No icon JavaScript required No external icon font Accessible decorative handling Stable FG UI names
HTMLLocal sprite
<svg class="fgui-icon" aria-hidden="true">
  <use href="assets/icons/fgui-icons.svg?v=1.2.0#fgui-icon-check"></use>
</svg>
Artwork and licensing are documented in the package.

The normal UI set uses selected Phosphor Icons Thin artwork under MIT, alongside selected exact project-supplied brand artwork. The stable FG UI icon IDs remain the public interface.

Full icon reference

Need the complete list?

Browse the complete icon reference and usage guide as normal FG UI documentation pages.

Icon listUsage guide