Icon.js

export class Icon extends PureComponent {
  constructor (...args) {
    super(...args)
    this.ref = node => { this.node = node }
  }
  applyFill () {
    if (!this.node) return

    const fill = this.props.fill
    Array.from(this.node.querySelectorAll('path')).forEach(path => {
      if (fill) {
        path.setAttribute('fill', this.props.fill)
      } else {
        path.removeAttribute('fill')
      }
    })
  }
  componentDidMount () {
    this.applyFill()
  }
  componentDidUpdate () {
    this.applyFill()
  }
  render () {
    const { name } = this.props

    if (!ICONS[name]) return null

    return <span
      dangerouslySetInnerHTML={{ __html: ICONS[name] }}
    />
  }
}