Article / SVG Icons React / Icon.tsx

Icon.tsx

import cn from 'classnames';
import * as React from 'react';
import './Icon.sass';
type Props = {
  name: string,
}
export const Icon = (props: Props) => {
  const { name } = this.props;
  const icon = require(`./${name}.svg`);
  return (
    <span
      onClick={onClick}
      className={cn('icon', `icon-${name}`)}
      dangerouslySetInnerHTML={{ __html : icon.default }}
    />
  );
}