Creating an SVG Icon System with React

Icon.js

import React, { Component } from 'react';
import PropTypes from 'prop-types';

class StarIcon extends Component {
    render() {
        const {color, width, height} = this.props;
        return (
            <svg className="star" width={width} height={height} fill={color} viewBox="0 0 200 200">
                <path d="M100,10 L150,140 20,50 180,50 50,140 Z" />
            </svg>
        );
    }
}

StarIcon.propTypes = {
    color: PropTypes.string,
    width: PropTypes.number,
    height: PropTypes.number,
    selected: PropTypes.bool,
    onClick: PropTypes.func
}

StarIcon.defaultProps = {
    color: "blue",
    width: 50,
    height: 50
}

export default StarIcon;