Display icons

Updated: May 14, 2026

Overview

Use the Icon component to render a system icon from the built-in catalog. Reference an icon by its enum value on the platform you are targeting — the SDK serializes the icon name to the device, which renders it using the on-device icon set.

Reference

IconiOSAndroid
airplane
.airplane
IconName.AIRPLANE
arrow-down-shallow-u
.arrowDownShallowU
IconName.ARROW_DOWN_SHALLOW_U
arrow-left
.arrowLeft
IconName.ARROW_LEFT
arrow-right
.arrowRight
IconName.ARROW_RIGHT
arrow-u-left
.arrowULeft
IconName.ARROW_U_LEFT
arrow-up-shallow-u
.arrowUpShallowU
IconName.ARROW_UP_SHALLOW_U
avatar
.avatar
IconName.AVATAR
avatar-off
.avatarOff
IconName.AVATAR_OFF
bed-side
.bedSide
IconName.BED_SIDE
bell
.bell
IconName.BELL
bell-diagonal-right-dot
.bellDiagonalRightDot
IconName.BELL_DIAGONAL_RIGHT_DOT
bell-off
.bellOff
IconName.BELL_OFF
bike-share
.bikeShare
IconName.BIKE_SHARE
bug
.bug
IconName.BUG
bullhorn
.bullhorn
IconName.BULLHORN
bus
.bus
IconName.BUS
calendar
.calendar
IconName.CALENDAR
campfire
.campfire
IconName.CAMPFIRE
car-front-view
.carFrontView
IconName.CAR_FRONT_VIEW
caret-down
.caretDown
IconName.CARET_DOWN
caret-left
.caretLeft
IconName.CARET_LEFT
caret-right
.caretRight
IconName.CARET_RIGHT
caret-up
.caretUp
IconName.CARET_UP
cart
.cart
IconName.CART
checkmark
.checkmark
IconName.CHECKMARK
checkmark-circle
.checkmarkCircle
IconName.CHECKMARK_CIRCLE
circle-8-rays-large
.circle8RaysLarge
IconName.CIRCLE_8_RAYS_LARGE
circle-handle
.circleHandle
IconName.CIRCLE_HANDLE
clock
.clock
IconName.CLOCK
cloud
.cloud
IconName.CLOUD
cloud-crescent-moon
.cloudCrescentMoon
IconName.CLOUD_CRESCENT_MOON
cloud-dot-four-rays
.cloudDotFourRays
IconName.CLOUD_DOT_FOUR_RAYS
cloud-five-dashes
.cloudFiveDashes
IconName.CLOUD_FIVE_DASHES
cloud-hook-swirl
.cloudHookSwirl
IconName.CLOUD_HOOK_SWIRL
cloud-lightning
.cloudLightning
IconName.CLOUD_LIGHTNING
cocktail-glass
.cocktailGlass
IconName.COCKTAIL_GLASS
code
.code
IconName.CODE
coffee-cup
.coffeeCup
IconName.COFFEE_CUP
compass-north-up-red
.compassNorthUpRed
IconName.COMPASS_NORTH_UP_RED
container-with-lid
.containerWithLid
IconName.CONTAINER_WITH_LID
cross-briefcase
.crossBriefcase
IconName.CROSS_BRIEFCASE
dropper
.dropper
IconName.DROPPER
envelope-open
.envelopeOpen
IconName.ENVELOPE_OPEN
exclamation-circle
.exclamationCircle
IconName.EXCLAMATION_CIRCLE
exclamation-triangle
.exclamationTriangle
IconName.EXCLAMATION_TRIANGLE
eye
.eye
IconName.EYE
fork-knife
.forkKnife
IconName.FORK_KNIFE
four-arcs-up-filled
.fourArcsUpFilled
IconName.FOUR_ARCS_UP_FILLED
four-arcs-up-grayscale
.fourArcsUpGrayscale
IconName.FOUR_ARCS_UP_GRAYSCALE
four-corner-frame
.fourCornerFrame
IconName.FOUR_CORNER_FRAME
gear
.gear
IconName.GEAR
globe-western-hemisphere
.globeWesternHemisphere
IconName.GLOBE_WESTERN_HEMISPHERE
graduation-cap
.graduationCap
IconName.GRADUATION_CAP
hashtag
.hashtag
IconName.HASHTAG
headphones
.headphones
IconName.HEADPHONES
heart
.heart
IconName.HEART
house
.house
IconName.HOUSE
i-circle
.iCircle
IconName.I_CIRCLE
light-bulb
.lightBulb
IconName.LIGHT_BULB
magic-wand
.magicWand
IconName.MAGIC_WAND
meta-ai
.metaAi
IconName.META_AI
mountain-square
.mountainSquare
IconName.MOUNTAIN_SQUARE
mountain-square-stacked
.mountainSquareStacked
IconName.MOUNTAIN_SQUARE_STACKED
museum-building
.museumBuilding
IconName.MUSEUM_BUILDING
music-note
.musicNote
IconName.MUSIC_NOTE
nine-squares-grid
.nineSquaresGrid
IconName.NINE_SQUARES_GRID
padlock-closed
.padlockClosed
IconName.PADLOCK_CLOSED
padlock-open
.padlockOpen
IconName.PADLOCK_OPEN
palette
.palette
IconName.PALETTE
paper-airplane
.paperAirplane
IconName.PAPER_AIRPLANE
pencil
.pencil
IconName.PENCIL
pencil-square
.pencilSquare
IconName.PENCIL_SQUARE
person
.person
IconName.PERSON
person-circle
.personCircle
IconName.PERSON_CIRCLE
phone
.phone
IconName.PHONE
phone-handset-arrow-down-left
.phoneHandsetArrowDownLeft
IconName.PHONE_HANDSET_ARROW_DOWN_LEFT
phone-handset-arrow-up-right
.phoneHandsetArrowUpRight
IconName.PHONE_HANDSET_ARROW_UP_RIGHT
phone-slash
.phoneSlash
IconName.PHONE_SLASH
pizza-slice
.pizzaSlice
IconName.PIZZA_SLICE
plus
.plus
IconName.PLUS
plus-circle
.plusCircle
IconName.PLUS_CIRCLE
shopping-bag
.shoppingBag
IconName.SHOPPING_BAG
sliders-horizontal
.slidersHorizontal
IconName.SLIDERS_HORIZONTAL
smart-glasses
.smartGlasses
IconName.SMART_GLASSES
smiley-circle
.smileyCircle
IconName.SMILEY_CIRCLE
speaker-off
.speakerOff
IconName.SPEAKER_OFF
speaker-with-one-arc
.speakerWithOneArc
IconName.SPEAKER_WITH_ONE_ARC
speaker-with-three-arcs
.speakerWithThreeArcs
IconName.SPEAKER_WITH_THREE_ARCS
speaker-with-two-arcs
.speakerWithTwoArcs
IconName.SPEAKER_WITH_TWO_ARCS
speech-bubble
.speechBubble
IconName.SPEECH_BUBBLE
speech-bubble-off
.speechBubbleOff
IconName.SPEECH_BUBBLE_OFF
stadium
.stadium
IconName.STADIUM
star
.star
IconName.STAR
star-circle-triangle-ai
.starCircleTriangleAi
IconName.STAR_CIRCLE_TRIANGLE_AI
taxi
.taxi
IconName.TAXI
three-dot-speech-bubble
.threeDotSpeechBubble
IconName.THREE_DOT_SPEECH_BUBBLE
three-dots-horizontal
.threeDotsHorizontal
IconName.THREE_DOTS_HORIZONTAL
three-horizontal-lines
.threeHorizontalLines
IconName.THREE_HORIZONTAL_LINES
three-horizontal-lines-stacked-descending
.threeHorizontalLinesStackedDescending
IconName.THREE_HORIZONTAL_LINES_STACKED_DESCENDING
three-people-overlapping
.threePeopleOverlapping
IconName.THREE_PEOPLE_OVERLAPPING
train
.train
IconName.TRAIN
tree
.tree
IconName.TREE
triangle-left-vertical-line
.triangleLeftVerticalLine
IconName.TRIANGLE_LEFT_VERTICAL_LINE
triangle-right
.triangleRight
IconName.TRIANGLE_RIGHT
triangle-right-circle
.triangleRightCircle
IconName.TRIANGLE_RIGHT_CIRCLE
triangle-right-vertical-line
.triangleRightVerticalLine
IconName.TRIANGLE_RIGHT_VERTICAL_LINE
two-arrows-clockwise
.twoArrowsClockwise
IconName.TWO_ARROWS_CLOCKWISE
two-lines-parallel
.twoLinesParallel
IconName.TWO_LINES_PARALLEL
two-squares-stacked-right-down
.twoSquaresStackedRightDown
IconName.TWO_SQUARES_STACKED_RIGHT_DOWN
two-triangles-left
.twoTrianglesLeft
IconName.TWO_TRIANGLES_LEFT
two-triangles-right
.twoTrianglesRight
IconName.TWO_TRIANGLES_RIGHT
video-camera
.videoCamera
IconName.VIDEO_CAMERA
video-camera-off
.videoCameraOff
IconName.VIDEO_CAMERA_OFF
wristband
.wristband
IconName.WRISTBAND
wristband-slash
.wristbandSlash
IconName.WRISTBAND_SLASH
x
.x
IconName.X