MyIcon.jsx

import createIcon from '.utils/createIcon';
import colors from './styles/colors';

const MyIcon = ({ color }) => (
  <path fill={colors[color]} ... />
);

export default createIcon({
  width: 16,
  height: 16,
  Icon: MyIcon,
});

utils-createIcon.jsx

import SvgIconTemplate from 'libs/templates/SvgIconTemplate';

export default ({ width, height, Icon }) => {
  const WrappedIcon = ({
    color,
    title = Icon.name,
    viewBoxWidth = width,
    viewBoxHeight = height,
    ...otherProps
  }) => (
    <SvgIconTemplate {...{ title, viewBoxWidth, viewBoxHeight, ...otherProps }}>
      <Icon {...{ color }} />
    </SvgIconTemplate>
  );

  WrappedIcon.aspectRatio = width / height;

  return WrappedIcon;
};