Notice: preact-svg is deprecated and obsolete.

As of Preact 5.x, SVG is now supported right out of the box, so there is no need for preact-svg.

This library provides an <SVG> wrapper component that makes inline <svg> work in Preact version 4 and prior.

CodePen Demo

import SVG from 'preact-svg';
import { h, render } from 'preact';
/** @jsx h */

const Main = () => (
	<SVG width="100" height="50">
		<path d="M0,0T 50,50 100,50 50,100Z" stroke="#000" stroke-width="2" />
	</SVG>
);

render(<Main />, document.body);

MIT