> ## Documentation Index
> Fetch the complete documentation index at: https://developers.hubspot.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.
---
id: 0e8be2d8-7dc5-47a2-8749-eee2447c5d86
---
# Illustration
> Learn about the Illustration component for use in UI extensions.
The `Illustration` component renders an illustration from HubSpot's illustration library. Use this component to add a visual indicator to your app card.
```jsx theme={null}
import { Illustration } from "@hubspot/ui-extensions";
const Extension = () => {
return (
);
};
```
## Props
| Prop | Type | Description |
| -------- | ------ | -------------------------------------------------------------------------------------- |
| `alt` | String | The illustration's alt text for accessibility. Default value is ` illustration`. |
| `height` | Number | The height of the illustration in pixels. |
| `name` | String | The name of the illustration. See [available illustrations](#available-illustrations). |
| `width` | Number | The width of the illustration in pixels. |
## Available illustrations
`addOnReporting`
`api`
`automatedTesting`
`callingSetUp`
`companies`
`contacts`
`contentStrategy`
`customObjects`
`customerExperience`
`customerSupport`
`deals`
`developerSecurityUpdate`
`electronicSignature`
`electronicSignatureEmptyState`
`emailConfirmation`
`emptyStateCharts`
`errorGeneral`
`errorHourglass`
`integrations`
`leads`
`lock`
`meetings`
`middlePaneCards`
`multipleObjects`
`object`
`paymentsButton`
`productsShoppingCart`
`propertiesSidebar`
`registration`
`sandboxAddOn`
`sidebar`
`social`
`store`
`storeDisabled`
`successfullyConnectedEmail`
`target`
`task`
`tickets`
`unlock`
## Related components
* [Icon](/apps/developer-platform/add-features/ui-extensions/ui-components/standard-components/icon)
* [EmptyState](/apps/developer-platform/add-features/ui-extensions/ui-components/standard-components/empty-state)
* [ErrorState](/apps/developer-platform/add-features/ui-extensions/ui-components/standard-components/error-state)