sdnr/wt-odlux/odlux/framework/src/components/icons/menuIcon.tsx

   1 import React from 'react';
   2
   3 type MenuIconPropsBase = {
   4   className?: string;
   5   size?: number | string;
   6 };
   7
   8 type MenuIconPropsWithColor = MenuIconPropsBase & {
   9   color: string;
  10 };
  11
  12 type MenuIconProps = MenuIconPropsBase | MenuIconPropsWithColor;
  13
  14 const MenuIcon = (props: MenuIconProps) => {
  15   const { className, size = '30px' } = props;
  16   const color = 'color' in props ? props.color : '#36A9E1';
  17
  18   return (
  19     <svg className={className} width={size} height={size} viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
  20       <path fill={color} d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z" />
  21       <path fill={color} d="M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z" />
  22       <path fill={color} d="M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z" />
  23     </svg>
  24   );
  25 };
  26
  27 MenuIcon.defaultName = 'MenuIcon';
  28
  29 export default MenuIcon;