Cypress Design System

Icons

All icons available to Cypress developers. Most icons accept strokeColor and fillColor props.

Legend for customizable color channels:

  • sstrokeColor available
  • ffillColor available
  • f+secondaryFillColor available
  • s+secondaryStrokeColor available

For full usage details see the Icon component page.

action

add-circle-large 16

add-circle-small 16

add-large 16

add-medium 16

add-small 16

add-xsmall 16

add 8

delete-circle 16

delete-circle 24

delete-large 16

delete-large 24

delete-medium 16

delete-outline 16

delete-small 16

delete-xlarge 16

delete-xsmall 16

delete 12

disable-circle-solid 16

export-small 16

export 16

info-outline 16

info-solid 12

info-solid 16

next 16

pause 12

pause 16

pause 24

play-large 16

play-small 16

play-video 16

play-video 24

power 16

question-mark-circle 16

question-mark-default 16

question-mark-outline 16

record-disabled 16

record-disabled 24

record 16

redo 16

refresh 16

regenerate-config 16

restart 16

stop-circle 16

stop 16

tap 16

tap 24

test-replay 12

test-replay 16

test-replay 24

thumbs-down 16

thumbs-up 16

undo 16

upgrade-square 16

arrow

bottom-right 16

collapse 16

down-left 12

down-left 16

down 16

expand 16

left 16

opposing-up-down 16

opposing-up-down 24

outline-down 16

right-large 16

right 16

square-down 16

square-triangle-down 12

square-triangle-up 12

top-right 16

up 16

browser

chrome-beta 16

chrome-canary 16

chrome-for-testing 16

chrome 16

chromium 16

edge-beta 16

edge-canary 16

edge-dev 16

edge 16

electron-dark 16

electron-light 16

firefox-beta 16

firefox-dev 16

firefox-nightly 16

mozilla-firefox 16

safari 16

webkit 16

building

house 24

office-large 16

office-large 24

office-small 24

checkmark

outline 16

small 16

solid 16

solid 24

16

chevron

down-double 16

down-large 16

down-medium 16

down-small 8

down-small 16

left-double 16

left-large 8

left-large 16

left-large 24

left-medium 16

left-medium 24

left-small 8

left-small 16

left-small 24

right-double 16

right-large 8

right-large 16

right-large 24

right-medium 16

right-medium 24

right-small 8

right-small 16

right-small 24

up-double 16

up-large 16

up-small 8

up-small 16

credit

card 16

card 24

currency

eur 16

gbp 16

inr 16

rub 16

usd 16

usd 24

cypress

accessibility-outline 16

accessibility 12

accessibility 16

studio 16

studio 24

studio 48

ui-coverage 16

device

laptop 24

smartphone 16

smartphone 24

tv 16

tv 24

document

added-square-plus 12

added-square-plus 16

added-square-plus 24

added 16

blank 16

blank 24

blank 48

code 24

code 48

deleted 16

download 16

download 24

minus 16

minus 24

modified-square-dot 16

modified-square-dot 24

modified 16

plus-minus 16

plus-minus 24

plus 16

plus 24

script 24

sheet 24

star 16

star 24

text-failed 24

text 16

dot

outline-large 8

outline-small 8

file

changes-added 24

changes-error 24

changes-skipped 24

changes-warning 24

general

1X 16

chat-bubble 16

chat-bubble 24

clipboard 16

command-key 16

crosshairs 16

diff-dashed 16

diff-solid 16

earth 16

eye-closed 16

eye-open 16

globe-tested 16

globe-untested 16

globe 12

globe 16

globe 48

grid-2x2-medium 16

grid-2x2-small 16

grid-2x2 16

grid-2x2 24

handle-vertical 16

life-ring 16

placeholder 12

placeholder 16

placeholder 24

placeholder 48

rocket 16

rocket 24

sparkle-double-large 16

sparkle-double-small 16

sparkle-single-large-disabled 16

sparkle-single-large-disabled 24

sparkle-single-large 16

sparkle-single-large 24

sparkle-single-small 16

sparkle-single 12

sparkle-triple 16

sparkle-triple 24

venn-diagram 16

venn-diagram 24

loading

16

dots-horizontal-small 16

dots-horizontal 16

dots-horizontal 24

dots-vertical 16

expand-left 16

expand-right 16

hamburger 24

number

1 24

2 24

3 24

4 24

5 24

octothorpe 24

object

airplane-angled-large 16

airplane-angled-small 16

book-code 48

book 16

book 24

book 48

bookmark 16

bookmark 24

box-open 48

box 16

box 24

briefcase 16

bug-large 16

bug-small 16

bug-small 24

bug 24

chain-link-added 16

chain-link-tested 16

chain-link-untested 16

chain-link-untested 48

chain-link 12

chain-link 16

coin-pending 48

coin-small 16

coin-success 48

element-added 16

element 12

element 16

element 24

errored-element 12

errored-element 16

folder-dark-small 16

folder-dark 16

folder-light 16

folder-light 24

gear 16

gear 24

graduation-cap 16

ignored-element 12

ignored-element 16

interactivity-outline 16

interactivity-outline 24

interactivity 12

interactivity 16

interactivity 24

letter 16

magic-wand-dark-mode 16

magnifying-glass 16

odometer 24

paper-airplane 16

pencil-small 16

pencil 16

pencil 24

pin-modern 12

pin-modern 16

ruler 16

sliders-round 16

stack-failed 16

stack-passed 16

stack-queued 16

stack-running 16

stack-skipped 16

stack 12

stack 16

tag 16

tassel 16

tested-element 12

tested-element 16

tested-element 48

untested-element 12

untested-element 16

untested-element 48

os

apple 16

generic 16

linux 16

windows 16

puzzle

piece 16

piece 24

security

flag-pin 16

flag-pin 24

key 16

key 24

lock-locked 16

shield-check 12

shield-check 16

shield-check 24

shield-cross 16

shield-cross 24

shield-failed 12

shield-failed 16

shape

flag 16

heart 16

heart 24

lightning-bolt 16

lightning-bolt 24

moon-crescent 16

star 16

star 24

sun-long 16

social

discord-solid 16

email 16

facebook-solid 16

github-outline 24

github-solid 16

linkedin-solid 16

twitter-solid 16

twitter-x-solid 16

youtube-solid 16

square

minus 12

minus 16

minus 24

status

cancelled-outline 16

cancelled-outline 24

cancelled-simple 4

cancelled-simple 8

cancelled-solid 12

cancelled-solid 16

cancelled-solid 24

errored-outline 16

errored-outline 24

errored-simple 4

errored-simple 8

errored-solid 12

errored-solid 16

errored-solid 24

failed-outline 16

failed-outline 24

failed-simple 4

failed-simple 8

failed-simple 12

failed-simple 16

failed-simple 24

failed-solid 16

failed-solid 24

failing-outline 16

failing-outline 24

flaky 10

flaky 12

flaky 16

flaky 24

passed-outline 16

passed-outline 24

passed-simple 4

passed-simple 8

passed-simple 12

passed-simple 16

passed-simple 24

passed-solid 16

passed-solid 24

pending-outline 12

pending-outline 16

pending-outline 24

pending-simple 4

pending-simple 8

placeholder-simple 4

placeholder-simple 8

placeholder-solid 12

placeholder-solid 16

placeholder-solid 24

queued-outline 12

queued-outline 16

queued-outline 24

queued-simple 4

queued-simple 8

running-outline 12

running-outline 16

running-outline 24

running-simple 4

running-simple 8

skipped-outline 12

skipped-outline 16

skipped-outline 24

skipped-simple 4

skipped-simple 8

technology

accessibility-disabled 48

accessibility 24

accessibility 48

angle-brackets 16

branch-h-tall 16

branch-h 16

browser-added 16

browser-checkmark 48

browser-dark 16

browser-ignored 16

browser-light 12

browser-light 16

browser-light 24

browser-not-tested 12

browser-not-tested 16

browser-tested 12

browser-tested 16

browser-testing-2 48

browsers-light 16

code-editor-diff 48

code-editor 16

code-editor 24

command-line-error 48

command-line 16

cypress-fill 16

cypress 16

dashboard-checkmark 48

dashboard-fail 16

dashboard-fail 24

dashboard-fail 48

dashboard-running 48

drag-project 48

element-selector 16

email 48

git-branches 24

git-commit 16

image-screenshot 16

image-screenshot 24

infinity-loop 16

infinity-loop 20

infinity-loop 24

link-not-tested 16

locked-project 24

locked-project 48

logo-attlasian-jira-blue 16

logo-attlasian-jira 16

ModelContextProtocol

logo-mcp 24

magnifying-glass-no-results 24

magnifying-glass-no-results 48

octothorpe 16

pull-request 16

rss-large 16

rss-small 16

server-alt 24

server 16

terminal-log 16

terminal 16

test-results 16

test-results 24

ui-coverage-disabled 48

ui-coverage 16

ui-coverage 24

ui-coverage 48

testing

type-component-solid 24

type-component-solid 64

type-component 16

type-component 24

type-component 64

type-e2e-solid 24

type-e2e-solid 64

type-e2e 16

type-e2e 24

type-e2e 64

time

calendar-day 16

clock-small 16

clock 16

clock 24

stopwatch 16

user

general-outline 16

general-outline 24

general-solid 16

view

list 16

pie-chart-alt 24

pie-chart 16

pie-chart 24

tree-alt 16

warning

circle 16

triangle 16

triangle 24

triangle 48

8

window

code-editor-small 16

code-editor 16

code-editor 24

sidebar-collapse-left 16

sidebar-collapse-left 24

Animated Icons

Click to see the animation start

<IconAnimatedGeneralChatBubble/>
<IconAnimatedObjectGear/>
<IconAnimatedTechnologyGitBranches/>
<IconAnimatedTechnologyServer/>
<IconAnimatedViewChart/>

Open icons in Figma