Illustration

Contextual artwork for empty states, guidance, and visual support.

Check out our illustration catalog, and our brand section for information on how to use this component.

Vue API

import { DtIcon } from '@dialpad/dialtone-vue';

Props

Name
Default
Type
name required
string

The icon name in kebab-case

ariaLabel
string

The label of the icon as read out by a screen-reader. Leave this unset if your icon is purely presentational

size
500
"100" | "200" | "300" | "400" | "500" | "600" | "700" | "800"

The size of the icon.

Illustration documentation last updated Friday, September 4, 2026

fix/popover-modal-zindex-scope