Icons

Hand-coded SVG icons with consistent stroke styling, multiple sizes, colors, and usage patterns.

Feather Icons

36 commonly used feather-style icons drawn with stroke, strokeWidth 2, fill none.

home

user

settings

bell

mail

heart

star

trash

edit

plus

minus

check

arrow-left

arrow-right

arrow-up

arrow-down

eye

eye-off

lock

unlock

download

upload

copy

clipboard

folder

file

image

camera

mic

phone

map-pin

clock

calendar

Icon Sizes

The same icon (heart) rendered at 5 different sizes.

16px

20px

24px

32px

48px

Icon Colors

The same icon (star) displayed in different semantic colors.

Default

Accent

Success

Warning

Danger

Info

Muted

Icon Buttons

Circle icon buttons with hover effects.

Icons with Labels

Button-style items combining an icon with descriptive text.

Icon Badges

Notification-style icons with count badges.

Bell

Mail

Cart

Chat

Social Icons

Social media icons displayed in branded colored circles.

Facebook

Twitter

Instagram

GitHub

YouTube

Weather Icons

Simple SVG weather icon representations.

Sun

Cloud

Rain

Snow

Wind

Thunder

Fog

Partly Cloudy