Skip to content

salt-ui/salt-svg-loader

Repository files navigation

SVG to React Loader

A Webpack Loader to convert SVG into React Component

Feature

  • SVG optimazation using SVGO, default config see here
  • transform svg slug attr name (like fill-opacity) to camel case (like fillOpacity)
  • generate shadow mask covering svg to optimize svg icon clicking experience

Installation

tnpm install salt-svg-loader

##Usage

var React = require('react');
var Icon = require('babel!salt-svg!./my-icon.svg?name=Icon');

module.exports = React.createClass({
    render () {
        return <Icon className='normal' />;
    }
});

Fork svg2react-loader, and has been reconstructed and optimized.