https://github.com/developit/preact-svg

[DEPRECATED] :art: Use inline <svg> in Preact 4 and prior. :tulip:
https://github.com/developit/preact-svg

Last synced: 9 months ago
JSON representation

[DEPRECATED] :art: Use inline <svg> in Preact 4 and prior. :tulip:

• Host: GitHub
• URL: https://github.com/developit/preact-svg
• Owner: developit
• License: mit
• Created: 2015-11-19T23:33:51.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2017-05-09T15:15:43.000Z (over 8 years ago)
• Last Synced: 2025-04-10T11:16:10.834Z (10 months ago)
• Language: JavaScript
• Homepage: http://npm.im/preact-svg
• Size: 43.9 KB
• Stars: 16
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

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 `` wrapper component that makes inline `` 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 = () => (

	

		

	

);

render(, document.body);

```

---

### License

[MIT]

[Preact]: https://github.com/developit/preact

[MIT]: http://choosealicense.com/licenses/mit/