Icon System

Our icon system is built using Lucide icons, providing a consistent and scalable set of icons across the application. All icons are available through the Icon component from @calcom/ui.

Usage

import { Icon } from "@calcom/ui";
 
// Basic usage
<Icon name="calendar" className="h-4 w-4" />
 
// With different size
<Icon name="user" className="h-6 w-6" />
 
// With different color
<Icon name="star" className="h-4 w-4 text-yellow-500" />

Available Icons

Search and browse all available icons. Hover over an icon to copy its component code or name.

activity

arrow-down

arrow-left

arrow-right

arrow-up-right

arrow-up

asterisk

at-sign

atom

badge-check

ban

bell

binary

blocks

bold

book-open-check

book-open

book-user

building

calendar-check-2

calendar-days

calendar-heart

calendar-range

calendar-search

calendar-x-2

calendar

chart-bar

chart-line

check-check

check

chevron-down

chevron-left

chevron-right

chevron-up

chevrons-down-up

chevrons-left

chevrons-right

chevrons-up-down

circle-alert

circle-arrow-up

circle-check-big

circle-check

circle-help

circle-x

circle

clipboard-check

clipboard

clock

code

columns-3

command

contact

copy

corner-down-left

corner-down-right

credit-card

disc

dot

download

ellipsis-vertical

ellipsis

external-link

eye-off

eye

file-down

file-text

file

filter

fingerprint

flag

folder

gift

git-merge

github

globe

grid-3x3

handshake

info

italic

key

layers

layout-dashboard

link-2

link

loader

lock-open

lock

log-out

mail-open

mail

map-pin

map

message-circle

messages-square

moon

paintbrush

paperclip

pencil

phone-call

phone

plus

refresh-ccw

refresh-cw

repeat

rocket

rotate-ccw

rotate-cw

send

settings

share-2

shield-check

shield

shuffle

sliders-horizontal

sliders-vertical

smartphone

sparkles

square-check

star

sun

sunrise

sunset

Icons

Icon System

Usage

Available Icons

On this page