Import SVG as Svelte component

vite.config.js

import fs from 'fs/promises'
import { defineConfig } from 'vite'
import svelte from '@sveltejs/vite-plugin-svelte'

export default defineConfig({
  plugins: [svelteSvgPlugin(), svelte({ extensions: ['.svelte', '.svg'] })],
})

function svelteSvgPlugin() {
  return {
    name: 'svelte-svg',
    enforce: 'pre',
    load(id) {
      if (id.endsWith('.svg')) {
        return fs.readFile(id, 'utf-8')
      }
    },
  }
}