svg-sprite-loader/examples/custom-runtime-generator/icon.jsx

Webpack loader for creating SVG sprites

import React, {PureComponent} from 'react';

export default class Icon extends PureComponent {
  render() {
    const {className, glyph, ...restProps} = this.props;

    return (
      <svg className={className} {...restProps}>
        <use xlinkHref={`#${glyph}`} />
      </svg>
    );
  }
}

Icon.defaultProps = {
  glyph: '',
  className: 'icon'
};