Opt-Out
0 0 24 24Opt-Out · Contact sales · Get started · Get started for free · Explore Figma Motion
Source SVG ↓Figma / Public website reference / A language of shapes.
A language of shapes.
Visible geometry, retrievable assets, and honest source boundaries.
67 unique observed SVG shapes are retained from the captured routes. A separate atlas contains 287 publicly available Simple Design System glyphs. SDS is a first-party open-source teaching system; it is not evidence that Figma’s marketing website uses those components.
Observed website shapes
Names below retain their source context. Decorative shapes should be hidden from assistive technology; icon-only actions need a visible tooltip or accessible name. A repeated glyph may have multiple semantic uses; the raw occurrence ledger preserves those contexts.
Dismiss
0 0 24 24Dismiss · Decorative or unlabelled SVG
Source SVG ↓
Homepage
0 0 32 48Homepage · https://www.figma.com/
Source SVG ↓
Products
0 0 24 24Products · Solutions · Community · Resources · English
Source SVG ↓
Figma DesignDesign and prototype in one place
0 0 24 24Figma DesignDesign and prototype in one place · Figma Design · Decorative or unlabelled SVG
Source SVG ↓
Figma MakePrompt to code anything you can imagine
0 0 24 24Figma MakePrompt to code anything you can imagine · Figma Make · Decorative or unlabelled SVG
Source SVG ↓
Figma WeaveAI workflows for imagery, video, audio, and more
0 0 24 24Figma WeaveAI workflows for imagery, video, audio, and more · Figma Weave
Source SVG ↓
Figma WeaveAI workflows for imagery, video, audio, and more
0 0 24 24Figma WeaveAI workflows for imagery, video, audio, and more · Figma Weave
Source SVG ↓
Dev ModeTranslate designs into code
0 0 24 24Dev ModeTranslate designs into code · Dev Mode · Decorative or unlabelled SVG
Source SVG ↓
Figma MotionNewAnimate your designs
0 0 24 24Figma MotionNewAnimate your designs · Figma MotionNew · Figma Motion · Decorative or unlabelled SVG
Source SVG ↓
FigJamCollaborate with a digital whiteboard
0 0 24 24FigJamCollaborate with a digital whiteboard · FigJam · Decorative or unlabelled SVG
Source SVG ↓
Figma SlidesCo-create presentations
0 0 24 24Figma SlidesCo-create presentations · Figma Slides · Decorative or unlabelled SVG
Source SVG ↓
Figma DrawIllustrate with advanced vector tools
0 0 24 24Figma DrawIllustrate with advanced vector tools · Figma Draw · Decorative or unlabelled SVG
Source SVG ↓
Figma SitesBetaPublish fully responsive websites
0 0 24 24Figma SitesBetaPublish fully responsive websites · Figma SitesBeta · Figma Sites · Decorative or unlabelled SVG
Source SVG ↓
Figma BuzzBetaProduce on-brand assets at scale
0 0 24 24Figma BuzzBetaProduce on-brand assets at scale · Figma BuzzBeta · Figma Buzz · Decorative or unlabelled SVG
Source SVG ↓
Open navigation menu
0 0 24 24Open navigation menu · Decorative or unlabelled SVG
Source SVG ↓
Pause
0 0 24 24Pause · pause · Decorative or unlabelled SVG
Source SVG ↓
Flexible workflows
0 0 24 24Flexible workflows · Decorative or unlabelled SVG
Source SVG ↓
Play
0 0 24 24Play · Decorative or unlabelled SVG
Source SVG ↓
Decorative source shape
0 0 24 24Source SVG ↓
Decorative source shape
0 0 24 24Source SVG ↓
Homepage
0 0 120 44Homepage · Decorative or unlabelled SVG
Source SVG ↓
X
0 0 24 24X · Decorative or unlabelled SVG
Source SVG ↓
YouTube
0 0 24 24YouTube · Decorative or unlabelled SVG
Source SVG ↓
0 0 24 24Instagram · Decorative or unlabelled SVG
Source SVG ↓
0 0 24 24Facebook · Decorative or unlabelled SVG
Source SVG ↓
English
0 0 24 24English
Source SVG ↓
Back 10 seconds
0 0 24 24Back 10 seconds
Source SVG ↓
Forward 10 seconds
0 0 24 24Forward 10 seconds
Source SVG ↓
Unmute
0 0 24 24Unmute
Source SVG ↓
Enter fullscreen
0 0 24 24Enter fullscreen
Source SVG ↓
Previous slide
0 0 24 24Previous slide · Decorative or unlabelled SVG
Source SVG ↓
Figma Design
0 0 24 24Figma Design · Social media posts · Brainstorming · Project kickoff · Diagramming templates
Source SVG ↓
Dev Mode
0 0 24 24Dev Mode · Digital ads · Diagramming · Flow chart · Brainstorming templates
Source SVG ↓
Figma Sites
0 0 24 24Figma Sites · Event materials · Meetings & workshops · Weekly team meeting · Meeting templates
Source SVG ↓
Figma Make
0 0 24 24Figma Make · One-pagers · Agile workflows · Customer journey map · Research & design templates
Source SVG ↓
Figma Draw
0 0 24 24Figma Draw · Fliers · Strategy & planning · Standup · Strategic planning templates
Source SVG ↓
Figma Buzz
0 0 24 24Figma Buzz · And more · Retrospective · Research readout
Source SVG ↓
FigJam
0 0 24 24FigJam · Roadmap review · Marketing strategy
Source SVG ↓
Figma Slides
0 0 24 24Figma Slides · Project timeline · Project review
Source SVG ↓
Decorative source shape
0 0 272 42Source SVG ↓
Decorative source shape
source viewBoxSource SVG ↓
Decorative source shape
source viewBoxSource SVG ↓
Decorative or unlabelled SVG
0 0 19 27Decorative or unlabelled SVG
Source SVG ↓
Decorative or unlabelled SVG
0 0 480 720Decorative or unlabelled SVG
Source SVG ↓
Decorative or unlabelled SVG
0 0 579 103Decorative or unlabelled SVG
Source SVG ↓
Topics
0 0 12 14Topics
Source SVG ↓
Decorative or unlabelled SVG
0 0 16 16Decorative or unlabelled SVG
Source SVG ↓
Decorative or unlabelled SVG
0 0 28 28Decorative or unlabelled SVG
Source SVG ↓
Decorative or unlabelled SVG
0 0 20 16Decorative or unlabelled SVG
Source SVG ↓
Decorative or unlabelled SVG
0 0 64 64Decorative or unlabelled SVG
Source SVG ↓
Copy Hex:#007BA7
0 0 24 24Copy Hex:#007BA7 · Copy Hex:#FFC067 · Copy Hex:#98A869 · Copy Hex:#C11C84 · Copy Hex:#CD1C18
Source SVG ↓
Decorative source shape
0 0 24 24Source SVG ↓
Decorative source shape
0 0 24 24Source SVG ↓
Decorative or unlabelled SVG
0 0 24 24Decorative or unlabelled SVG
Source SVG ↓
Why choose Starter?
0 0 24 24Why choose Starter? · Why choose Professional? · Why choose Organization? · Why choose Enterprise? · Figma Design
Source SVG ↓
Figma Motion beta is available on Full seats.
0 0 24 24Figma Motion beta is available on Full seats. · Figma Motion (Beta)
Source SVG ↓
Figma Sites beta is available on Full seats.
0 0 24 24Figma Sites beta is available on Full seats. · Figma Sites (Beta)
Source SVG ↓
Figma Buzz beta is available on all seats.
0 0 24 24Figma Buzz beta is available on all seats. · Figma Buzz (Beta)
Source SVG ↓
Figma Design
0 0 24 24Figma Design
Source SVG ↓
Included
0 0 24 24Included
Source SVG ↓
Not included
0 0 24 24Not included
Source SVG ↓
Figma Make
0 0 24 24Figma Make
Source SVG ↓
Figma Draw
0 0 24 24Figma Draw
Source SVG ↓
Dev Mode
0 0 24 24Dev Mode
Source SVG ↓
FigJam
0 0 24 24FigJam
Source SVG ↓
Figma Slides
0 0 24 24Figma Slides
Source SVG ↓No icons match. Clear the search to restore the atlas.
Public Simple Design System
Source-derived glyphs from figma/sds. Original MIT notice: license. Keep source names and a 16 × 16 view box; CSS scales the rendered icon to 24px in this atlas. Marketing-runtime usage is unverified.
IconActivity
16 × 16 · currentColorSVG ↓
IconAirplay
16 × 16 · currentColorSVG ↓
IconAlertCircle
16 × 16 · currentColorSVG ↓
IconAlertOctagon
16 × 16 · currentColorSVG ↓
IconAlertTriangle
16 × 16 · currentColorSVG ↓
IconAlignCenter
16 × 16 · currentColorSVG ↓
IconAlignJustify
16 × 16 · currentColorSVG ↓
IconAlignLeft
16 × 16 · currentColorSVG ↓
IconAlignRight
16 × 16 · currentColorSVG ↓
IconAnchor
16 × 16 · currentColorSVG ↓
IconAperture
16 × 16 · currentColorSVG ↓
IconArchive
16 × 16 · currentColorSVG ↓
IconArrowDown
16 × 16 · currentColorSVG ↓
IconArrowDownCircle
16 × 16 · currentColorSVG ↓
IconArrowDownLeft
16 × 16 · currentColorSVG ↓
IconArrowDownRight
16 × 16 · currentColorSVG ↓
IconArrowLeft
16 × 16 · currentColorSVG ↓
IconArrowLeftCircle
16 × 16 · currentColorSVG ↓
IconArrowRight
16 × 16 · currentColorSVG ↓
IconArrowRightCircle
16 × 16 · currentColorSVG ↓
IconArrowUp
16 × 16 · currentColorSVG ↓
IconArrowUpCircle
16 × 16 · currentColorSVG ↓
IconArrowUpLeft
16 × 16 · currentColorSVG ↓
IconArrowUpRight
16 × 16 · currentColorSVG ↓
IconAtSign
16 × 16 · currentColorSVG ↓
IconAward
16 × 16 · currentColorSVG ↓
IconBarChart
16 × 16 · currentColorSVG ↓
IconBarChart2
16 × 16 · currentColorSVG ↓
IconBattery
16 × 16 · currentColorSVG ↓
IconBatteryCharging
16 × 16 · currentColorSVG ↓
IconBell
16 × 16 · currentColorSVG ↓
IconBellOff
16 × 16 · currentColorSVG ↓
IconBluetooth
16 × 16 · currentColorSVG ↓
IconBold
16 × 16 · currentColorSVG ↓
IconBook
16 × 16 · currentColorSVG ↓
IconBookOpen
16 × 16 · currentColorSVG ↓
IconBookmark
16 × 16 · currentColorSVG ↓
IconBox
16 × 16 · currentColorSVG ↓
IconBriefcase
16 × 16 · currentColorSVG ↓
IconCalendar
16 × 16 · currentColorSVG ↓
IconCamera
16 × 16 · currentColorSVG ↓
IconCameraOff
16 × 16 · currentColorSVG ↓
IconCast
16 × 16 · currentColorSVG ↓
IconCheck
16 × 16 · currentColorSVG ↓
IconCheckCircle
16 × 16 · currentColorSVG ↓
IconCheckSquare
16 × 16 · currentColorSVG ↓
IconChevronDown
16 × 16 · currentColorSVG ↓
IconChevronLeft
16 × 16 · currentColorSVG ↓
IconChevronRight
16 × 16 · currentColorSVG ↓
IconChevronUp
16 × 16 · currentColorSVG ↓
IconChevronsDown
16 × 16 · currentColorSVG ↓
IconChevronsLeft
16 × 16 · currentColorSVG ↓
IconChevronsRight
16 × 16 · currentColorSVG ↓
IconChevronsUp
16 × 16 · currentColorSVG ↓
IconChrome
16 × 16 · currentColorSVG ↓
IconCircle
16 × 16 · currentColorSVG ↓
IconClipboard
16 × 16 · currentColorSVG ↓
IconClock
16 × 16 · currentColorSVG ↓
IconCloud
16 × 16 · currentColorSVG ↓
IconCloudDrizzle
16 × 16 · currentColorSVG ↓
IconCloudLightning
16 × 16 · currentColorSVG ↓
IconCloudOff
16 × 16 · currentColorSVG ↓
IconCloudRain
16 × 16 · currentColorSVG ↓
IconCloudSnow
16 × 16 · currentColorSVG ↓
IconCode
16 × 16 · currentColorSVG ↓
IconCodepen
16 × 16 · currentColorSVG ↓
IconCodesandbox
16 × 16 · currentColorSVG ↓
IconCoffee
16 × 16 · currentColorSVG ↓
IconColumns
16 × 16 · currentColorSVG ↓
IconCommand
16 × 16 · currentColorSVG ↓
IconCompass
16 × 16 · currentColorSVG ↓
IconCopy
16 × 16 · currentColorSVG ↓
IconCornerDownLeft
16 × 16 · currentColorSVG ↓
IconCornerDownRight
16 × 16 · currentColorSVG ↓
IconCornerLeftDown
16 × 16 · currentColorSVG ↓
IconCornerLeftUp
16 × 16 · currentColorSVG ↓
IconCornerRightDown
16 × 16 · currentColorSVG ↓
IconCornerRightUp
16 × 16 · currentColorSVG ↓
IconCornerUpLeft
16 × 16 · currentColorSVG ↓
IconCornerUpRight
16 × 16 · currentColorSVG ↓
IconCpu
16 × 16 · currentColorSVG ↓
IconCreditCard
16 × 16 · currentColorSVG ↓
IconCrop
16 × 16 · currentColorSVG ↓
IconCrosshair
16 × 16 · currentColorSVG ↓
IconDatabase
16 × 16 · currentColorSVG ↓
IconDelete
16 × 16 · currentColorSVG ↓
IconDisc
16 × 16 · currentColorSVG ↓
IconDivide
16 × 16 · currentColorSVG ↓
IconDivideCircle
16 × 16 · currentColorSVG ↓
IconDivideSquare
16 × 16 · currentColorSVG ↓
IconDollarSign
16 × 16 · currentColorSVG ↓
IconDownload
16 × 16 · currentColorSVG ↓
IconDownloadCloud
16 × 16 · currentColorSVG ↓
IconDribbble
16 × 16 · currentColorSVG ↓
IconDroplet
16 × 16 · currentColorSVG ↓
IconEdit
16 × 16 · currentColorSVG ↓
IconEdit2
16 × 16 · currentColorSVG ↓
IconEdit3
16 × 16 · currentColorSVG ↓
IconExternalLink
16 × 16 · currentColorSVG ↓
IconEye
16 × 16 · currentColorSVG ↓
IconEyeOff
16 × 16 · currentColorSVG ↓
IconFacebook
16 × 16 · currentColorSVG ↓
IconFastForward
16 × 16 · currentColorSVG ↓
IconFeather
16 × 16 · currentColorSVG ↓
IconFigma
16 × 16 · currentColorSVG ↓
IconFile
16 × 16 · currentColorSVG ↓
IconFileMinus
16 × 16 · currentColorSVG ↓
IconFilePlus
16 × 16 · currentColorSVG ↓
IconFileText
16 × 16 · currentColorSVG ↓
IconFilm
16 × 16 · currentColorSVG ↓
IconFilter
16 × 16 · currentColorSVG ↓
IconFlag
16 × 16 · currentColorSVG ↓
IconFolder
16 × 16 · currentColorSVG ↓
IconFolderMinus
16 × 16 · currentColorSVG ↓
IconFolderPlus
16 × 16 · currentColorSVG ↓
IconFramer
16 × 16 · currentColorSVG ↓
IconFrown
16 × 16 · currentColorSVG ↓
IconGift
16 × 16 · currentColorSVG ↓
IconGitBranch
16 × 16 · currentColorSVG ↓
IconGitCommit
16 × 16 · currentColorSVG ↓
IconGitMerge
16 × 16 · currentColorSVG ↓
IconGitPullRequest
16 × 16 · currentColorSVG ↓
IconGithub
16 × 16 · currentColorSVG ↓
IconGitlab
16 × 16 · currentColorSVG ↓
IconGlobe
16 × 16 · currentColorSVG ↓
IconGrid
16 × 16 · currentColorSVG ↓
IconHardDrive
16 × 16 · currentColorSVG ↓
IconHash
16 × 16 · currentColorSVG ↓
IconHeadphones
16 × 16 · currentColorSVG ↓
IconHeart
16 × 16 · currentColorSVG ↓
IconHelpCircle
16 × 16 · currentColorSVG ↓
IconHexagon
16 × 16 · currentColorSVG ↓
IconHome
16 × 16 · currentColorSVG ↓
IconImage
16 × 16 · currentColorSVG ↓
IconInbox
16 × 16 · currentColorSVG ↓
IconInfo
16 × 16 · currentColorSVG ↓
IconInstagram
16 × 16 · currentColorSVG ↓
IconItalic
16 × 16 · currentColorSVG ↓
IconKey
16 × 16 · currentColorSVG ↓
IconLayers
16 × 16 · currentColorSVG ↓
IconLayout
16 × 16 · currentColorSVG ↓
IconLifeBuoy
16 × 16 · currentColorSVG ↓
IconLink
16 × 16 · currentColorSVG ↓
IconLink2
16 × 16 · currentColorSVG ↓
IconLinkedin
16 × 16 · currentColorSVG ↓
IconList
16 × 16 · currentColorSVG ↓
IconLoader
16 × 16 · currentColorSVG ↓
IconLock
16 × 16 · currentColorSVG ↓
IconLogIn
16 × 16 · currentColorSVG ↓
IconLogOut
16 × 16 · currentColorSVG ↓
IconMail
16 × 16 · currentColorSVG ↓
IconMap
16 × 16 · currentColorSVG ↓
IconMapPin
16 × 16 · currentColorSVG ↓
IconMaximize
16 × 16 · currentColorSVG ↓
IconMaximize2
16 × 16 · currentColorSVG ↓
IconMeh
16 × 16 · currentColorSVG ↓
IconMenu
16 × 16 · currentColorSVG ↓
IconMessageCircle
16 × 16 · currentColorSVG ↓
IconMessageSquare
16 × 16 · currentColorSVG ↓
IconMic
16 × 16 · currentColorSVG ↓
IconMicOff
16 × 16 · currentColorSVG ↓
IconMinimize
16 × 16 · currentColorSVG ↓
IconMinimize2
16 × 16 · currentColorSVG ↓
IconMinus
16 × 16 · currentColorSVG ↓
IconMinusCircle
16 × 16 · currentColorSVG ↓
IconMinusSquare
16 × 16 · currentColorSVG ↓
IconMonitor
16 × 16 · currentColorSVG ↓
IconMoon
16 × 16 · currentColorSVG ↓
IconMoreHorizontal
16 × 16 · currentColorSVG ↓
IconMoreVertical
16 × 16 · currentColorSVG ↓
IconMousePointer
16 × 16 · currentColorSVG ↓
IconMove
16 × 16 · currentColorSVG ↓
IconMusic
16 × 16 · currentColorSVG ↓
IconNavigation
16 × 16 · currentColorSVG ↓
IconNavigation2
16 × 16 · currentColorSVG ↓
IconOctagon
16 × 16 · currentColorSVG ↓
IconPackage
16 × 16 · currentColorSVG ↓
IconPaperclip
16 × 16 · currentColorSVG ↓
IconPause
16 × 16 · currentColorSVG ↓
IconPauseCircle
16 × 16 · currentColorSVG ↓
IconPenTool
16 × 16 · currentColorSVG ↓
IconPercent
16 × 16 · currentColorSVG ↓
IconPhone
16 × 16 · currentColorSVG ↓
IconPhoneCall
16 × 16 · currentColorSVG ↓
IconPhoneForwarded
16 × 16 · currentColorSVG ↓
IconPhoneIncoming
16 × 16 · currentColorSVG ↓
IconPhoneMissed
16 × 16 · currentColorSVG ↓
IconPhoneOff
16 × 16 · currentColorSVG ↓
IconPhoneOutgoing
16 × 16 · currentColorSVG ↓
IconPieChart
16 × 16 · currentColorSVG ↓
IconPlay
16 × 16 · currentColorSVG ↓
IconPlayCircle
16 × 16 · currentColorSVG ↓
IconPlus
16 × 16 · currentColorSVG ↓
IconPlusCircle
16 × 16 · currentColorSVG ↓
IconPlusSquare
16 × 16 · currentColorSVG ↓
IconPocket
16 × 16 · currentColorSVG ↓
IconPower
16 × 16 · currentColorSVG ↓
IconPrinter
16 × 16 · currentColorSVG ↓
IconRadio
16 × 16 · currentColorSVG ↓
IconRefreshCcw
16 × 16 · currentColorSVG ↓
IconRefreshCw
16 × 16 · currentColorSVG ↓
IconRepeat
16 × 16 · currentColorSVG ↓
IconRewind
16 × 16 · currentColorSVG ↓
IconRotateCcw
16 × 16 · currentColorSVG ↓
IconRotateCw
16 × 16 · currentColorSVG ↓
IconRss
16 × 16 · currentColorSVG ↓
IconSave
16 × 16 · currentColorSVG ↓
IconScissors
16 × 16 · currentColorSVG ↓
IconSearch
16 × 16 · currentColorSVG ↓
IconSend
16 × 16 · currentColorSVG ↓
IconServer
16 × 16 · currentColorSVG ↓
IconSettings
16 × 16 · currentColorSVG ↓
IconShare
16 × 16 · currentColorSVG ↓
IconShare2
16 × 16 · currentColorSVG ↓
IconShield
16 × 16 · currentColorSVG ↓
IconShieldOff
16 × 16 · currentColorSVG ↓
IconShoppingBag
16 × 16 · currentColorSVG ↓
IconShoppingCart
16 × 16 · currentColorSVG ↓
IconShuffle
16 × 16 · currentColorSVG ↓
IconSidebar
16 × 16 · currentColorSVG ↓
IconSkipBack
16 × 16 · currentColorSVG ↓
IconSkipForward
16 × 16 · currentColorSVG ↓
IconSlack
16 × 16 · currentColorSVG ↓
IconSlash
16 × 16 · currentColorSVG ↓
IconSliders
16 × 16 · currentColorSVG ↓
IconSmartphone
16 × 16 · currentColorSVG ↓
IconSmile
16 × 16 · currentColorSVG ↓
IconSpeaker
16 × 16 · currentColorSVG ↓
IconSquare
16 × 16 · currentColorSVG ↓
IconStar
16 × 16 · currentColorSVG ↓
IconStopCircle
16 × 16 · currentColorSVG ↓
IconSun
16 × 16 · currentColorSVG ↓
IconSunrise
16 × 16 · currentColorSVG ↓
IconSunset
16 × 16 · currentColorSVG ↓
IconTable
16 × 16 · currentColorSVG ↓
IconTablet
16 × 16 · currentColorSVG ↓
IconTag
16 × 16 · currentColorSVG ↓
IconTarget
16 × 16 · currentColorSVG ↓
IconTerminal
16 × 16 · currentColorSVG ↓
IconThermometer
16 × 16 · currentColorSVG ↓
IconThumbsDown
16 × 16 · currentColorSVG ↓
IconThumbsUp
16 × 16 · currentColorSVG ↓
IconToggleLeft
16 × 16 · currentColorSVG ↓
IconToggleRight
16 × 16 · currentColorSVG ↓
IconTool
16 × 16 · currentColorSVG ↓
IconTrash
16 × 16 · currentColorSVG ↓
IconTrash2
16 × 16 · currentColorSVG ↓
IconTrello
16 × 16 · currentColorSVG ↓
IconTrendingDown
16 × 16 · currentColorSVG ↓
IconTrendingUp
16 × 16 · currentColorSVG ↓
IconTriangle
16 × 16 · currentColorSVG ↓
IconTruck
16 × 16 · currentColorSVG ↓
IconTv
16 × 16 · currentColorSVG ↓
IconTwitch
16 × 16 · currentColorSVG ↓
IconTwitter
16 × 16 · currentColorSVG ↓
IconType
16 × 16 · currentColorSVG ↓
IconUmbrella
16 × 16 · currentColorSVG ↓
IconUnderline
16 × 16 · currentColorSVG ↓
IconUnlock
16 × 16 · currentColorSVG ↓
IconUpload
16 × 16 · currentColorSVG ↓
IconUploadCloud
16 × 16 · currentColorSVG ↓
IconUser
16 × 16 · currentColorSVG ↓
IconUserCheck
16 × 16 · currentColorSVG ↓
IconUserMinus
16 × 16 · currentColorSVG ↓
IconUserPlus
16 × 16 · currentColorSVG ↓
IconUserX
16 × 16 · currentColorSVG ↓
IconUsers
16 × 16 · currentColorSVG ↓
IconVideo
16 × 16 · currentColorSVG ↓
IconVideoOff
16 × 16 · currentColorSVG ↓
IconVoicemail
16 × 16 · currentColorSVG ↓
IconVolume
16 × 16 · currentColorSVG ↓
IconVolume1
16 × 16 · currentColorSVG ↓
IconVolume2
16 × 16 · currentColorSVG ↓
IconVolumeX
16 × 16 · currentColorSVG ↓
IconWatch
16 × 16 · currentColorSVG ↓
IconWifi
16 × 16 · currentColorSVG ↓
IconWifiOff
16 × 16 · currentColorSVG ↓
IconWind
16 × 16 · currentColorSVG ↓
IconX
16 × 16 · currentColorSVG ↓
IconXCircle
16 × 16 · currentColorSVG ↓
IconXOctagon
16 × 16 · currentColorSVG ↓
IconXSquare
16 × 16 · currentColorSVG ↓
IconYoutube
16 × 16 · currentColorSVG ↓
IconZap
16 × 16 · currentColorSVG ↓
IconZapOff
16 × 16 · currentColorSVG ↓
IconZoomIn
16 × 16 · currentColorSVG ↓
IconZoomOut
16 × 16 · currentColorSVG ↓Imagery and media
Product demonstrations are the illustration
Use clear product frames, expressive color, and deliberately layered examples. Preserve original aspect ratios. Use contain for UI screenshots; crop photographs only when the subject stays legible. Do not stretch a UI frame or place important text over a busy image.
Every published screenshot is an attributed educational reference. Replace it with licensed project imagery before commercial reuse. No stock asset is silently represented as Figma’s own artwork.
For moving media, provide a still poster, a descriptive alternative, pause/play, reduced-motion behavior, captions when speech matters, and a visible failure fallback. This guide uses still captures to keep the reference deterministic.