React SVG wrapper component

SvgIcon.css

svg {
  fill: white;
  stroke: currentColor;
}

SvgIcon.js

import React from 'react';
import classNames from 'classnames';
import './SvgIcon.css';

export class SvgIcon extends React.Component {
  static defaultProps = {
    icon: '',
    width: 16,
    height: 16,
    strokeWidth: 24,
  };

  render() {
    const { className, icon, ...attrs } = this.props;

    return (
      <svg className={classNames('svg-icon', className, icon)}
        {...attrs}
      >
        <use xlinkHref={`/icons.svg#${icon}`} />
      </svg>
    );
  }
}