Inline SVG Pattern
Icons are image-based SVG assets so there is no icon-font dependency and no FOUT. Use the icon directly where needed:
<img src="assets/icons/mail.svg" alt="" aria-hidden="true">
This page replaces old font-based icon packs with clean SVG assets. Icons are grouped by use-case and can be reused directly from assets/icons.
home
search
settings
layout
grid
monitor
smartphone
edit-3
tool
lock
shopping-bag
credit-card
package
tag
truck
dollar-sign
mail
phone
message-circle
send
users
bell
arrow-right
arrow-left
chevron-up
chevron-down
check-circle
alert-circle
x-circle
info
clock
activity
instagram
facebook
github
globe
map-pin
navigation
target
zap
zap-thin
sun
Icons are image-based SVG assets so there is no icon-font dependency and no FOUT. Use the icon directly where needed:
<img src="assets/icons/mail.svg" alt="" aria-hidden="true">
Keep icon size consistent at 16-20px for controls and 24-32px for feature blocks. All icons inherit the current visual language in CSS.
Back to catalog