---
title: "Iconography"
subtitle: "Complete brand icon set"
description: "Browse, copy, and download every icon in the brand icon set."
author: "Studio"
section: "Brand Book"
layer: "core"
subsection: "Visual Identity"
order: 4
status: "published"
access: "team"
client: "internal"
---

Browse, copy, and download every icon in the brand icon set. For usage guidelines, see the [Icon](../design-system/iconography.html) documentation.

---

## Arrows

| Icon | Name | data-icon |
|---|---|---|
| {{icon:arrow-up}} | Arrow Up | `arrow-up` |
| {{icon:arrow-down}} | Arrow Down | `arrow-down` |
| {{icon:arrow-right}} | Arrow Right | `arrow-right` |
| {{icon:arrow-left}} | Arrow Left | `arrow-left` |
| {{icon:arrow-top}} | Arrow Top | `arrow-top` |
| {{icon:arrow-top-right}} | Arrow Top Right | `arrow-top-right` |
| {{icon:back-arrow}} | Back Arrow | `back-arrow` |

## Chevrons

| Icon | Name | data-icon |
|---|---|---|
| {{icon:chevron-up}} | Chevron Up | `chevron-up` |
| {{icon:chevron-down}} | Chevron Down | `chevron-down` |
| {{icon:chevron-left}} | Chevron Left | `chevron-left` |
| {{icon:chevron-right}} | Chevron Right | `chevron-right` |
| {{icon:chevron-up-large}} | Chevron Up Large | `chevron-up-large` |
| {{icon:chevron-down-large}} | Chevron Down Large | `chevron-down-large` |
| {{icon:chevron-left-large}} | Chevron Left Large | `chevron-left-large` |
| {{icon:chevron-right-large}} | Chevron Right Large | `chevron-right-large` |

## Actions

| Icon | Name | data-icon |
|---|---|---|
| {{icon:add}} | Add | `add` |
| {{icon:minus}} | Minus | `minus` |
| {{icon:check}} | Check | `check` |
| {{icon:close}} | Close | `close` |
| {{icon:close-large}} | Close Large | `close-large` |
| {{icon:close-circled}} | Close Circled | `close-circled` |
| {{icon:copy}} | Copy | `copy` |
| {{icon:link}} | Link | `link` |
| {{icon:share}} | Share | `share` |
| {{icon:share-1}} | Share 1 | `share-1` |
| {{icon:download}} | Download | `download` |
| {{icon:send}} | Send | `send` |
| {{icon:send-2}} | Send 2 | `send-2` |
| {{icon:search}} | Search | `search` |
| {{icon:search-large}} | Search Large | `search-large` |
| {{icon:filter}} | Filter | `filter` |
| {{icon:refresh}} | Refresh | `refresh` |
| {{icon:drag}} | Drag | `drag` |
| {{icon:full-screen}} | Full Screen | `full-screen` |
| {{icon:open-full}} | Open Full | `open-full` |
| {{icon:play}} | Play | `play` |
| {{icon:play-2}} | Play 2 | `play-2` |
| {{icon:pause}} | Pause | `pause` |
| {{icon:switch}} | Switch | `switch` |
| {{icon:bookmark}} | Bookmark | `bookmark` |
| {{icon:reset}} | Reset | `reset` |

## Navigation

| Icon | Name | data-icon |
|---|---|---|
| {{icon:menu}} | Menu | `menu` |
| {{icon:list}} | List | `list` |
| {{icon:home}} | Home | `home` |
| {{icon:sidebar-open}} | Sidebar Open | `sidebar-open` |
| {{icon:sidebar-close}} | Sidebar Close | `sidebar-close` |
| {{icon:sidebar-close-2}} | Sidebar Close 2 | `sidebar-close-2` |
| {{icon:globe}} | Globe | `globe` |
| {{icon:map}} | Map | `map` |
| {{icon:pin}} | Pin | `pin` |
| {{icon:browser}} | Browser | `browser` |
| {{icon:settings}} | Settings | `settings` |

## Content

| Icon | Name | data-icon |
|---|---|---|
| {{icon:book}} | Book | `book` |
| {{icon:book-open}} | Book Open | `book-open` |
| {{icon:catalog}} | Catalog | `catalog` |
| {{icon:page}} | Page | `page` |
| {{icon:news}} | News | `news` |
| {{icon:mail}} | Mail | `mail` |
| {{icon:folder}} | Folder | `folder` |
| {{icon:photos}} | Photos | `photos` |
| {{icon:photo}} | Photo | `photo` |
| {{icon:video}} | Video | `video` |
| {{icon:calendar}} | Calendar | `calendar` |
| {{icon:clock}} | Clock | `clock` |
| {{icon:pencil-draw}} | Pencil Draw | `pencil-draw` |
| {{icon:paintbrush}} | Paintbrush | `paintbrush` |
| {{icon:font-size}} | Font Size | `font-size` |
| {{icon:ad-left}} | Ad Left | `ad-left` |
| {{icon:ad-right}} | Ad Right | `ad-right` |
| {{icon:ad-top}} | Ad Top | `ad-top` |
| {{icon:book-1}} | Book 1 | `book-1` |
| {{icon:book-2}} | Book 2 | `book-2` |
| {{icon:brand-book}} | Brand Book | `brand-book` |
| {{icon:docs}} | Docs | `docs` |
| {{icon:mail-1}} | Mail 1 | `mail-1` |
| {{icon:sticky-bottom}} | Sticky Bottom | `sticky-bottom` |
| {{icon:sticky-top}} | Sticky Top | `sticky-top` |

## UI

| Icon | Name | data-icon |
|---|---|---|
| {{icon:info}} | Info | `info` |
| {{icon:lock}} | Lock | `lock` |
| {{icon:credit-card}} | Credit Card | `credit-card` |
| {{icon:shop}} | Shop | `shop` |
| {{icon:heart}} | Heart | `heart` |
| {{icon:smiling}} | Smiling | `smiling` |
| {{icon:present}} | Present | `present` |
| {{icon:bolt}} | Bolt | `bolt` |
| {{icon:stack}} | Stack | `stack` |
| {{icon:widgets}} | Widgets | `widgets` |
| {{icon:cursor}} | Cursor | `cursor` |
| {{icon:cursor-pointer-1}} | Cursor Pointer 1 | `cursor-pointer-1` |
| {{icon:cursor-pointer-2}} | Cursor Pointer 2 | `cursor-pointer-2` |
| {{icon:cursor-pointer-3}} | Cursor Pointer 3 | `cursor-pointer-3` |
| {{icon:cursor-pointer-4}} | Cursor Pointer 4 | `cursor-pointer-4` |
| {{icon:dark-mode}} | Dark Mode | `dark-mode` |
| {{icon:moon}} | Moon | `moon` |
| {{icon:light-mode}} | Light Mode | `light-mode` |
| {{icon:sun}} | Sun | `sun` |
| {{icon:cog}} | Cog | `cog` |
| {{icon:more-horizontal}} | More Horizontal | `more-horizontal` |
| {{icon:more-vertical}} | More Vertical | `more-vertical` |
| {{icon:accesibility}} | Accesibility | `accesibility` |
| {{icon:desktop}} | Desktop | `desktop` |
| {{icon:mobile}} | Mobile | `mobile` |
| {{icon:tablet}} | Tablet | `tablet` |
| {{icon:frame}} | Frame | `frame` |
| {{icon:icon}} | Icon | `icon` |
| {{icon:tools}} | Tools | `tools` |
| {{icon:thumbs-up}} | Thumbs Up | `thumbs-up` |
| {{icon:thumbs-down}} | Thumbs Down | `thumbs-down` |
| {{icon:unlock}} | Unlock | `unlock` |
| {{icon:user}} | User | `user` |
| {{icon:design-system}} | Design System | `design-system` |
| {{icon:sun-1}} | Sun 1 | `sun-1` |
| {{icon:sun-2}} | Sun 2 | `sun-2` |

## Status

| Icon | Name | data-icon |
|---|---|---|
| {{icon:status-0}} | Status 0 | `status-0` |
| {{icon:status-10}} | Status 10 | `status-10` |
| {{icon:status-20}} | Status 20 | `status-20` |
| {{icon:status-50}} | Status 50 | `status-50` |
| {{icon:status-75}} | Status 75 | `status-75` |
| {{icon:status-100}} | Status 100 | `status-100` |
| {{icon:status-check}} | Status Check | `status-check` |
| {{icon:exclamation}} | Exclamation | `exclamation` |
| {{icon:warning}} | Warning | `warning` |

## Media

| Icon | Name | data-icon |
|---|---|---|
| {{icon:headphones}} | Headphones | `headphones` |
| {{icon:sound}} | Sound | `sound` |
| {{icon:sound-on}} | Sound On | `sound-on` |
| {{icon:sound-off}} | Sound Off | `sound-off` |
| {{icon:game}} | Game | `game` |
| {{icon:gamepad}} | Gamepad | `gamepad` |

## Social

| Icon | Name | data-icon |
|---|---|---|
| {{icon:linkedin}} | LinkedIn | `linkedin` |
| {{icon:reddit}} | Reddit | `reddit` |
| {{icon:spotify}} | Spotify | `spotify` |
| {{icon:youtube}} | YouTube | `youtube` |

## Misc

| Icon | Name | data-icon |
|---|---|---|
| {{icon:3d}} | 3D | `3d` |
| {{icon:ai}} | AI | `ai` |
| {{icon:ai-chat}} | AI Chat | `ai-chat` |
| {{icon:ai-large}} | AI Large | `ai-large` |
| {{icon:ar}} | AR | `ar` |
| {{icon:design}} | Design | `design` |
| {{icon:partner}} | Partner | `partner` |
| {{icon:t-shirt}} | T-Shirt | `t-shirt` |
| {{icon:weapon}} | Weapon | `weapon` |
| {{icon:question}} | Question | `question` |

## Authentication

| Icon | Name | data-icon |
|---|---|---|
| {{icon:login}} | Login | `login` |
| {{icon:logout}} | Logout | `logout` |

## Code

| Icon | Name | data-icon |
|---|---|---|
| {{icon:code}} | Code | `code` |