Illustration

The Illustration component provides a set of images to provide context to your application

Preview

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 Thursday, June 18, 2026