⚙️ Vite plugin SVG inject

Inject SVG content into components

.

• Install

1npm i vite-plugin-svg-inject -D

• Configure

1import { defineConfig } from "vite";
2import SVGInjectPlugin from "vite-plugin-svg-inject";
3
4export default defineConfig({
5  plugins: [
6    // Target:
7    // - "react" - If JSX library is React
8    // - "other" (default) - For others libraries
9    SVGInjectPlugin(target)
10  ],
11})

• Example

1import MyIcon from './images/icon.svg';
2
3function MyComponent() {
4  return (
5    <div>
6      <MyIcon width="32" fill="red" />
7    </div>
8  );
9}