Usage no npm install needed!

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

README

React Preloader Icon

SVG loading icons component for React. - Demo

Thanks to SVG-Loaders

Installation

npm

npm install --save react-preloader-icon
yarn add react-preloader-icon

Usage

import { Preloader, Oval } from 'react-preloader-icon';

const SomeComponent = () => (
  <Preloader
    use={Oval}
    size={32}
    strokeWidth={8}
    strokeColor="#F0AD4E"
    duration={800}
  /> 
);

Icon types

Oval
TailSpin
Audio
Puff
Rings
SpinningCircles
Grid
Hearts
Bars
Circles
ThreeDots
BallTriangle

Supported browsers

Support for Internet Explorer 9 requires raf polyfill.

Latest Firefox
Latest Chrome
Latest Safari
IE9 through latest

License

MIT