Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

vite-awesome-svg-loader

Imports SVGs as source code, base64 and data URI. Preserves stroke width, replaces colors with currentColor. Optimizes SVGs with SVGO. Creates SVG sprites.
https://github.com/matafokka/vite-awesome-svg-loader

Last synced: about 13 hours ago
JSON representation

  • Additional information

    • What are loading/import types (url, source, etc)?

    • Should I always import my images like shown in the examples? Can I simplify this?

      • ES modules - legacy](https://www.npmjs.com/package/@vitejs/plugin-legacy) as shown in the demos.

    • Comparison with other loaders

      • @poppanator/sveltekit-svg - plugin-react-svg](https://github.com/damianstasik/vite-svg), [@svgx/vite-plugin-react](https://github.com/salihbenlalla/svgx), [rollup-plugin-svelte-svg](https://www.npmjs.com/package/rollup-plugin-svelte-svg), [vite-plugin-solid-svg](https://github.com/jfgodoy/vite-plugin-solid-svg) and many more**
      • vite-svg-loader - demo/README.md):

  • Usage

  • Integrations

Programming Languages
JavaScript 1 TypeScript 1
Categories
Additional information 4 Integrations 1 Usage 1
Sub Categories
Comparison with other loaders 2 Vanilla JS 1 What are loading/import types (url, source, etc)? 1 Should I always import my images like shown in the examples? Can I simplify this? 1
Keywords
vite 2 vue 1 svg 1 vitejs 1 vite-plugin 1 sveltekit-plugin 1 sveltekit 1 svelte5 1 svelte4 1 svelte3 1 svelte 1