Skip to navigation

Custom SVG icons in card and icon components

The Card and Icon components support relative paths to SVG files. Use a relative path like ./images/icon.svg to display custom SVG icons from your project. Paths are relative to the page where the component is used.

Markdown
<Card
title="Fern species"
icon="./images/fern-leaf.svg"
>
Card with a custom SVG icon.
</Card>
<Icon icon="./images/fern-leaf.svg" /> Custom SVG icon
Read the docs