@kiwicom/orbit-components/es/Icon/index.js

<div align="center"> <a href="https://orbit.kiwi" target="_blank"> <img alt="orbit-components" src="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components.png" srcset="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components@2x.png 2x"

import * as React from "react";
import styled from "styled-components";

import { ICON_SIZES, ICON_COLORS } from "./consts";
import defaultTokens from "../defaultTokens";

export const getSize = () => ({ theme, size, sizeIcon }) => {
  const tokens = {
    [ICON_SIZES.SMALL]: theme.orbit.widthIconSmall,
    [ICON_SIZES.MEDIUM]: theme.orbit.widthIconMedium,
    [ICON_SIZES.LARGE]: theme.orbit.widthIconLarge
  };
  if (sizeIcon) {
    return tokens[sizeIcon];
  }
  return tokens[size];
};

const getColor = () => ({ theme, color }) => {
  const tokens = {
    [ICON_COLORS.ATTENTION]: theme.orbit.colorIconAttention,
    [ICON_COLORS.PRIMARY]: theme.orbit.colorIconPrimary,
    [ICON_COLORS.SECONDARY]: theme.orbit.colorIconSecondary,
    [ICON_COLORS.TERTIARY]: theme.orbit.colorIconTertiary,
    [ICON_COLORS.INFO]: theme.orbit.colorIconInfo,
    [ICON_COLORS.SUCCESS]: theme.orbit.colorIconSuccess,
    [ICON_COLORS.WARNING]: theme.orbit.colorIconWarning,
    [ICON_COLORS.CRITICAL]: theme.orbit.colorIconCritical
  };
  return tokens[color];
};

const StyledIcon = styled(({ className, viewBox, dataTest, children }) => React.createElement(
  "svg",
  {
    className: className,
    viewBox: viewBox,
    "data-test": dataTest,
    preserveAspectRatio: "xMidYMid meet"
  },
  children
)).withConfig({
  displayName: "Icon__StyledIcon"
})(["width:", ";height:", ";vertical-align:middle;fill:currentColor;color:", ";"], getSize(), getSize(), ({ color, customColor }) => customColor || color && getColor());

StyledIcon.defaultProps = {
  theme: defaultTokens
};

const OrbitIcon = props => {
  const { size, color, customColor, className, children, viewBox, dataTest } = props;

  return React.createElement(
    StyledIcon,
    {
      viewBox: viewBox,
      size: size,
      className: className,
      dataTest: dataTest,
      customColor: customColor,
      color: color
    },
    children
  );
};

OrbitIcon.defaultProps = {
  size: "medium"
};

export default OrbitIcon;