Svg.js

import React from "react";
import PropTypes from "prop-types";
import sprite from "./assets/sprite.svg";

const defaultStyle = {
  fill: "#000",
  width: "25px",
  height: "25px"
};

const Svg = ({ style, id }) => (
  <svg style={style ? style : defaultStyle}>
    <use xlinkHref={`${sprite}#${id}`} aria-hidden="true" />
  </svg>
);

Svg.propTypes = {
  style: PropTypes.shape({}),
  id: PropTypes.string.isRequired
};

Svg.defaultProps = {
  style: null
};

export default Svg;