ES16 ReactJS Generic Icon component for use with SVG sprites

_icon.jsx

import React, { Component } from 'react';
export default class Icon extends Component {
  fullName(href='') {
    return `#${href}_icon-${this.props.glyph}`;
  }
  
  render() {
    const { glyph } = this.props;
    let wrapperClasses = [
      '_icon',
      '_icon-' + glyph,
      this.props.className
    ];

    return (
      <svg className={wrapperClasses.join(' ')}>
        <use xlinkHref={this.fullName()} />
      </svg>
    )
  }
}

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