Configuration Reference

Configure the icon integration

Astro Icon is an integration built on top the Astro web framework. You can configure your project inside the astro.config.mjs configuration file:

astro.config.mjs

import { defineConfig } from 'astro/config';
 import icon from 'astro-icon';

export default defineConfig({
  integrations: [
    icon({ /* options */ })
  ]
});

You can pass the following options to the icon integration.

virtualModulePrefix

type: string

Customize the import prefix for the virtual icon modules. The default is virtual:icons/.

import { defineConfig } from 'astro/config';
import icon from 'astro-icon';

export default defineConfig({
  integrations: [
    icon({
      virtualModulePrefix: '~icons/'
    })
  ]
});