All files / components/Icons/IconList IconOutlinedFlag.tsx

100% Statements 3/3
100% Branches 0/0
100% Functions 1/1
100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37      1x 1x   1x                                                            
import Icon, { getCssFillClassName } from '../Icon';
import IconProps from '../IconProps';
 
const IconOutlinedFlag = ({ className, color }: IconProps) => {
  const cssFillClassName = getCssFillClassName(color);
 
  return (
    <Icon
      svg={
        <svg
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
          className={className}
        >
          <g clip-path="url(#clip0_433_165)">
            <path
              className={cssFillClassName}
              d="M14 6L13 4H5V21H7V14H12L13 16H20V6H14ZM18 14H14L13 12H7V6H12L13 8H18V14Z"
              fill="black"
            />
          </g>
          <defs>
            <clipPath id="clip0_433_165">
              <rect width="24" height="24" fill="white" />
            </clipPath>
          </defs>
        </svg>
      }
    />
  );
};
 
export default IconOutlinedFlag;