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