---
title: Icons
---

import { Steps } from "@astrojs/starlight/components";
import IconList from "../../components/IconList.astro";

This page lists all the icons available in [`@stratakit/icons`](https://www.npmjs.com/package/@stratakit/icons). Each icon is available as a standalone `.svg` file.

## Example usage

<Steps>

1.  Grab a URL to the icon (for example, `placeholder.svg`) by importing it:

    ```tsx
    import svgPlaceholder from "@stratakit/icons/placeholder.svg";
    ```

    :::note
    Importing icons in JavaScript requires bundler configuration. See [`README.md`](https://github.com/iTwin/stratakit/tree/main/packages/icons#bundler-configuration) for details.
    :::

2.  Pass the URL to the [`<Icon>`](/components/icon) component, or directly to the [`<use>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/use) element:

    ```tsx
    <Icon href={svgPlaceholder} />
    ```

</Steps>

## List of icons

<IconList />
