react-graphics

A collection of SVGs as renderable, customizable React components.

Usage no npm install needed!

<script type="module">
  import reactGraphics from 'https://cdn.skypack.dev/react-graphics';
</script>

README

react-graphics NPM version

A collection of SVGs as renderable, customizable React components.

Screenshot

Installation

Install the package with NPM:

$ npm install react-graphics

Usage

Example:

import React from "react";
import ReactDOM from "react-dom";
import { Male, Female, Heart, Clock } from "react-graphics";

ReactDOM.render((
  <div className="graphics">
    <Male color="#419fcf" />
    <Female color="#f378ac" />
    <Heart color="#e50f31" />
    <Clock color="#606060" minutes="20" />
  </div>
), document.getElementById("app"));