Canvas icons

A Claude Design canvas places any of these icons by name. Write the name as it appears below.

<x-import component-from-global-scope="Nxds.Icon" name="plus"></x-import>
<x-import component-from-global-scope="Nxds.Button" start-icon="plus">Create project</x-import>

Nxds.Icon places an icon on its own. Button, Badge and the other parts with an icon prop take the name in that prop. In an app, import the same icon from @phosphor-icons/react. A -fill name draws the filled icon.

422 icons

address-book
airplane
alarm
amazon-logo
app-window
apple-logo
archive
arrow-bend-up-left
arrow-bend-up-right
arrow-clockwise
arrow-counter-clockwise
arrow-down
arrow-down-right
arrow-left
arrow-line-down
arrow-line-left
arrow-line-up
arrow-right
arrow-square-out
arrow-u-up-left
arrow-u-up-right
arrow-up
arrow-up-right
arrows-clockwise
arrows-down-up
arrows-in
arrows-left-right
arrows-out
arrows-vertical
article
at
barcode
basket
bell
bell-ringing
bell-simple-ringing
bell-slash
bluetooth
book
bookmark
bookmark-simple
books
brackets-curly
brackets-square
briefcase
broadcast
browser
bug
building
buildings
calendar
calendar-blank
calendar-check
calendar-dot
calendar-dots
calendar-plus
calendar-x
camera
camera-slash
car
cards
caret-double-down
caret-double-left
caret-double-right
caret-double-up
caret-down
caret-left
caret-right
caret-up
caret-up-down
certificate
chart-bar
chart-donut
chart-line
chart-line-up
chart-pie
chart-polar
chart-scatter
chat
chat-centered
chat-circle
chat-dots
chat-text
chats
check
check-circle
check-circle-fill
check-square
checkerboard
checks
circle
circle-dashed
circle-fill
circle-half
circle-notch
clipboard
clipboard-text
clock
clock-countdown
clock-counter-clockwise
cloud
cloud-arrow-down
cloud-arrow-up
cloud-check
cloud-rain
cloud-slash
code
code-block
coin
coins
columns
command
compass
contactless-payment
copy
copy-simple
corners-in
corners-out
cpu
credit-card
crop
crosshair
crown
cube
currency-dollar
currency-eur
currency-gbp
cursor
database
desktop
device-mobile
device-tablet
devices
discord-logo
dot
dot-outline-fill
dots-six-vertical
dots-three
dots-three-vertical
download
download-simple
envelope
envelope-open
envelope-simple
eraser
export
eye
eye-slash
eyedropper
facebook-logo
fast-forward
figma-logo
file
file-arrow-down
file-arrow-up
file-code
file-csv
file-doc
file-magnifying-glass
file-minus
file-pdf
file-plus
file-png
file-text
file-txt
file-x
file-xls
file-zip
files
film-strip
fingerprint
flag
flag-banner
flame
flask
floppy-disk
folder
folder-minus
folder-open
folder-plus
folder-user
folders
frame-corners
funnel
funnel-simple
funnel-x
gauge
gear
gear-fine
gear-six
gift
git-branch
git-commit
git-diff
git-fork
git-merge
git-pull-request
github-logo
gitlab-logo
globe
google-logo
graduation-cap
grid-four
hand-palm
hand-pointing
hand-tap
hard-drive
hard-drives
hash
headphones
headset
heart
highlighter
hourglass
house
identification-card
image
image-square
images
info
instagram-logo
invoice
kanban
key
laptop
layout
lightning
link
link-break
linkedin-logo
list
list-bullets
list-checks
list-dashes
list-numbers
lock
lock-open
magic-wand
magnifying-glass
magnifying-glass-minus
magnifying-glass-plus
map-pin
map-pin-line
map-trifold
medal
megaphone
microphone
microphone-slash
minus
minus-circle
minus-square
money
money-wavy
moon
music-note
navigation-arrow
newspaper
note
notebook
notion-logo
open-ai-logo
package
paint-brush
palette
paper-plane-right
paper-plane-tilt
paperclip
path
pause
pause-fill
paypal-logo
pencil
pencil-circle
pencil-simple
pencil-simple-line
percent
phone
phone-call
phone-slash
piggy-bank
play
play-fill
plug
plugs-connected
plus
plus-circle
plus-minus
plus-square
power
presentation
presentation-chart
printer
prohibit
pulse
push-pin
puzzle-piece
qr-code
question
question-mark
quotes
receipt
record
repeat
resize
rewind
robot
rocket
rows
rss
ruler
scales
scan
scissors
scroll
seal
share
share-fat
shield
shield-check
shield-warning
shopping-bag
shopping-cart
shopping-cart-simple
shuffle
sidebar
sidebar-simple
sigma
sign-in
sign-out
signature
siren
skip-back
skip-forward
slack-logo
sliders
sliders-horizontal
smiley
smiley-meh
smiley-sad
sort-ascending
sort-descending
sparkle
speaker-high
speaker-low
speaker-slash
spinner
squares-four
stack
stack-simple
star
star-half
stop
storefront
stripe-logo
sun
sun-dim
swatches
table
tag
tag-simple
target
terminal
terminal-window
text-aa
text-align-center
text-align-justify
text-align-left
text-align-right
text-b
text-h
text-h-one
text-h-two
text-indent
text-italic
text-outdent
text-strikethrough
text-t
text-t-slash
text-underline
thumbs-down
thumbs-up
ticket
toolbox
trash
trash-simple
tray
tree-structure
trend-down
trend-up
triangle
trophy
truck
upload
upload-simple
user
user-check
user-circle
user-focus
user-gear
user-minus
user-plus
users
users-three
video
video-camera-slash
wallet
warehouse
warning
warning-circle
warning-diamond
warning-octagon
webhooks-logo
whatsapp-logo
wifi-high
wifi-slash
windows-logo
wrench
x
x-circle
x-logo
x-square
youtube-logo