# preact-svg

**Repository Path**: mirrors_developit/preact-svg

## Basic Information

- **Project Name**: preact-svg
- **Description**: [DEPRECATED] :art: Use inline <svg> in Preact 4 and prior. :tulip:
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-07-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

> **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`.


# preact-svg

[![NPM](http://img.shields.io/npm/v/preact-svg.svg)](https://www.npmjs.com/package/preact-svg)
[![travis-ci](https://travis-ci.org/developit/preact-svg.svg?branch=master)](https://travis-ci.org/developit/preact-svg)

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

> **[CodePen Demo](http://codepen.io/developit/pen/ZbPdem?editors=001)**
>
> ![preact-svg](https://i.gyazo.com/df0bcc29e36ee107352600679e537176.gif)

---


### Usage Example

```js
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);
```


---


### License

[MIT]


[Preact]: https://github.com/developit/preact
[MIT]: http://choosealicense.com/licenses/mit/