---
title: "Iconography"
subtitle: "Complete brand icon set"
description: "Browse, copy, and download every icon in the brand icon set."
author: "Studio"
section: "Brand Book"
subsection: "03 Visual Identity"
order: 5
status: "published"
---

The registry: every icon in the set, with its name and category. To recolour, resize or export one, use the [Icon Library](/tools/icon-library.html).

All of it is BlackDoctor's, drawn in the design file and exported to a 24-unit box. Nothing here is borrowed and nothing is standing in. One icon is the exception: `close-large` is derived rather than drawn — `close-small`, `close` and `close-large` are one mark at three sizes, each two units wider a side than the last, and the largest continues the step the first two set.

Every file is a 24 viewBox with its fills set to `currentColor`, so an icon takes the colour of the text around it and needs no variant per theme. Size comes from the container, never the file.

---

## Arrows

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

## 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-left-large}} | Chevron Left Large | `chevron-left-large` |
| {{icon:chevron-right-large}} | Chevron Right Large | `chevron-right-large` |
| {{icon:chevron-up-down}} | Chevron Up Down | `chevron-up-down` |

## Actions

| Icon | Name | data-icon |
|---|---|---|
| {{icon:add}} | Add | `add` |
| {{icon:check}} | Check | `check` |
| {{icon:check-small}} | Check Small | `check-small` |
| {{icon:check-circled}} | Check Circled | `check-circled` |
| {{icon:close}} | Close | `close` |
| {{icon:close-small}} | Close Small | `close-small` |
| {{icon:close-large}} | Close Large | `close-large` |
| {{icon:copy}} | Copy | `copy` |
| {{icon:download}} | Download | `download` |
| {{icon:link}} | Link | `link` |
| {{icon:search}} | Search | `search` |
| {{icon:search-ai}} | Search AI | `search-ai` |
| {{icon:share}} | Share | `share` |
| {{icon:refresh}} | Refresh | `refresh` |
| {{icon:refresh-2}} | Refresh 2 | `refresh-2` |
| {{icon:swap}} | Swap | `swap` |
| {{icon:filter}} | Filter | `filter` |
| {{icon:settings}} | Settings | `settings` |
| {{icon:more-horizontal}} | More Horizontal | `more-horizontal` |
| {{icon:more-vertical}} | More Vertical | `more-vertical` |
| {{icon:open-full}} | Open Full | `open-full` |

## Navigation

| Icon | Name | data-icon |
|---|---|---|
| {{icon:home}} | Home | `home` |
| {{icon:menu}} | Menu | `menu` |
| {{icon:sidebar-left-open}} | Sidebar Left Open | `sidebar-left-open` |
| {{icon:sidebar-left-close}} | Sidebar Left Close | `sidebar-left-close` |
| {{icon:book-open}} | Book Open | `book-open` |
| {{icon:bookmark}} | Bookmark | `bookmark` |
| {{icon:history}} | History | `history` |
| {{icon:location}} | Location | `location` |
| {{icon:navigation}} | Navigation | `navigation` |
| {{icon:globe}} | Globe | `globe` |
| {{icon:phone}} | Phone | `phone` |
| {{icon:mail}} | Mail | `mail` |
| {{icon:calendar}} | Calendar | `calendar` |
| {{icon:clock}} | Clock | `clock` |

## Media

| Icon | Name | data-icon |
|---|---|---|
| {{icon:play}} | Play | `play` |
| {{icon:pause}} | Pause | `pause` |
| {{icon:video}} | Video | `video` |
| {{icon:video-mute}} | Video Mute | `video-mute` |
| {{icon:podcast}} | Podcast | `podcast` |
| {{icon:podcast-mute}} | Podcast Mute | `podcast-mute` |
| {{icon:audio}} | Audio | `audio` |
| {{icon:microphone}} | Microphone | `microphone` |
| {{icon:volume}} | Volume | `volume` |
| {{icon:speaker}} | Speaker | `speaker` |
| {{icon:voice}} | Voice | `voice` |
| {{icon:photo}} | Photo | `photo` |
| {{icon:frame}} | Frame | `frame` |
| {{icon:presentation}} | Presentation | `presentation` |

## Feedback

| Icon | Name | data-icon |
|---|---|---|
| {{icon:chat}} | Chat | `chat` |
| {{icon:thumbs-up}} | Thumbs Up | `thumbs-up` |
| {{icon:thumbs-down}} | Thumbs Down | `thumbs-down` |
| {{icon:heart}} | Heart | `heart` |
| {{icon:star}} | Star | `star` |
| {{icon:star-filled}} | Star Filled | `star-filled` |
| {{icon:star-2}} | Star 2 | `star-2` |
| {{icon:award}} | Award | `award` |
| {{icon:info}} | Info | `info` |
| {{icon:warning}} | Warning | `warning` |

## Health

| Icon | Name | data-icon |
|---|---|---|
| {{icon:stethoscope}} | Stethoscope | `stethoscope` |
| {{icon:medicine}} | Medicine | `medicine` |
| {{icon:health}} | Health | `health` |
| {{icon:medical-chart}} | Medical Chart | `medical-chart` |
| {{icon:food}} | Food | `food` |
| {{icon:lunch-learn}} | Lunch Learn | `lunch-learn` |
| {{icon:lunch-learn-2}} | Lunch Learn 2 | `lunch-learn-2` |

## Social

| Icon | Name | data-icon |
|---|---|---|
| {{icon:facebook}} | Facebook | `facebook` |
| {{icon:instagram}} | Instagram | `instagram` |
| {{icon:linkedin}} | LinkedIn | `linkedin` |
| {{icon:tiktok}} | TikTok | `tiktok` |
| {{icon:x}} | X | `x` |
| {{icon:youtube}} | YouTube | `youtube` |

## Interface

| Icon | Name | data-icon |
|---|---|---|
| {{icon:ai}} | AI | `ai` |
| {{icon:bolt}} | Bolt | `bolt` |
| {{icon:code}} | Code | `code` |
| {{icon:sun}} | Sun | `sun` |
| {{icon:moon}} | Moon | `moon` |
| {{icon:network}} | Network | `network` |
| {{icon:interactive}} | Interactive | `interactive` |
| {{icon:ticket}} | Ticket | `ticket` |
| {{icon:bag}} | Bag | `bag` |