# Flex UI Icons
> \[!NOTE]
>
> For the Flex UI 2.x.x version of this content, see the [Twilio Paste icons list](https://paste.twilio.design/components/icon).
The following icons are available to use in Flex UI. You can leverage these icons when adding new buttons into the Flex header or sidebar:
```javascript
import { Icon } from '@twilio/flex-ui';
const Component = (props) => {
return (
);
}
```
## Create custom icons
You can also create your own custom icons using SVG files. First, create a custom module using the SVG(s) you would like to use:
```javascript
export const PayIcon = (props) => {
return (
);
}
export const PayIconActive = (props) => {
return (
);
}
```
Then import and use the icon module:
```javascript
import { PayIcon, PayIconActive } from "./PayIcons";
// Use it in a component
}
iconActive={}
/>
```
## Default Icons
> \[!NOTE]
>
> The icon names are **case-sensitive**.
| **Icon** | **Name** |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- |
|  | Accept |
|  | AcceptLarge |
|  | Add |
|  | Agent |
|  | AgentBold |
|  | Agents |
|  | AgentsBold |
|  | Alert |
|  | ArrowDown |
|  | ArrowLeft |
|  | ArrowRight |
|  | ArrowUp |
|  | Bulb |
|  | BulbBold |
|  | Call |
|  | CallBold |
|  | Close |
|  | CloseLarge |
|  | Cogs |
|  | Dashboard |
|  | DashboardBold |
|  | Data |
|  | DataBold |
|  | DefaultAvatar |
|  | DefaultAvatarBold |
|  | Directory |
|  | DirectoryBold |
|  | Eye |
|  | EyeBold |
|  | Facebook |
|  | FacebookBold |
|  | Filter |
|  | FilterUp |
|  | GenericTask |
|  | GenericTaskBold |
|  | Hamburger |
|  | Hangup |
|  | HangupBold |
|  | HangupLarge |
|  | Help |
|  | HelpBold |
|  | Hold |
|  | HoldBold |
|  | HoldLarge |
|  | HoldLargeBold |
|  | IncomingCall |
|  | IncomingCallBold |
|  | Info |
|  | InfoBold |
|  | Line |
|  | LineBold |
|  | Loading |
|  | Logout |
|  | LogoutBold |
|  | Message |
|  | MessageBold |
|  | Monitor |
|  | MonitorOff |
|  | More |
|  | Mute |
|  | MuteBold |
|  | MuteLarge |
|  | MuteLargeBold |
|  | Read |
|  | Resize |
|  | SendLarge |
|  | Settings |
|  | SettingsBold |
|  | SideMenuOff |
|  | SideMenuOn |
|  | Sms |
|  | SmsBold |
|  | Suggested |
|  | Supervisor |
|  | SupervisorBold |
|  | TasksLarge |
|  | TasksSmall |
|  | Thumbdown |
|  | ThumbdownBold |
|  | Thumbup |
|  | ThumbupBold |
|  | Twilio |
|  | Video |
|  | VideoBold |
|  | Voice |
|  | VoiceBold |
|  | Volume |
|  | VolumeBold |
|  | Whatsapp |
|  | WhatsappBold |