vite-plugin-magical-svg/runtime/solid.js

An all-in-one Vite plugin that magically makes working with SVGs and bundling them a breeze

import { template, spread } from "solid-js/web";

export var createSvg = /*#__NO_SIDE_EFFECTS__*/ (viewBox, width, height, symbol) => {
	let tmpl = template(`<svg${viewBox ? ` viewBox="${viewBox}"` : ''}${width ? ` width=${width}` : ''}${height ? ` height=${height}` : ''}><use href=${symbol}>`);

	return (props) => {
		let el = tmpl();
		spread(el, props, true, true);
		return el;
	};
};

export var createSvgDEV = /*#__NO_SIDE_EFFECTS__*/ (viewBox, width, height, xml) => {
	let tmpl = template(`<svg${viewBox ? ` viewBox="${viewBox}` : ''}${width ? ` width=${width}` : ''}${height ? ` height=${height}` : ''}>${xml}`);

	return (props) => {
		let el = tmpl();
		spread(el, props, true, true);
		return el;
	};
};