Icons are used to visually communicate core actions and concepts in the product. They are used to enhance the user experience and provide visual cues to help users understand the product.

For details on using the Icon component, please refer to the Icon docs.

Available icons:

Display

a-b-test

a-b-test-filled

account-box

activity

add

align-bottom

align-center

align-left

align-middle

align-right

align-top

analysis

analysis-filled

android

anonymous

anonymous-filled

api-credentials

api-triggered-broadcast

apple

archive

arrow-down

arrow-left

arrow-right

arrow-up

audit

billing-history

blocks

bold

box

branch-three

branch-two

brand/line

brand/slack

brand/twilio

brand/whatsapp

broadcast

broadcast-filled

browser

button

calendar

campaigns

campaigns-filled

capture-screenshot

chart

chat

chat-question

check

check-circle

chevron-down

chevron-down-double

chevron-left

chevron-left-double

chevron-left-more

chevron-right

chevron-right-double

chevron-right-more

chevron-toggle

chevron-up

chevron-up-double

cio-data-pipelines

cio-journeys

cio-logo

collapse

color-drop

column-rows

columns

command

company

company-filled

connect-file

connections

contact

continue

copy-to-clipboard

create-file

cursor

dark-mode

dashboard

dashboard-filled

dashboard-grid

data-index

data-index-filled

data-privacy

database

database-filled

decreasing

delete-trash

delivery-log

delivery-log-filled

design-studio

design-studio-new

design-studio-new-filled

desktop

does-not-send

download

draft

drag-handle

duplicate

duplicate-file

edit

editor-code

editor-rich-text

email-address

error

exit

expand

export

export-filled

feature-launch

file-csv

file-md

file-pdf

filter

folder

folder-filled

folder-new

form

format-code

forward-slash

function

goal

goal-filled

grid

hashtag

heading

heart

help

home

home-filled

icon

image

image-filled

import

import-filled

in-app

increasing

indent-left

indent-right

info

inspect

integrations

integrations-filled

invoice

italic

layers

layout

layout-filled

light-mode

link

liquid

list-bullet

list-numbered

localization

lock-secure

lock-unsecure

logout

manage

manage-team

merge

message-limit

message-settings

microphone

mobile

modal-bottom

modal-middle

modal-top

more-vertical

mouse

move

navigation

navigation-menu

newsletter

no-change

notifications

notifications-off

object

object-filled

overlay-bottom-left

overlay-bottom-middle

overlay-bottom-right

overlay-top-left

overlay-top-middle

overlay-top-right

padding

padding-bottom

padding-horizontal

padding-left

padding-right

padding-top

padding-vertical

paperclip

paragraph

pause

payment

person

person-filled

personalization

plaintext

play

properties

radius

radius-bottom-left

radius-bottom-right

radius-top-left

radius-top-right

random-cohort

redo

rematch

reset

responsive

rotate-screen

section

segment

segment-data-driven

segment-filled

segment-manual

send-auto

send-auto-filled

setup-guide

slack

sms

social

sort-ascending

sort-descending

spacer-height

spacer-width

sparkle

sparkle-filled

star

star-filled

stop

stop-circle

stop-filled

strikethrough

styles

subscript

subtract

superscript

swap

table

table-alt

table-columns

targeting

text-align-center

text-align-left

text-align-right

text-format

thumbs-down

thumbs-up

time-delay

time-window

tip

transactional-api

transactional-api-filled

trigger

trigger-date

trigger-event

trigger-event-filled

unarchive

underline

undo

unlink

unpin

unsubscribe

upload

user-id

variation

version-history

view-off

view-on

wait

warning

webhook

webhook-activity

winner

workspace-settings

workspaces

workspaces-filled

zoom-in

zoom-out