/* eslint-disable react/no-unknown-property */
import React from 'react';

import { IconType, EventHandlerProps } from 'types';

import {
  CommonIcons,
  MinorIcons,
  SelectIcons,
  StoreIcons,
} from './iconTypes';

export interface IconProps extends EventHandlerProps {
  className?: string;
  fill?: string;
  type: IconType;
}

const Icon = (props: IconProps): JSX.Element | null => {
  const {
    type, className, fill = '#959FA8', onClick, onMouseEnter, onMouseLeave,
  } = props;
  const attrBag = {
    onClick, onMouseEnter, onMouseLeave, className,
  };

  switch (type) {
    case CommonIcons.filter:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M10 18H14V16H10V18ZM3 6V8H21V6H3ZM6 13H18V11H6V13Z" fill={fill} />
        </svg>
      );

    case CommonIcons.add:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M21 13.2857H13.2857V21H10.7143V13.2857H3V10.7143H10.7143V3H13.2857V10.7143H21V13.2857Z" fill={fill} />
        </svg>
      );

    case CommonIcons.import:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M5 21H20V18.8824H5V21ZM9.28571 16.7647H15.7143V10.4118H20L12.5 3L5 10.4118H9.28571V16.7647Z" fill={fill} />
        </svg>
      );

    case CommonIcons.export:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M5 18.8599H20V21H5V18.8599ZM9.28571 3H15.7143V9.42038H20L12.5 16.9108L5 9.42038H9.28571V3Z" fill={fill} />
        </svg>
      );

    case CommonIcons.tag:
      return (
        <svg {...attrBag} width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M9.24 0.863778C9.01263 0.541673 8.63368 0.333252 8.21053 0.333252L1.26316 0.339568C0.568421 0.339568 0 0.901673 0 1.59641V7.9122C0 8.60694 0.568421 9.16904 1.26316 9.16904L8.21053 9.17536C8.63368 9.17536 9.01263 8.96694 9.24 8.64483L12 4.7543L9.24 0.863778Z" fill={fill} />
        </svg>
      );

    case CommonIcons.productMenu:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M21.41 11.58L12.41 2.58C12.05 2.22 11.55 2 11 2H4C2.9 2 2 2.9 2 4V11C2 11.55 2.22 12.05 2.59 12.42L11.59 21.42C11.95 21.78 12.45 22 13 22C13.55 22 14.05 21.78 14.41 21.41L21.41 14.41C21.78 14.05 22 13.55 22 13C22 12.45 21.77 11.94 21.41 11.58ZM5.5 7C4.67 7 4 6.33 4 5.5C4 4.67 4.67 4 5.5 4C6.33 4 7 4.67 7 5.5C7 6.33 6.33 7 5.5 7Z" fill={fill} />
        </svg>
      );

    case CommonIcons.trash:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M6 19C6 20.1 6.9 21 8 21H16C17.1 21 18 20.1 18 19V7H6V19ZM19 4H15.5L14.5 3H9.5L8.5 4H5V6H19V4Z" fill={fill} />
        </svg>
      );

    case CommonIcons.sync:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M19 8L15 12H18C18 15.31 15.31 18 12 18C10.99 18 10.03 17.75 9.2 17.3L7.74 18.76C8.97 19.54 10.43 20 12 20C16.42 20 20 16.42 20 12H23L19 8ZM6 12C6 8.69 8.69 6 12 6C13.01 6 13.97 6.25 14.8 6.7L16.26 5.24C15.03 4.46 13.57 4 12 4C7.58 4 4 7.58 4 12H1L5 16L9 12H6Z" fill={fill} />
        </svg>
      );

    case CommonIcons.drag:
      return (
        <svg {...attrBag} width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path
            d="M3.33335 9.99984C3.33335 10.7332 2.73335 11.3332 2.00002 11.3332C1.26669 11.3332 0.666687 10.7332 0.666687 9.99984C0.666687 9.2665 1.26669 8.6665 2.00002 8.6665C2.73335 8.6665 3.33335 9.2665 3.33335 9.99984ZM2.00002 4.6665C1.26669 4.6665 0.666687 5.2665 0.666687 5.99984C0.666687 6.73317 1.26669 7.33317 2.00002 7.33317C2.73335 7.33317 3.33335 6.73317 3.33335 5.99984C3.33335 5.2665 2.73335 4.6665 2.00002 4.6665ZM2.00002 0.666504C1.26669 0.666504 0.666687 1.2665 0.666687 1.99984C0.666687 2.73317 1.26669 3.33317 2.00002 3.33317C2.73335 3.33317 3.33335 2.73317 3.33335 1.99984C3.33335 1.2665 2.73335 0.666504 2.00002 0.666504ZM6.00002 3.33317C6.73335 3.33317 7.33335 2.73317 7.33335 1.99984C7.33335 1.2665 6.73335 0.666504 6.00002 0.666504C5.26669 0.666504 4.66669 1.2665 4.66669 1.99984C4.66669 2.73317 5.26669 3.33317 6.00002 3.33317ZM6.00002 4.6665C5.26669 4.6665 4.66669 5.2665 4.66669 5.99984C4.66669 6.73317 5.26669 7.33317 6.00002 7.33317C6.73335 7.33317 7.33335 6.73317 7.33335 5.99984C7.33335 5.2665 6.73335 4.6665 6.00002 4.6665ZM6.00002 8.6665C5.26669 8.6665 4.66669 9.2665 4.66669 9.99984C4.66669 10.7332 5.26669 11.3332 6.00002 11.3332C6.73335 11.3332 7.33335 10.7332 7.33335 9.99984C7.33335 9.2665 6.73335 8.6665 6.00002 8.6665Z"
            fill="#CDD1D5"
          />
        </svg>
      );

    case CommonIcons.moreDots:
      return (
        <svg {...attrBag} width="12" height="4" viewBox="0 0 12 4" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path
            d="M1.99996 0.666504C1.26663 0.666504 0.666626 1.2665 0.666626 1.99984C0.666626 2.73317 1.26663 3.33317 1.99996 3.33317C2.73329 3.33317 3.33329 2.73317 3.33329 1.99984C3.33329 1.2665 2.73329 0.666504 1.99996 0.666504ZM9.99996 0.666504C9.26663 0.666504 8.66663 1.2665 8.66663 1.99984C8.66663 2.73317 9.26663 3.33317 9.99996 3.33317C10.7333 3.33317 11.3333 2.73317 11.3333 1.99984C11.3333 1.2665 10.7333 0.666504 9.99996 0.666504ZM5.99996 0.666504C5.26663 0.666504 4.66663 1.2665 4.66663 1.99984C4.66663 2.73317 5.26663 3.33317 5.99996 3.33317C6.73329 3.33317 7.33329 2.73317 7.33329 1.99984C7.33329 1.2665 6.73329 0.666504 5.99996 0.666504Z"
            fill={fill}
          />
        </svg>
      );

    case CommonIcons.edit:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M3 18.0418V21.9996H6.95778L18.6306 10.3273L14.6728 6.36952L3 18.0418ZM21.6913 7.2661C22.1029 6.85501 22.1029 6.19011 21.6913 5.7785L19.2216 3.30831C18.81 2.89723 18.1451 2.89723 17.7335 3.30831L15.8021 5.23971L19.7599 9.19749L21.6913 7.2661Z" fill={fill} />
        </svg>
      );

    case CommonIcons.print:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M6 3H18V7H6V3ZM5 8H19C20.66 8 22 9.34 22 11V17H18V21H6V17H2V11C2 9.34 3.34 8 5 8ZM8 19H16V14H8V19ZM19 12C18.45 12 18 11.55 18 11C18 10.45 18.45 10 19 10C19.55 10 20 10.45 20 11C20 11.55 19.55 12 19 12Z" fill={fill} />
        </svg>
      );

    case CommonIcons.help:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M11 18H13V16H11V18ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM12 6C9.79 6 8 7.79 8 10H10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 12 11 11.75 11 15H13C13 12.75 16 12.5 16 10C16 7.79 14.21 6 12 6Z" fill={fill} />
        </svg>
      );

    case CommonIcons.ship:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M19.2727 8.75H16.5455V5H3.81818C2.81818 5 2 5.84422 2 6.87547V17.1875H3.81818C3.81818 18.7442 5.03636 20 6.54545 20C8.05455 20 9.27273 18.7442 9.27273 17.1875H14.7273C14.7273 18.7442 15.9455 20 17.4545 20C18.9636 20 20.1818 18.7442 20.1818 17.1875H22V12.5005L19.2727 8.75ZM6.54528 18.5937C5.79073 18.5937 5.18164 17.9661 5.18164 17.1875C5.18164 16.4098 5.79073 15.7812 6.54528 15.7812C7.29982 15.7812 7.90891 16.4098 7.90891 17.1875C7.90891 17.9661 7.29982 18.5937 6.54528 18.5937ZM18.8181 10.1562L20.6 12.5005H16.5454V10.1562H18.8181ZM17.4545 18.5937C16.6999 18.5937 16.0908 17.9661 16.0908 17.1875C16.0908 16.4098 16.6999 15.7812 17.4545 15.7812C18.209 15.7812 18.8181 16.4098 18.8181 17.1875C18.8181 17.9661 18.209 18.5937 17.4545 18.5937Z" fill={fill} />
        </svg>
      );

    case CommonIcons.list:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M2 8.7H4.22222V6.5H2V8.7ZM4.22222 13.1H2V10.9H4.22222V13.1ZM4.22222 17.5H2V15.3H4.22222V17.5ZM21.9999 13.1H6.44434V10.9H21.9999V13.1ZM6.44434 17.5H21.9999V15.3H6.44434V17.5ZM6.44444 8.7V6.5H22V8.7H6.44444Z" fill={fill} />
        </svg>
      );

    case CommonIcons.success:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM14.7708 8L10.0856 13.2468L8.22925 11.1679L7 12.5445L10.0856 16L16 9.37661L14.7708 8ZM20.1818 12C20.1818 16.5187 16.5187 20.1818 12 20.1818C7.48131 20.1818 3.81818 16.5187 3.81818 12C3.81818 7.48131 7.48131 3.81818 12 3.81818C16.5187 3.81818 20.1818 7.48131 20.1818 12Z" fill={fill} />
        </svg>
      );

    case CommonIcons.phone:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M6.62 10.79C8.06 13.62 10.38 15.93 13.21 17.38L15.41 15.18C15.68 14.91 16.08 14.82 16.43 14.94C17.55 15.31 18.76 15.51 20 15.51C20.55 15.51 21 15.96 21 16.51V20C21 20.55 20.55 21 20 21C10.61 21 3 13.39 3 4C3 3.45 3.45 3 4 3H7.5C8.05 3 8.5 3.45 8.5 4C8.5 5.25 8.7 6.45 9.07 7.57C9.18 7.92 9.1 8.31 8.82 8.59L6.62 10.79Z" fill={fill} />
        </svg>
      );

    case CommonIcons.history:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M4.85714 12.5C4.85714 7.80611 8.69524 4 13.4286 4C18.1619 4 22 7.80611 22 12.5C22 17.1939 18.1619 21 13.4286 21C11.0571 21 8.92381 20.0461 7.37143 18.5067L8.72381 17.1656C9.92381 18.365 11.5905 19.1111 13.4286 19.1111C17.1143 19.1111 20.0952 16.155 20.0952 12.5C20.0952 8.845 17.1143 5.88889 13.4286 5.88889C9.74286 5.88889 6.7619 8.845 6.7619 12.5H9.61905L5.77143 16.3061L5.70476 16.1739L2 12.5H4.85714ZM12.4761 13.4444V8.72222H13.9046V12.7361L17.238 14.7006L16.5523 15.8433L12.4761 13.4444Z" fill={fill} />
        </svg>
      );

    case CommonIcons.calendar:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M18.3333 5.7H17.5V4H15.8333V5.7H9.16667V4H7.5V5.7H6.66667C5.74167 5.7 5.00833 6.465 5.00833 7.4L5 19.3C5 20.235 5.74167 21 6.66667 21H18.3333C19.25 21 20 20.235 20 19.3V7.4C20 6.465 19.25 5.7 18.3333 5.7ZM10.0002 11.65H8.3335V13.35H10.0002V11.65ZM13.3332 11.65H11.6665V13.35H13.3332V11.65ZM15 11.65H16.6667V13.35H15V11.65ZM6.6665 19.3H18.3332V9.94998H6.6665V19.3Z" fill={fill} />
        </svg>
      );

    case CommonIcons.domestic:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M14.6667 6.52632V11.5789H20V20H4V8.21053H9.33333V6.52632L12 4L14.6667 6.52632ZM5.77778 18.3158H7.55556V16.6316H5.77778V18.3158ZM7.55556 14.9474H5.77778V13.2632H7.55556V14.9474ZM5.77778 11.5789H7.55556V9.89474H5.77778V11.5789ZM11.1111 18.3158V16.6316H12.8889V18.3158H11.1111ZM11.1111 13.2632V14.9474H12.8889V13.2632H11.1111ZM11.1111 11.5789V9.89474H12.8889V11.5789H11.1111ZM11.1111 6.52632V8.21053H12.8889V6.52632H11.1111ZM18.2222 18.3158H16.4444V16.6316H18.2222V18.3158ZM16.4444 14.9474H18.2222V13.2632H16.4444V14.9474Z" fill={fill} />
        </svg>
      );

    case CommonIcons.international:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M17.9 17.39C17.64 16.58 16.9 16 16 16H15V13C15 12.45 14.55 12 14 12H8V10H10C10.55 10 11 9.55 11 9V7H13C14.1 7 15 6.1 15 5V4.59C17.93 5.78 20 8.65 20 12C20 14.08 19.2 15.97 17.9 17.39ZM11 19.93C7.05 19.44 4 16.08 4 12C4 11.38 4.08 10.79 4.21 10.21L9 15V16C9 17.1 9.9 18 11 18V19.93ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2Z" fill={fill} />
        </svg>
      );

    case CommonIcons.location:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M5 9.65C5 5.9735 7.90643 3 11.5 3C15.0936 3 18 5.9735 18 9.65C18 14.6375 11.5 22 11.5 22C11.5 22 5 14.6375 5 9.65ZM9.17848 9.65002C9.17848 10.961 10.2185 12.025 11.4999 12.025C12.7813 12.025 13.8213 10.961 13.8213 9.65002C13.8213 8.33902 12.7813 7.27502 11.4999 7.27502C10.2185 7.27502 9.17848 8.33902 9.17848 9.65002Z" fill={fill} />
        </svg>
      );

    case CommonIcons.store:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M20 4H4V6H20V4ZM21 14V12L20 7H4L3 12V14H4V20H14V14H18V20H20V14H21ZM6 18H12V14H6V18Z" fill={fill} />
        </svg>
      );

    case CommonIcons.csv:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M7.625 4H14.125L19 8.8V18.4C19 19.28 18.2688 20 17.375 20H7.61688C6.72313 20 6 19.28 6 18.4L6.00813 5.6C6.00813 4.72 6.73125 4 7.625 4ZM9.2502 16.8H15.7502V15.2H9.2502V16.8ZM15.7502 13.6H9.2502V12H15.7502V13.6ZM13.3127 5.20001V9.60001H17.7814L13.3127 5.20001Z" fill={fill} />
        </svg>
      );

    case CommonIcons.refresh:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M17.64 6.35C16.19 4.9 14.2 4 11.99 4C7.57 4 4 7.58 4 12C4 16.42 7.57 20 11.99 20C15.72 20 18.83 17.45 19.72 14H17.64C16.82 16.33 14.6 18 11.99 18C8.68 18 5.99 15.31 5.99 12C5.99 8.69 8.68 6 11.99 6C13.65 6 15.13 6.69 16.21 7.78L12.99 11H19.99V4L17.64 6.35Z" fill={fill} />
        </svg>
      );

    case CommonIcons.done:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z" fill={fill} />
        </svg>
      );

    case CommonIcons.cross:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M19.5 6.01071L17.9893 4.5L12 10.4893L6.01071 4.5L4.5 6.01071L10.4893 12L4.5 17.9893L6.01071 19.5L12 13.5107L17.9893 19.5L19.5 17.9893L13.5107 12L19.5 6.01071Z" fill={fill} />
        </svg>
      );

    case CommonIcons.note:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M5.7 4H19.3C20.235 4 21 4.765 21 5.7V15.9C21 16.835 20.235 17.6 19.3 17.6H7.4L4 21L4.0085 5.7C4.0085 4.765 4.765 4 5.7 4ZM17.6 9.95H7.4V11.65H17.6V9.95ZM14.2 14.2H7.4V12.5H14.2V14.2ZM7.4 9.1H17.6V7.4H7.4V9.1Z" fill={fill} />
        </svg>
      );

    case CommonIcons.equal:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM6.99598 9H10.9944H12.9936H16.992V10.9992H12.9936H10.9944H6.99598V9ZM7 13.2H11H13H17V15.2H13H11H7V13.2ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12Z" fill={fill} />
        </svg>
      );

    case CommonIcons.more:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11 7V11H7V13H11V17H13V13H17V11H13V7H11ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12Z" fill={fill} />
        </svg>
      );

    case CommonIcons.less:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11 11H7V13H11H13H17V11H13H11ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12Z" fill={fill} />
        </svg>
      );

    case CommonIcons.search:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M14.3819 13.6918H15.1498L20 18.5517L18.5517 20L13.6918 15.1498V14.3819L13.4294 14.1098C12.3213 15.0623 10.8828 15.6358 9.3179 15.6358C5.82847 15.6358 3 12.8073 3 9.3179C3 5.82847 5.82847 3 9.3179 3C12.8073 3 15.6358 5.82847 15.6358 9.3179C15.6358 10.8828 15.0623 12.3213 14.1098 13.4294L14.3819 13.6918ZM4.94397 9.3179C4.94397 11.7381 6.89766 13.6918 9.3179 13.6918C11.7381 13.6918 13.6918 11.7381 13.6918 9.3179C13.6918 6.89766 11.7381 4.94397 9.3179 4.94397C6.89766 4.94397 4.94397 6.89766 4.94397 9.3179Z" fill={fill} />
        </svg>
      );

    case CommonIcons.attention:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M11 15H13V17H11V15ZM11 7H13V13H11V7ZM11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z" fill={fill} />
        </svg>
      );

    case CommonIcons.pos:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M17.5 3H7.5C6.11667 3 5 4.06083 5 5.375V19.625C5 20.9392 6.11667 22 7.5 22H17.5C18.8833 22 20 20.9392 20 19.625V5.375C20 4.06083 18.8833 3 17.5 3ZM14.1668 20.4167H10.8335V19.625H14.1668V20.4167ZM6.45813 18.0417H18.5415V5.375H6.45813V18.0417Z" fill={fill} />
        </svg>
      );

    case CommonIcons.discount:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M4 6.8C4 5.74444 4.31875 4.79444 5.0625 4.05556C5.80625 3.31667 6.7625 3 8.0375 3C9.3125 3 10.2687 3.31667 11.0125 4.05556C11.7562 4.79444 12.075 5.63889 12.075 6.8V7.75C12.075 8.80556 11.7562 9.75556 11.0125 10.4944C10.2687 11.2333 9.3125 11.55 8.0375 11.55C6.7625 11.55 5.80625 11.2333 5.0625 10.4944C4.31875 9.75556 4 8.91111 4 7.75V6.8ZM6.44371 7.75C6.44371 8.27778 6.54996 8.7 6.86871 9.01667C7.18746 9.33333 7.50621 9.54444 8.03746 9.54444C8.56871 9.54444 8.88746 9.33333 9.20621 9.01667C9.52496 8.7 9.63121 8.27778 9.63121 7.75V6.8C9.63121 6.27222 9.52496 5.85 9.20621 5.53333C8.88746 5.21667 8.56871 5.00555 8.03746 5.00555C7.50621 5.00555 7.18746 5.21667 6.86871 5.53333L6.8687 5.53333C6.65621 5.95556 6.44371 6.37778 6.44371 6.8V7.75ZM6.86885 19.3611L8.6751 20.3111L17.7063 5.85002L15.9001 4.90002L6.86885 19.3611ZM12.925 17.25C12.925 16.1945 13.2438 15.2445 13.9875 14.5056C14.7313 13.7667 15.6875 13.45 16.9625 13.45C18.2375 13.45 19.1938 13.7667 19.9375 14.5056C20.6813 15.2445 21 16.0889 21 17.25V18.2C21 19.2556 20.6813 20.2056 19.9375 20.9445C19.1938 21.6833 18.2375 22 16.9625 22C15.6875 22 14.7313 21.6833 13.9875 20.9445C13.2438 20.2056 12.925 19.3611 12.925 18.2V17.25ZM15.7938 19.4667C15.4751 19.0445 15.3688 18.7278 15.3688 18.2H15.2626V17.25C15.2626 16.7222 15.3688 16.3 15.6876 15.9833C16.0063 15.6667 16.3251 15.4556 16.8563 15.4556C17.3876 15.4556 17.7063 15.6667 18.0251 15.9833C18.3438 16.4056 18.4501 16.7222 18.4501 17.25V18.2C18.4501 18.7278 18.3438 19.15 18.1313 19.4667C17.9188 19.7833 17.4938 19.9945 16.9626 19.9945C16.4313 19.9945 16.1126 19.8889 15.7938 19.4667Z" fill={fill} />
        </svg>
      );

    case CommonIcons.fail:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM16 8.80571L15.1943 8L12 11.1943L8.80571 8L8 8.80571L11.1943 12L8 15.1943L8.80571 16L12 12.8057L15.1943 16L16 15.1943L12.8057 12L16 8.80571ZM20.1819 12C20.1819 16.5187 16.5187 20.1818 12.0001 20.1818C7.48136 20.1818 3.81824 16.5187 3.81824 12C3.81824 7.4813 7.48136 3.81818 12.0001 3.81818C16.5187 3.81818 20.1819 7.4813 20.1819 12Z" fill={fill} />
        </svg>
      );

    case CommonIcons.inProgress:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM9 11C8.45 11 8 11.45 8 12C8 12.55 8.45 13 9 13C9.55 13 10 12.55 10 12C10 11.45 9.55 11 9 11ZM15 11C14.45 11 14 11.45 14 12C14 12.55 14.45 13 15 13C15.55 13 16 12.55 16 12C16 11.45 15.55 11 15 11ZM12 11C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13C12.55 13 13 12.55 13 12C13 11.45 12.55 11 12 11ZM20.1819 12C20.1819 16.5187 16.5187 20.1818 12.0001 20.1818C7.48136 20.1818 3.81824 16.5187 3.81824 12C3.81824 7.4813 7.48136 3.81818 12.0001 3.81818C16.5187 3.81818 20.1819 7.4813 20.1819 12Z" fill={fill} />
        </svg>
      );

    case CommonIcons.email:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M4.8 5H19.2C20.19 5 21 5.7875 21 6.75V17.25C21 18.2125 20.19 19 19.2 19H4.8C3.81 19 3 18.2125 3 17.25L3.009 6.75C3.009 5.7875 3.81 5 4.8 5ZM11.9998 12.875L19.1998 8.49999V6.74999L11.9998 11.125L4.7998 6.74999V8.49999L11.9998 12.875Z" fill={fill} />
        </svg>
      );

    case CommonIcons.camera:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M9 3L7.17 5H4C2.9 5 2 5.9 2 7V19C2 20.1 2.9 21 4 21H20C21.1 21 22 20.1 22 19V7C22 5.9 21.1 5 20 5H16.83L15 3H9ZM12 18C9.24 18 7 15.76 7 13C7 10.24 9.24 8 12 8C14.76 8 17 10.24 17 13C17 15.76 14.76 18 12 18ZM15.2 13C15.2 14.7673 13.7673 16.2 12 16.2C10.2327 16.2 8.8 14.7673 8.8 13C8.8 11.2327 10.2327 9.8 12 9.8C13.7673 9.8 15.2 11.2327 15.2 13Z" fill={fill} />
        </svg>
      );

    case CommonIcons.image:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19ZM11 16.51L8.5 13.5L5 18H19L14.5 12L11 16.51Z" fill={fill} />
        </svg>
      );

    case CommonIcons.transfer:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M14.99 10V13L11 9L14.99 5V8H22V10H14.99ZM2 14H9.01V11L13 15L9.01 19V16H2V14Z" fill={fill} />
        </svg>
      );

    case CommonIcons.premiumDelivery:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M7 3V14H10V23L17 11H13L17 3H7Z" fill={fill} />
        </svg>
      );

    case CommonIcons.lock:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M18 8H17V6C17 3.24 14.76 1 12 1C9.24 1 7 3.24 7 6V8H6C4.9 8 4 8.9 4 10V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V10C20 8.9 19.1 8 18 8ZM12 17C10.9 17 10 16.1 10 15C10 13.9 10.9 13 12 13C13.1 13 14 13.9 14 15C14 16.1 13.1 17 12 17ZM15.1 8H8.9V6C8.9 4.29 10.29 2.9 12 2.9C13.71 2.9 15.1 4.29 15.1 6V8Z" fill={fill} />
        </svg>
      );

    case CommonIcons.pick:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M18 12.9998H17.32L15.32 14.9998H17.23L19 16.9998H5L6.78 14.9998H8.83L6.83 12.9998H6L3 15.9998V19.9998C3 21.0998 3.89 21.9998 4.99 21.9998H19C20.1 21.9998 21 21.1098 21 19.9998V15.9998L18 12.9998ZM17 7.9498L12.05 12.8998L8.51 9.3598L13.46 4.4098L17 7.9498ZM12.76 2.2898L6.39 8.6598C6 9.0498 6 9.6798 6.39 10.0698L11.34 15.0198C11.73 15.4098 12.36 15.4098 12.75 15.0198L19.11 8.6598C19.5 8.2698 19.5 7.6398 19.11 7.2498L14.16 2.2998C13.78 1.8998 13.15 1.8998 12.76 2.2898Z" fill={fill} />
        </svg>
      );

    case CommonIcons.date:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M9 11H7V13H9V11ZM13 11H11V13H13V11ZM17 11H15V13H17V11ZM19 4H18V2H16V4H8V2H6V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4ZM19 20H5V9H19V20Z" fill={fill} />
        </svg>
      );

    case CommonIcons.pay:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M20 4H4C2.89 4 2.01 4.89 2.01 6L2 18C2 19.11 2.89 20 4 20H20C21.11 20 22 19.11 22 18V6C22 4.89 21.11 4 20 4ZM20 18H4V12H20V18ZM20 8H4V6H20V8Z" fill={fill} />
        </svg>
      );

    case CommonIcons.minus:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M21 13.2858H13.2857H10.7143H3V10.7144H10.7143L13.2857 10.7144L21 10.7144V13.2858Z" fill={fill} />
        </svg>
      );

    case CommonIcons.copy:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M16 1H4C2.9 1 2 1.9 2 3V17H4V3H16V1ZM15 5L21 11V21C21 22.1 20.1 23 19 23H7.99C6.89 23 6 22.1 6 21L6.01 7C6.01 5.9 6.9 5 8 5H15ZM14 12H19.5L14 6.5V12Z" fill={fill} />
        </svg>
      );

    case CommonIcons.favourite:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M6.11086 21.9708C5.71892 22.2561 5.19111 21.8726 5.34122 21.4117L7.59414 14.4943L1.71008 10.3073C1.31339 10.025 1.5131 9.3999 1.99997 9.3999H9.2191L11.5241 2.24656C11.673 1.78435 12.3269 1.78435 12.4759 2.24656L14.7808 9.3999H22C22.4868 9.3999 22.6866 10.025 22.2899 10.3073L16.4058 14.4943L18.6587 21.4117C18.8088 21.8726 18.281 22.2561 17.8891 21.9708L12 17.685L6.11086 21.9708Z" fill={fill} />
        </svg>
      );

    case CommonIcons.notFavourite:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M22.0429 9.24185L15.1527 8.6477L12.4602 2.30464C12.2878 1.89834 11.7118 1.89849 11.5396 2.30489L8.84726 8.65728L1.95769 9.24179C1.51698 9.27918 1.33828 9.82831 1.67258 10.1179L6.90447 14.6503L5.33304 21.3864C5.23256 21.8171 5.69967 22.1566 6.07833 21.9281L12 18.354L17.9216 21.9281C18.3 22.1564 18.7669 21.8176 18.667 21.3871L17.105 14.6503L22.3277 10.1176C22.6613 9.82807 22.483 9.2798 22.0429 9.24185ZM12.2587 15.4722C12.0997 15.376 11.9006 15.3759 11.7415 15.472L8.99662 17.1291L9.72685 14.0038C9.76906 13.8231 9.70776 13.6339 9.5676 13.5123L7.13958 11.4061L10.3432 11.1281C10.5279 11.1121 10.6886 10.9952 10.7607 10.8243L12.0007 7.88459L13.2495 10.8349C13.3217 11.0054 13.4822 11.1221 13.6667 11.1381L16.8703 11.4161L14.4423 13.5223C14.3022 13.6439 14.2409 13.8331 14.2831 14.0138L15.013 17.1379L12.2587 15.4722Z" fill={fill} />
        </svg>
      );

    case CommonIcons.reports:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M23 8.05882C23 9.19118 22.1 10.1176 21 10.1176C20.82 10.1176 20.65 10.0971 20.49 10.0456L16.93 13.7C16.98 13.8647 17 14.05 17 14.2353C17 15.3676 16.1 16.2941 15 16.2941C13.9 16.2941 13 15.3676 13 14.2353C13 14.05 13.02 13.8647 13.07 13.7L10.52 11.075C10.36 11.1265 10.18 11.1471 10 11.1471C9.82 11.1471 9.64 11.1265 9.48 11.075L4.93 15.7691C4.98 15.9338 5 16.1088 5 16.2941C5 17.4265 4.1 18.3529 3 18.3529C1.9 18.3529 1 17.4265 1 16.2941C1 15.1618 1.9 14.2353 3 14.2353C3.18 14.2353 3.35 14.2559 3.51 14.3074L8.07 9.62353C8.02 9.45882 8 9.27353 8 9.08824C8 7.95588 8.9 7.02941 10 7.02941C11.1 7.02941 12 7.95588 12 9.08824C12 9.27353 11.98 9.45882 11.93 9.62353L14.48 12.2485C14.64 12.1971 14.82 12.1765 15 12.1765C15.18 12.1765 15.36 12.1971 15.52 12.2485L19.07 8.58382C19.02 8.41912 19 8.24412 19 8.05882C19 6.92647 19.9 6 21 6C22.1 6 23 6.92647 23 8.05882Z" fill={fill} />
        </svg>
      );

    case CommonIcons.orders:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M2 2V4.05882H4L7.6 11.8721L6.25 14.3941C6.09 14.6824 6 15.0221 6 15.3824C6 16.5147 6.9 17.4412 8 17.4412H20V15.3824H8.42C8.28 15.3824 8.17 15.2691 8.17 15.125L8.2 15.0015L9.1 13.3235H16.55C17.3 13.3235 17.96 12.9015 18.3 12.2632L21.88 5.58235C21.96 5.43824 22 5.26323 22 5.08823C22 4.52206 21.55 4.05882 21 4.05882H6.21L5.27 2H2ZM7.99982 18.4705C6.89982 18.4705 6.00982 19.397 6.00982 20.5293C6.00982 21.6617 6.89982 22.5881 7.99982 22.5881C9.09982 22.5881 9.99982 21.6617 9.99982 20.5293C9.99982 19.397 9.09982 18.4705 7.99982 18.4705ZM16.0098 20.5293C16.0098 19.397 16.8998 18.4705 17.9998 18.4705C19.0998 18.4705 19.9998 19.397 19.9998 20.5293C19.9998 21.6617 19.0998 22.5881 17.9998 22.5881C16.8998 22.5881 16.0098 21.6617 16.0098 20.5293Z" fill={fill} />
        </svg>
      );

    case CommonIcons.products:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M15.3158 5C15.9505 5 16.5189 5.31263 16.86 5.79579L21 11.6316L16.86 17.4674C16.5189 17.9505 15.9505 18.2632 15.3158 18.2632L4.89474 18.2537C3.85263 18.2537 3 17.4105 3 16.3684V6.89474C3 5.85263 3.85263 5.00947 4.89474 5.00947L15.3158 5ZM17.0625 11.75C17.0625 12.682 16.307 13.4375 15.375 13.4375C14.443 13.4375 13.6875 12.682 13.6875 11.75C13.6875 10.818 14.443 10.0625 15.375 10.0625C16.307 10.0625 17.0625 10.818 17.0625 11.75Z" fill={fill} />
        </svg>
      );

    case CommonIcons.scales:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M20.5896 21.1444V19.0178H13.1225V7.42247C13.9378 7.06012 14.5029 6.24051 14.5029 5.28718C14.5029 3.99306 13.4504 2.94482 12.1563 2.94482C10.8578 2.94482 9.8096 3.99306 9.8096 5.28718C9.8096 6.16718 10.2927 6.93502 11.0131 7.33188V19.0178H3.54176V21.1444H20.5896ZM18.8756 8.56129L17.3054 12.4695H20.463L18.8756 8.51816V8.56129ZM22.0246 13.0346L22.1195 13.0691L22.9434 13.3884C22.8744 15.2389 21.0928 16.7229 18.9015 16.7229C16.7144 16.7229 14.9285 15.2433 14.8595 13.3927L15.7352 13.0519L18.3579 6.46051H15.6662V4.29933H22.0807V6.46051H19.4105L22.0246 13.0346ZM3.81844 12.4695L5.38864 8.56129V8.51816L6.97609 12.4695H3.81844ZM8.63256 13.0691L8.53766 13.0346L5.92354 6.46051H8.59374V4.29933H2.17923V6.46051H4.87099L2.24824 13.0519L1.37256 13.3927C1.44158 15.2433 3.22746 16.7229 5.41452 16.7229C7.60589 16.7229 9.38746 15.2389 9.45648 13.3884L8.63256 13.0691Z" fill={fill} />
        </svg>
      );

    case CommonIcons.securityOn:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M18 8H17V6C17 3.24 14.76 1 12 1C9.24 1 7 3.24 7 6V8H6C4.9 8 4 8.9 4 10V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V10C20 8.9 19.1 8 18 8ZM12 17C10.9 17 10 16.1 10 15C10 13.9 10.9 13 12 13C13.1 13 14 13.9 14 15C14 16.1 13.1 17 12 17ZM8.9 8H15.1V6C15.1 4.29 13.71 2.9 12 2.9C10.29 2.9 8.9 4.29 8.9 6V8Z" fill={fill} />
        </svg>
      );

    case CommonIcons.securityOff:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M18 8H17V6C17 3.24 14.76 1 12 1C9.24 1 7 3.24 7 6H8.9C8.9 4.29 10.29 2.9 12 2.9C13.71 2.9 15.1 4.29 15.1 6V8H6C4.9 8 4 8.9 4 10V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V10C20 8.9 19.1 8 18 8ZM12 17C13.1 17 14 16.1 14 15C14 13.9 13.1 13 12 13C10.9 13 10 13.9 10 15C10 16.1 10.9 17 12 17ZM6 20H18V10H6V20Z" fill={fill} />
        </svg>
      );

    case CommonIcons.accounts:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M4.22222 2H19.7778C21 2 22 3 22 4.22222V19.7778C22 21 21 22 19.7778 22H4.22222C3 22 2 21 2 19.7778V4.22222C2 3 3 2 4.22222 2ZM6.44444 17.5556H8.66667V9.77778H6.44444V17.5556ZM13.1111 17.5556H10.8889V6.44444H13.1111V17.5556ZM15.3333 17.5556H17.5556V13.1111H15.3333V17.5556Z" fill={fill} />
        </svg>
      );

    case CommonIcons.settings:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M19.5291 12C19.5291 12.34 19.4991 12.66 19.4591 12.98L21.5691 14.63C21.7591 14.78 21.8091 15.05 21.6891 15.27L19.6891 18.73C19.5691 18.95 19.3091 19.04 19.0791 18.95L16.5891 17.95C16.0691 18.34 15.5091 18.68 14.8991 18.93L14.5191 21.58C14.4891 21.82 14.2791 22 14.0291 22H10.0291C9.77914 22 9.56914 21.82 9.53914 21.58L9.15914 18.93C8.54914 18.68 7.98914 18.35 7.46914 17.95L4.97914 18.95C4.75914 19.03 4.48914 18.95 4.36914 18.73L2.36914 15.27C2.24914 15.05 2.29914 14.78 2.48914 14.63L4.59914 12.98C4.55914 12.66 4.52914 12.33 4.52914 12C4.52914 11.67 4.55914 11.34 4.59914 11.02L2.48914 9.37C2.29914 9.22 2.23914 8.95 2.36914 8.73L4.36914 5.27C4.48914 5.05 4.74914 4.96 4.97914 5.05L7.46914 6.05C7.98914 5.66 8.54914 5.32 9.15914 5.07L9.53914 2.42C9.56914 2.18 9.77914 2 10.0291 2H14.0291C14.2791 2 14.4891 2.18 14.5191 2.42L14.8991 5.07C15.5091 5.32 16.0691 5.65 16.5891 6.05L19.0791 5.05C19.2991 4.97 19.5691 5.05 19.6891 5.27L21.6891 8.73C21.8091 8.95 21.7591 9.22 21.5691 9.37L19.4591 11.02C19.4991 11.34 19.5291 11.66 19.5291 12ZM8.52914 12C8.52914 13.93 10.0991 15.5 12.0291 15.5C13.9591 15.5 15.5291 13.93 15.5291 12C15.5291 10.07 13.9591 8.5 12.0291 8.5C10.0991 8.5 8.52914 10.07 8.52914 12Z" fill={fill} />
        </svg>
      );

    case CommonIcons.unlink:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M22 12.4C22 15.2 19.8 17.4 17 17.4H13V15.4H17C18.7 15.4 20.1 14.1 20.1 12.4C20.1 10.7 18.7 9.4 17 9.4H16.5L14.4 11.4H16V13.4H12.4L10.3 15.4H11V17.4H8.4L3.9 21.8L2.5 20.4L5.7 17.2C3.6 16.7 2 14.7 2 12.4C2 9.6 4.2 7.4 7 7.4H11V9.4H7C5.3 9.4 3.9 10.7 3.9 12.4C3.9 14.1 5.3 15.4 7 15.4H7.5L9.6 13.4H8V11.4H11.6L13.7 9.4H13V7.4H15.6L20.1 3L21.5 4.4L18.3 7.6C20.4 8.1 22 10.1 22 12.4Z" fill={fill} />
        </svg>
      );

    case CommonIcons.printingTemplates:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M19.2 3H8.4C7.41 3 6.6 3.81 6.6 4.8V15.6C6.6 16.59 7.41 17.4 8.4 17.4H19.2C20.19 17.4 21 16.59 21 15.6V4.8C21 3.81 20.19 3 19.2 3ZM4.8 6.6H3V19.2C3 20.19 3.81 21 4.8 21H17.4V19.2H4.8V6.6ZM9.3 11.1H18.3V9.3H9.3V11.1ZM14.7 14.7H9.3V12.9H14.7V14.7ZM9.3 7.5H18.3V5.7H9.3V7.5Z" fill={fill} />
        </svg>
      );

    case CommonIcons.notifications:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M18 10.5V15.5L20 17.5V18.5H4V17.5L6 15.5V10.5C6 7.42 7.63 4.86 10.5 4.18V3.5C10.5 2.67 11.17 2 12 2C12.83 2 13.5 2.67 13.5 3.5V4.18C16.36 4.86 18 7.43 18 10.5ZM14 19.5C14 20.6 13.1 21.5 12 21.5C10.89 21.5 10 20.6 10 19.5H14Z" fill={fill} />
        </svg>
      );

    case CommonIcons.stockTake:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M18.2 4.4H14.229C13.83 3.298 12.785 2.5 11.55 2.5C10.315 2.5 9.27 3.298 8.871 4.4H4.9C3.855 4.4 3 5.255 3 6.3V19.6C3 20.645 3.855 21.5 4.9 21.5H18.2C19.245 21.5 20.1 20.645 20.1 19.6V6.3C20.1 5.255 19.245 4.4 18.2 4.4ZM11.55 4.4C12.0725 4.4 12.5 4.8275 12.5 5.35C12.5 5.8725 12.0725 6.3 11.55 6.3C11.0275 6.3 10.6 5.8725 10.6 5.35C10.6 4.8275 11.0275 4.4 11.55 4.4ZM5.85 13.9L9.65 17.7L17.25 10.1L15.9105 8.751L9.65 15.0115L7.1895 12.5605L5.85 13.9Z" fill={fill} />
        </svg>
      );

    case CommonIcons.shippingRules:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM6.5 9L10 5.5L13.5 9H11V13H9V9H6.5ZM14 18.5L17.5 15H15V11H13V15H10.5L14 18.5Z" fill={fill} />
        </svg>
      );

    case CommonIcons.archive:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M20.5 5.2L19.1 3.5C18.9 3.2 18.5 3 18 3H6C5.5 3 5.1 3.2 4.8 3.5L3.5 5.2C3.2 5.6 3 6 3 6.5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V6.5C21 6 20.8 5.6 20.5 5.2ZM12 17.5L6.5 12H10V10H14V12H17.5L12 17.5ZM5.9 4L5.1 5H18.8L17.9 4H5.9Z" fill={fill} />
        </svg>
      );

    case CommonIcons.time:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M11.4905 2C6.2465 2 2 6.256 2 11.5C2 16.744 6.2465 21 11.4905 21C16.744 21 21 16.744 21 11.5C21 6.256 16.744 2 11.4905 2ZM11.9749 6.75H10.5499V12.45L15.5374 15.4425L16.2499 14.274L11.9749 11.7375V6.75ZM3.90002 11.5C3.90002 15.699 7.30102 19.1 11.5 19.1C15.699 19.1 19.1 15.699 19.1 11.5C19.1 7.30102 15.699 3.90002 11.5 3.90002C7.30102 3.90002 3.90002 7.30102 3.90002 11.5Z" fill={fill} />
        </svg>
      );

    case CommonIcons.smartphone:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M7.71429 3L16.2857 3.00864C17.2286 3.00864 18 3.77727 18 4.72727V20.2727C18 21.2227 17.2286 22 16.2857 22H7.71429C6.77143 22 6 21.2227 6 20.2727V4.72727C6 3.77727 6.77143 3 7.71429 3ZM7.71407 18.5454H16.2855V6.45453H7.71407V18.5454Z" fill={fill} />
        </svg>
      );

    case CommonIcons.user:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 5C13.66 5 15 6.34 15 8C15 9.66 13.66 11 12 11C10.34 11 9 9.66 9 8C9 6.34 10.34 5 12 5ZM6 15.98C7.29 17.92 9.5 19.2 12 19.2C14.5 19.2 16.71 17.92 18 15.98C17.97 13.99 13.99 12.9 12 12.9C10 12.9 6.03 13.99 6 15.98Z" fill={fill} />
        </svg>
      );

    case CommonIcons.play:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M10 16.5L16 12L10 7.5V16.5ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" fill={fill} />
        </svg>
      );

    case CommonIcons.pause:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M9 16H11V8H9V16ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM13 16H15V8H13V16Z" fill={fill} />
        </svg>
      );

    case CommonIcons.toggle:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" stroke={fill} strokeWidth="2" xmlns="http://www.w3.org/2000/svg">
          <path d="M18.36 6.64a9 9 0 1 1-12.73 0" />
          <line x1="12" y1="2" x2="12" y2="12" />
        </svg>
      );

    case CommonIcons.send:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" fill={fill} />
        </svg>
      );

    case MinorIcons.dropdown:
      return (
        <svg {...attrBag} width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M4 6L8 10L12 6H4Z" fill={fill} />
        </svg>
      );

    case MinorIcons.rightArrow:
      return (
        <svg {...attrBag} width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M0.000156403 1.41L4.58016 6L0.000156403 10.59L1.41016 12L7.41016 6L1.41016 0L0.000156403 1.41Z" fill={fill} />
        </svg>
      );

    case MinorIcons.leftArrow:
      return (
        <svg {...attrBag} width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M7.41 10.59L2.83 6L7.41 1.41L6 0L0 6L6 12L7.41 10.59Z" fill={fill} />
        </svg>
      );

    case MinorIcons.downArrow:
      return (
        <svg {...attrBag} width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M11.0302 5.52997L7.97021 8.5833L4.91021 5.52997L3.97021 6.46997L7.97021 10.47L11.9702 6.46997L11.0302 5.52997Z" fill={fill} />
        </svg>
      );

    case MinorIcons.upArrow:
      return (
        <svg {...attrBag} width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M4.91021 10.47L7.97021 7.4167L11.0302 10.47L11.9702 9.53003L7.97021 5.53003L3.97021 9.53003L4.91021 10.47Z" fill={fill} />
        </svg>
      );

    case MinorIcons.startArrow:
      return (
        <svg {...attrBag} width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M9.86919 10.1311L5.7472 6.0001L9.86919 1.8691L8.60019 0.600098L3.2002 6.0001L8.60019 11.4001L9.86919 10.1311Z" fill={fill} />
          <line x1="1.5" y1="0.600098" x2="1.5" y2="11.4001" stroke={fill} strokeWidth="2" />
        </svg>
      );

    case MinorIcons.doubleArrow:
      return (
        <svg {...attrBag} width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M11 6.01001L8 3.01001L5 6.01001H11ZM10.8995 10.01H5.1005L8 12.9095L10.8995 10.01Z" fill={fill} />
        </svg>
      );

    case MinorIcons.search:
      return (
        <svg {...attrBag} width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M11.3819 10.6918H12.1498L17 15.5517L15.5517 17L10.6918 12.1498V11.3819L10.4294 11.1098C9.32133 12.0623 7.88279 12.6358 6.3179 12.6358C2.82847 12.6358 0 9.80732 0 6.3179C0 2.82847 2.82847 0 6.3179 0C9.80732 0 12.6358 2.82847 12.6358 6.3179C12.6358 7.88279 12.0623 9.32133 11.1098 10.4294L11.3819 10.6918ZM1.94397 6.3179C1.94397 8.73814 3.89766 10.6918 6.3179 10.6918C8.73814 10.6918 10.6918 8.73814 10.6918 6.3179C10.6918 3.89766 8.73814 1.94397 6.3179 1.94397C3.89766 1.94397 1.94397 3.89766 1.94397 6.3179Z" fill={fill} />
        </svg>
      );

    case MinorIcons.close:
      return (
        <svg {...attrBag} width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M13 4.00714L11.9929 3L8 6.99286L4.00714 3L3 4.00714L6.99286 8L3 11.9929L4.00714 13L8 9.00714L11.9929 13L13 11.9929L9.00714 8L13 4.00714Z" fill={fill} />
        </svg>
      );

    case MinorIcons.endArrow:
      return (
        <svg {...attrBag} width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M4.33661 11.06L7.38994 8L4.33661 4.94L5.27661 4L9.27661 8L5.27661 12L4.33661 11.06Z" fill={fill} />
          <path fillRule="evenodd" clipRule="evenodd" d="M11.67 4L11.67 12L10.3367 12L10.3367 4L11.67 4Z" fill={fill} />
        </svg>
      );

    case SelectIcons.checkboxInactive:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M19 5V19H5V5H19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3Z" fill={fill} />
          <rect x="5" y="5" width="14" height="14" fill="white" />
        </svg>
      );

    case SelectIcons.checkboxActive:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <rect x="4" y="5" width="16" height="14" fill="white" />
          <path d="M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z" fill="#0079D1" />
        </svg>
      );

    case SelectIcons.checkboxDeselect:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <rect x="4" y="4" width="16" height="16" fill="white" />
          <path fillRule="evenodd" clipRule="evenodd" d="M5 3C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3H5ZM18 11H6V13H18V11Z" fill="#0079D1" />
        </svg>
      );

    case SelectIcons.radioInactive:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <circle cx="12" cy="12" r="7" fill="white" />
          <path fillRule="evenodd" clipRule="evenodd" d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z" fill={fill} />
        </svg>
      );

    case SelectIcons.radioActive:
      return (
        <svg {...attrBag} width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z" fill="#0079D1" />
          <circle cx="12" cy="12" r="5" fill="#0079D1" />
        </svg>
      );

    case StoreIcons.amazon:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="#232323" />
          <path fillRule="evenodd" clipRule="evenodd" d="M35.0345 32.2123C34.7959 32.3047 34.5283 32.4283 34.2898 32.5207C30.8626 33.9068 27.2484 34.5762 23.8959 34.6145C18.5671 34.6757 13.4019 33.2688 9.21297 30.892C8.82126 30.6862 8.55596 31.0785 8.88877 31.3446C12.7905 34.8025 17.9031 36.8394 23.5909 36.7743C27.1229 36.7338 31.1827 35.6997 34.3042 33.7777C34.7213 33.5328 35.1367 33.2593 35.5224 32.9555C36.0566 32.5602 35.571 31.9664 35.0345 32.2123Z" fill="#F7972A" />
          <path fillRule="evenodd" clipRule="evenodd" d="M34.2637 30.2449C33.7869 30.3999 33.3701 30.6149 32.9843 30.888C32.6871 31.1016 32.7501 31.3703 33.0487 31.3371C33.3776 31.274 33.7966 31.2392 34.2743 31.1726C35.3212 31.0714 36.5483 31.0274 36.8525 31.4131C37.2767 31.9178 36.4043 34.1425 36.0263 35.1058C35.9094 35.4057 36.1804 35.5217 36.4477 35.3099C37.7817 34.1566 38.3265 32.0852 38.3442 31.0068L38.3421 30.8274C38.3394 30.5878 38.2776 30.4091 38.2164 30.3193C37.9435 29.994 35.9646 29.7168 34.2637 30.2449Z" fill="#F7972A" />
          <path fillRule="evenodd" clipRule="evenodd" d="M25.1612 25.0515C24.8089 25.7766 24.1853 26.2432 23.5194 26.4058C23.4179 26.407 23.2563 26.4596 23.104 26.4613C21.9744 26.4742 21.293 25.6086 21.2783 24.3268C21.2595 22.6869 22.2531 21.9063 23.48 21.5317C24.1459 21.3718 24.9101 21.3123 25.7113 21.3031L25.7183 21.9174C25.7318 23.0978 25.7637 24.0215 25.1612 25.0515ZM30.9464 26.3207C30.3774 25.6087 29.7601 24.9988 29.7442 23.6153L29.6913 18.9978C29.6689 17.0509 29.8472 15.2447 28.3951 13.9285C27.205 12.863 25.3962 12.4658 23.9595 12.4822L23.3452 12.4892C20.7337 12.7863 17.9759 13.8396 17.3961 17.0781C17.2993 17.4932 17.6082 17.6466 17.8145 17.695L20.6895 18.0223C20.9961 17.968 21.1484 17.7431 21.1962 17.4861C21.4397 16.3509 22.3563 15.7058 23.3819 15.694L23.5876 15.6917C24.2018 15.6847 24.9015 15.9036 25.2652 16.4123C25.6835 17.0219 25.6712 17.8153 25.6794 18.5337L25.6841 18.9423C24.8836 19.0049 24.2191 19.0605 23.4512 19.1735C22.2726 19.342 21.0824 19.5586 20.113 20.0345C18.2229 20.8227 16.9525 22.4799 16.9802 24.8915C17.0148 27.9146 18.9784 29.4333 21.4407 29.405C22.2606 29.3957 22.9252 29.2839 23.5377 29.1247C24.509 28.8036 25.3214 28.2308 26.2845 27.1941C26.8568 27.9568 27.0154 28.3156 27.9968 29.1243C28.2571 29.2228 28.5132 29.2199 28.7144 29.0653C29.3255 28.5455 30.369 27.6093 30.9293 27.0901C31.1807 26.8815 31.1069 26.5753 30.9464 26.3207Z" fill="white" />
        </svg>
      );

    case StoreIcons.bigcommerce:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="#34313F" />
          <path fillRule="evenodd" clipRule="evenodd" d="M8.63989 38.9987C9.15043 38.4931 9.66277 37.9894 10.1712 37.4818C11.7725 35.883 13.3721 34.2827 14.9728 32.6832C16.3344 31.3228 17.696 29.9623 19.0585 28.6027C19.7449 27.9178 20.433 27.2346 21.1215 26.5519C21.1656 26.5081 21.1987 26.4472 21.2727 26.4306C21.3124 26.509 21.2916 26.5898 21.2916 26.6666C21.293 29.4017 21.2927 32.1367 21.2928 34.8717C21.2928 35.2249 21.3499 35.2846 21.6956 35.2847C24.2946 35.285 26.8935 35.2881 29.4925 35.2831C30.4175 35.2814 31.3211 35.1586 32.1454 34.6961C33.2937 34.0518 33.9066 33.0511 34.066 31.7588C34.2163 30.5406 33.9081 29.4581 33.0807 28.5398C32.7623 28.1863 32.3803 27.916 31.9423 27.7283C31.8256 27.6782 31.6984 27.6327 31.6964 27.4811C31.6945 27.3322 31.8165 27.2795 31.9303 27.2209C33.016 26.663 33.7742 25.8269 33.9694 24.5969C34.2132 23.0599 33.595 21.8704 32.3397 21.0068C31.5057 20.433 30.5536 20.2096 29.5506 20.196C28.956 20.188 28.3612 20.1946 27.7665 20.1946H27.4975C27.8009 19.8884 28.0657 19.6207 28.3311 19.3537C28.3777 19.3068 28.4277 19.2634 28.4744 19.2167C30.273 17.4205 32.0709 15.6236 33.8699 13.8279C35.5337 12.1671 37.1986 10.5075 38.8623 8.84667C38.9119 8.7972 38.953 8.73927 38.998 8.6853H39.2624C39.3236 8.77642 39.3532 8.87115 39.3532 8.98663C39.3503 19.03 39.3503 29.0734 39.3527 39.1168C39.3527 39.2246 39.3339 39.3161 39.2624 39.3958H8.92629C8.63989 39.3958 8.63989 39.3958 8.63989 39.109V38.9987Z" fill="white" />
          <path fillRule="evenodd" clipRule="evenodd" d="M27.0487 32.4614C26.2325 32.4614 25.5645 32.4624 24.8965 32.4609C24.6268 32.4603 24.5537 32.3893 24.5533 32.1239C24.5518 31.1977 24.552 30.2714 24.5532 29.3451C24.5535 29.0746 24.6215 29.0042 24.8908 29.0039C26.2122 29.0024 27.5336 28.9985 28.855 29.0056C29.357 29.0084 29.8348 29.1214 30.2196 29.4696C30.7846 29.9811 30.8837 30.6268 30.6793 31.3241C30.4744 32.0233 29.9327 32.3352 29.2542 32.4211C28.4728 32.52 27.6851 32.4347 27.0487 32.4614Z" fill="white" />
          <path fillRule="evenodd" clipRule="evenodd" d="M26.9921 26.1957C26.2199 26.1957 25.5812 26.1964 24.9425 26.1954C24.6224 26.1949 24.5532 26.1257 24.553 25.8102C24.5526 25.0015 24.5527 24.1928 24.553 23.3841C24.5532 23.0621 24.613 23.0026 24.9418 23.0024C26.1679 23.0018 27.3939 23.0003 28.6199 23.0031C29.0986 23.0042 29.5587 23.087 29.9363 23.4094C30.4743 23.8687 30.5809 24.4656 30.3956 25.1109C30.2074 25.7657 29.7011 26.073 29.0585 26.1552C28.3282 26.2485 27.5919 26.1732 26.9921 26.1957Z" fill="white" />
        </svg>
      );

    case StoreIcons.cdiscount:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="#293848" />
          <path fillRule="evenodd" clipRule="evenodd" d="M13 24.3323C13.0009 20.3644 14.5172 17.1063 17.6354 14.6522C22.8741 10.5291 30.5774 11.305 34.9316 16.3418C35.1947 16.6462 35.234 16.8026 34.8875 17.0828C33.7346 18.0151 32.6043 18.9762 31.49 19.9544C31.1946 20.2138 31.0807 20.1869 30.8521 19.8787C28.5411 16.762 24.1751 16.145 21.0859 18.4813C18.8562 20.1673 17.9068 23.2922 18.7652 26.1191C19.6017 28.8735 21.9534 30.7488 24.802 30.9271C27.3273 31.085 29.3581 30.154 30.8754 28.13C31.065 27.8771 31.1651 27.7972 31.4446 28.0415C32.5868 29.04 33.7442 30.0217 34.9188 30.9817C35.2231 31.2306 35.2154 31.3747 34.9676 31.6535C32.6082 34.3075 29.6546 35.7536 26.1204 35.9752C19.7952 36.3718 13.9712 31.9722 13.0896 25.5044C13.0367 25.1168 13.0289 24.7231 13 24.3323Z" fill="#E54402" />
        </svg>
      );

    case StoreIcons.csv:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="#43546D" />
          <path d="M26.5 12H16.5C15.125 12 14.0125 13.125 14.0125 14.5L14 34.5C14 35.875 15.1125 37 16.4875 37H31.5C32.875 37 34 35.875 34 34.5V19.5L26.5 12ZM29 32H19V29.5H29V32ZM29 27H19V24.5H29V27ZM25.25 20.75V13.875L32.125 20.75H25.25Z" fill="white" />
        </svg>
      );

    case StoreIcons.direct:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="#43546D" />
          <path d="M16.2289 22.2522C18.3089 26.34 21.66 29.6767 25.7478 31.7711L28.9256 28.5933C29.3156 28.2033 29.8933 28.0733 30.3989 28.2467C32.0167 28.7811 33.7644 29.07 35.5556 29.07C36.35 29.07 37 29.72 37 30.5144V35.5556C37 36.35 36.35 37 35.5556 37C21.9922 37 11 26.0078 11 12.4444C11 11.65 11.65 11 12.4444 11H17.5C18.2944 11 18.9444 11.65 18.9444 12.4444C18.9444 14.25 19.2333 15.9833 19.7678 17.6011C19.9267 18.1067 19.8111 18.67 19.4067 19.0744L16.2289 22.2522Z" fill="white" />
        </svg>
      );

    case StoreIcons.ebay:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <g clipPath="url(#clip0)">
            <path fillRule="evenodd" clipRule="evenodd" d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white" stroke="#8F9EA6" strokeOpacity="0.3" strokeWidth="0.5" />
            <mask id="mask0" maskUnits="userSpaceOnUse" x="8" y="9" width="32" height="30">
              <path d="M15.3218 21.7739C15.3218 16.7216 19.9299 13.8428 24.4766 13.8428C29.6544 13.8428 33.1839 17.0163 33.1839 21.7739H15.3218ZM24.7012 9.71289C16.0537 9.71289 8.84937 13.3825 8.84937 24.4486C8.84937 33.2182 13.6941 38.7376 24.9233 38.7376C38.1422 38.7376 38.9877 30.032 38.9877 30.032H32.5844C32.5844 30.032 31.2112 34.7187 24.5321 34.7187C19.093 34.7187 15.1792 31.0465 15.1792 25.8952H39.6555V22.6236C39.6401 17.5278 36.3967 9.71289 24.7012 9.71289Z" fill="white" />
            </mask>
            <g mask="url(#mask0)">
              <path d="M15.5636 7.06055H7.03027V41.1939H15.5636V7.06055Z" fill="#DC343D" />
            </g>
            <mask id="mask1" maskUnits="userSpaceOnUse" x="8" y="9" width="32" height="30">
              <path d="M15.3218 21.7739C15.3218 16.7216 19.9299 13.8428 24.4766 13.8428C29.6544 13.8428 33.1839 17.0163 33.1839 21.7739H15.3218ZM24.7012 9.71289C16.0537 9.71289 8.84937 13.3825 8.84937 24.4486C8.84937 33.2182 13.6941 38.7376 24.9233 38.7376C38.1422 38.7376 38.9877 30.032 38.9877 30.032H32.5844C32.5844 30.032 31.2112 34.7187 24.5321 34.7187C19.093 34.7187 15.1792 31.0465 15.1792 25.8952H39.6555V22.6236C39.6401 17.5278 36.3967 9.71289 24.7012 9.71289Z" fill="white" />
            </mask>
            <g mask="url(#mask1)">
              <path d="M15.5637 7.06055H24.0971V41.1939H15.5637V7.06055Z" fill="#3367B1" />
            </g>
            <mask id="mask2" maskUnits="userSpaceOnUse" x="8" y="9" width="32" height="30">
              <path d="M15.3218 21.7739C15.3218 16.7216 19.9299 13.8428 24.4766 13.8428C29.6544 13.8428 33.1839 17.0163 33.1839 21.7739H15.3218ZM24.7012 9.71289C16.0537 9.71289 8.84937 13.3825 8.84937 24.4486C8.84937 33.2182 13.6941 38.7376 24.9233 38.7376C38.1422 38.7376 38.9877 30.032 38.9877 30.032H32.5844C32.5844 30.032 31.2112 34.7187 24.5321 34.7187C19.093 34.7187 15.1792 31.0465 15.1792 25.8952H39.6555V22.6236C39.6401 17.5278 36.3967 9.71289 24.7012 9.71289Z" fill="white" />
            </mask>
            <g mask="url(#mask2)">
              <path d="M32.6303 7.06055H24.0969V41.1939H32.6303V7.06055Z" fill="#F1AD26" />
            </g>
            <mask id="mask3" maskUnits="userSpaceOnUse" x="8" y="9" width="32" height="30">
              <path d="M15.3218 21.7739C15.3218 16.7216 19.9299 13.8428 24.4766 13.8428C29.6544 13.8428 33.1839 17.0163 33.1839 21.7739H15.3218ZM24.7012 9.71289C16.0537 9.71289 8.84937 13.3825 8.84937 24.4486C8.84937 33.2182 13.6941 38.7376 24.9233 38.7376C38.1422 38.7376 38.9877 30.032 38.9877 30.032H32.5844C32.5844 30.032 31.2112 34.7187 24.5321 34.7187C19.093 34.7187 15.1792 31.0465 15.1792 25.8952H39.6555V22.6236C39.6401 17.5278 36.3967 9.71289 24.7012 9.71289Z" fill="white" />
            </mask>
            <g mask="url(#mask3)">
              <path d="M32.6304 7.06055H41.1637V41.1939H32.6304V7.06055Z" fill="#7BAF42" />
            </g>
          </g>
          <defs>
            <clipPath id="clip0">
              <path d="M0 0H48V48H0V0Z" fill="white" />
            </clipPath>
          </defs>
        </svg>
      );

    case StoreIcons.etsy:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <g clipPath="url(#clip0)">
            <path fillRule="evenodd" clipRule="evenodd" d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white" stroke="#8F9EA6" strokeOpacity="0.3" strokeWidth="0.5" />
            <path d="M11.4318 22.4649V18.1879C11.4318 18.0295 11.4477 17.9344 11.7179 17.9344H15.3559C15.9915 17.9344 16.341 18.4731 16.5953 19.4868L16.8018 20.2948H17.4213C17.5324 17.998 17.6276 17 17.6276 17C17.6276 17 16.0708 17.1742 15.1493 17.1742H10.4947L8 17.095V17.7603L8.84219 17.9187C9.43001 18.0296 9.57272 18.1562 9.62076 18.695C9.62076 18.695 9.66852 20.279 9.66852 22.8929C9.66852 25.5064 9.62076 27.0748 9.62076 27.0748C9.62076 27.5499 9.43001 27.7241 8.84219 27.8354L8 27.9938V28.6588L10.4947 28.5798H14.6571C15.5944 28.5798 17.7709 28.6588 17.7709 28.6588C17.8184 28.0884 18.1364 25.5064 18.184 25.2216H17.5962L16.9766 26.6314C16.484 27.74 15.7692 27.8194 14.9747 27.8194H12.6073C11.8129 27.8194 11.4316 27.5025 11.4316 26.8214V23.2096C11.4316 23.2096 13.1633 23.2096 13.7669 23.2573C14.2118 23.2891 14.4817 23.4157 14.6249 24.0335L14.8156 24.8572H15.4984L15.4509 22.7818L15.5462 20.691H14.8632L14.6409 21.6097C14.4978 22.2116 14.4026 22.3228 13.7829 22.3859C13.084 22.4653 11.4315 22.4494 11.4315 22.4494V22.4652H11.4318V22.4649ZM20.8528 18.6316C20.6304 19.6137 20.4079 20.374 19.6294 20.8809C19.1529 21.1976 18.6761 21.3084 18.4858 21.3243V21.9262H19.8996V26.7892C19.8996 28.1518 20.8053 28.8172 22.0126 28.8172C22.95 28.8172 23.919 28.4212 24.2527 27.5973L23.919 27.1695C23.76 27.439 23.252 27.8349 22.6164 27.8349C21.9175 27.8349 21.5362 27.3595 21.5362 26.1559V21.8631L23.8876 22.0375L24.0146 20.9601L21.5363 21.0552V18.6473L20.8528 18.6316ZM25.8733 26.1117L25.2696 26.1275C25.3013 26.4759 25.3174 26.9196 25.3174 27.3314C25.3174 27.7591 25.3015 28.1551 25.2696 28.3451C25.2696 28.3451 26.4771 28.7883 27.7004 28.7883C29.3527 28.7883 30.6714 27.9963 30.6714 26.4439C30.6714 23.783 26.6678 24.1791 26.6678 22.3887C26.6678 21.6443 27.335 21.3591 28.0658 21.3591C28.6378 21.3591 29.1143 21.565 29.2097 21.8663L29.6069 23.0543L30.1948 23.0227C30.2426 22.3889 30.2742 21.6602 30.3696 21.0742C29.8611 20.8524 28.7965 20.7255 28.1298 20.7255C26.5725 20.7255 25.3176 21.4067 25.3176 22.9275C25.3176 25.5728 29.2257 25.0342 29.2257 26.9829C29.2257 27.6796 28.7965 28.1708 27.8277 28.1708C26.9382 28.1708 26.4932 27.7115 26.3188 27.2519L25.8733 26.1117ZM35.4488 27.9417C34.529 30.5034 33.4031 31.1671 32.3883 31.1671C31.9599 31.1671 31.754 30.9772 31.6903 30.6772L31.4524 29.4436L30.7862 29.4752C30.6594 30.2027 30.5325 31.0094 30.3583 31.6733C30.7548 31.9733 31.4205 32.1318 31.9441 32.1318C33.0385 32.1318 34.7035 31.9892 36.2256 28.3843L38.779 22.3759C38.9853 21.8856 39.0643 21.8382 39.6669 21.6009L40 21.4747V20.9212L38.4934 21.0003L36.8759 20.9212V21.4747L37.288 21.6009C37.7001 21.7276 37.8908 21.8856 37.8908 22.1703C37.8908 22.3125 37.843 22.4549 37.7636 22.6761C37.5257 23.2773 36.0509 26.8506 35.6549 27.6098L36.0508 27.4672C35.3529 25.7438 34.2909 22.8658 34.1322 22.376C34.1004 22.2811 34.0846 22.202 34.0846 22.1226C34.0846 21.8697 34.259 21.6641 34.6397 21.5851L35.163 21.4748V20.9212L32.9902 21.0004L31.2618 20.9212V21.4748L31.5473 21.5695C31.9437 21.696 32.0389 21.8068 32.2768 22.3601C33.5926 25.3645 34.2114 27.0087 35.0515 29.1594L35.4488 27.9417Z" fill="#F27224" />
          </g>
          <defs>
            <clipPath id="clip0">
              <path d="M0 0H48V48H0V0Z" fill="white" />
            </clipPath>
          </defs>
        </svg>
      );

    case StoreIcons.magento:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M23.9016 47.9494C10.7199 47.9494 0.0341797 37.2634 0.0341797 24.082C0.0341797 10.9003 10.7199 0.2146 23.9016 0.2146C37.083 0.2146 47.769 10.9003 47.769 24.082C47.769 37.2634 37.083 47.9494 23.9016 47.9494Z" fill="#EF7E4B" />
          <path fillRule="evenodd" clipRule="evenodd" d="M11.5671 16.9851V31.1767L14.7693 33.062V18.8704L23.8968 13.3194L33.0324 18.8614L33.0693 18.8834L33.065 33.041L36.236 31.1767V16.9851L23.8936 9.51782L11.5671 16.9851Z" fill="white" />
          <path fillRule="evenodd" clipRule="evenodd" d="M25.5257 34.8457L23.8937 35.8436L22.2614 34.8415V18.2669L18.0332 20.8698V35.0602L23.8937 38.6459L29.8038 35.0343V20.8607L25.5257 18.2542V34.8457Z" fill="white" />
        </svg>
      );

    case StoreIcons.opencart:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="#38C4EF" />
          <path fillRule="evenodd" clipRule="evenodd" d="M27.1798 30.55C28.387 30.5615 29.3064 31.5121 29.3117 32.7547C29.3173 34.0521 28.3568 35.0105 27.0619 34.9999C25.8127 34.9898 24.8669 34.0349 24.8595 32.7765C24.8515 31.4567 25.8099 30.5371 27.1798 30.55ZM16.8903 30.5501C18.1641 30.5569 19.0692 31.4922 19.0588 32.791C19.0487 34.0723 18.1169 35.001 16.8425 35C15.5808 34.999 14.6527 34.0602 14.6445 32.7762C14.636 31.4467 15.5477 30.543 16.8903 30.5501ZM9 13C11.7599 15.7216 15.2235 16.5278 18.8939 16.8919C23.3718 17.3359 27.859 17.2092 32.3436 17.2979L33.3178 17.3156C35.1046 17.3498 36.8933 17.42 38.6305 17.9567C40.1206 18.4172 40.4004 19.2597 39.4421 20.5207C38.026 22.3841 36.146 23.7537 34.4097 25.2742C33.1699 26.3601 31.9033 27.4147 30.6486 28.4832C31.4717 27.0001 32.6341 25.8492 33.768 24.6728C34.465 23.9495 35.194 23.249 35.6956 22.3628C36.2637 21.3592 36.0283 20.6677 34.9542 20.2484C33.9492 19.856 32.8832 19.7385 31.8163 19.6467C28.8915 19.3952 25.9578 19.5863 23.0316 19.4671C19.7963 19.3353 16.5899 18.9825 13.5804 17.6412C11.4671 16.6993 9.91258 15.1801 9 13Z" fill="white" />
        </svg>
      );

    case StoreIcons.shopify:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M48 23.9999C48 37.2547 37.2549 48 24.0001 48C10.7453 48 0 37.2547 0 23.9999C0 10.7451 10.7453 0 24.0001 0C37.2549 0 48 10.7451 48 23.9999Z" fill="#96BD50" />
          <path fillRule="evenodd" clipRule="evenodd" d="M34.92 25.5069C34.4852 22.6632 34.0465 19.8213 33.612 16.9804C33.5489 16.5718 33.4829 16.165 33.4306 15.7571C33.4005 15.52 33.2838 15.4157 33.0365 15.3997C32.392 15.3633 31.7461 15.3182 31.1035 15.2541C30.9626 15.2398 30.8053 15.1657 30.7017 15.0713C30.2463 14.6527 29.7954 14.2269 29.3645 13.7838C29.1149 13.5249 28.8349 13.4813 28.509 13.567C28.2346 13.6399 27.964 13.7226 27.6705 13.8084C27.5738 13.5831 27.4861 13.3694 27.3894 13.1603C27.1032 12.5399 26.7339 11.9762 26.1629 11.5601C25.7373 11.2498 25.2536 11.093 24.7185 11.0836C24.642 11.0813 24.5341 11.075 24.495 11.0276C24.1213 10.58 23.6244 10.3517 23.0583 10.24H22.6147C21.6841 10.3997 20.8584 10.7733 20.1496 11.3787C19.186 12.2029 18.5096 13.2276 18.0279 14.3632C17.7004 15.1411 17.4547 15.9491 17.1885 16.7496C17.1349 16.9139 17.0678 17.0033 16.8953 17.0515C16.0911 17.2843 15.2933 17.5441 14.4854 17.7663C13.9729 17.9078 13.7304 18.1736 13.6614 18.7201C13.2657 21.8815 12.8291 25.042 12.4057 28.2007C12.118 30.3415 11.8286 32.4803 11.5411 34.6179C11.5336 34.6803 11.5293 34.7414 11.52 34.8383C11.9682 34.9216 12.4071 35.0054 12.8462 35.0859C16.267 35.7042 19.688 36.3202 23.1092 36.9395C24.6167 37.2111 26.1212 37.4875 27.6284 37.7574C27.7139 37.7723 27.8107 37.7593 27.8981 37.7387C30.6777 37.1593 33.456 36.5778 36.2342 35.9951C36.3134 35.9791 36.3915 35.9531 36.4966 35.9266C36.4302 35.4637 36.3659 35.0142 36.2985 34.5653C35.8399 31.5476 35.3815 28.5248 34.92 25.5069ZM24.3665 13.7984C24.4024 14.0731 24.3999 14.3535 24.3904 14.6293C24.3889 14.701 24.313 14.8138 24.2464 14.8355C23.3968 15.1003 22.5412 15.3528 21.6841 15.6088C21.6861 14.4812 22.9427 12.6943 24.1101 12.2437C24.2 12.7823 24.2975 13.288 24.3665 13.7984ZM20.8179 12.1083C21.3498 11.648 21.9613 11.3122 22.6858 11.2454C22.9113 11.2251 23.1464 11.2906 23.3878 11.3177C22.9534 11.6621 22.5294 11.9356 22.1846 12.2825C21.2922 13.1824 20.8493 14.3138 20.5828 15.5059C20.5018 15.8719 20.3497 16.0434 19.979 16.1305C19.4168 16.264 18.8701 16.4546 18.248 16.6415C18.7964 14.9114 19.4305 13.3084 20.8179 12.1083ZM23.6244 23.2026C22.8903 22.8841 22.1514 22.6867 21.374 22.7372C21.0414 22.7576 20.6889 22.8262 20.3908 22.9644C19.6926 23.2897 19.5025 24.1471 20.0088 24.7119C20.2889 25.0243 20.6469 25.2804 21.0038 25.5143C21.8174 26.0459 22.5471 26.6416 23.0605 27.4741C24.0799 29.1237 23.522 32.3623 21.2165 33.2896C20.0305 33.7673 18.8357 33.7068 17.6412 33.3332C16.8499 33.0858 16.1218 32.7229 15.5339 32.137C15.4609 32.0661 15.3829 31.9279 15.4071 31.8463C15.6198 31.11 15.8537 30.3779 16.0844 29.6366C16.4215 29.8514 16.7174 30.0927 17.0553 30.2452C17.5378 30.4606 18.0391 30.6506 18.5523 30.7785C18.9928 30.8877 19.429 30.7804 19.7077 30.3821C19.9929 29.9766 20.0118 29.5131 19.772 29.1063C19.5729 28.7649 19.2707 28.471 18.9794 28.1922C18.7036 27.9291 18.3681 27.7273 18.0833 27.4717C16.7573 26.2842 16.5068 24.8255 17.0297 23.2169C17.6412 21.3366 19.0476 20.2923 20.9822 19.8792C22.0873 19.6423 23.1997 19.6335 24.2945 19.9682C24.4235 20.0071 24.5475 20.0626 24.6945 20.1175C24.3334 21.1582 23.982 22.1724 23.6244 23.2026ZM25.4527 14.478C25.3416 13.6719 25.2331 12.8831 25.1262 12.1028C25.756 12.1522 26.4125 12.9392 26.7233 14.0946C26.2934 14.2239 25.8617 14.3565 25.4527 14.478Z" fill="white" />
        </svg>
      );

    case StoreIcons.vend:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="#28A038" />
          <path fillRule="evenodd" clipRule="evenodd" d="M41.2963 24.6866C40.8243 24.6866 40.4416 24.3039 40.4416 23.8319C40.4416 23.3599 40.8243 22.9772 41.2963 22.9772C41.7683 22.9772 42.151 23.3599 42.151 23.8319C42.151 24.3039 41.7683 24.6866 41.2963 24.6866ZM37.0228 28.8748C37.0228 28.9378 36.9717 29.0171 36.9088 29.0171H35.8015C35.7386 29.0171 35.6553 28.9378 35.6553 28.8748V27.8575C35.0855 28.7712 34.2732 29.228 33.2912 29.228C32.1977 29.228 31.3519 28.8196 30.7377 28.0026C30.1957 27.2824 29.9289 26.4726 29.9289 25.5734C29.9289 24.8725 30.0663 24.2392 30.3373 23.6736C30.6372 23.0452 31.0711 22.5715 31.6372 22.2524C32.1354 21.9721 32.673 21.8318 33.2488 21.8318C33.7278 21.8318 34.1835 21.9624 34.6479 22.2234C35.1124 22.4844 35.4273 22.8229 35.6553 23.2385V18.5158C35.6553 18.4529 35.7386 18.4188 35.8015 18.4188H36.9088C36.9717 18.4188 37.0228 18.4529 37.0228 18.5158V28.8748ZM28.8177 28.8748C28.8177 28.9377 28.7202 29.0171 28.6572 29.0171H27.5499C27.487 29.0171 27.4501 28.9377 27.4501 28.8748V24.783C27.4501 24.1885 27.3389 23.7558 27.1309 23.485C26.8938 23.1711 26.4642 23.0138 25.8885 23.0138C24.742 23.0138 24.1453 23.7365 24.1453 25.1818V28.8748C24.1453 28.9377 24.1339 29.0171 24.0709 29.0171H22.9708C22.9079 29.0171 22.8917 28.9377 22.8917 28.8748V22.1344C22.8917 22.0713 22.9079 22.0655 22.9708 22.0655H24.0709C24.1339 22.0655 24.1453 22.0713 24.1453 22.1344V23.0138C24.7151 22.2259 25.4196 21.8319 26.3436 21.8319C27.9642 21.8319 28.8177 22.8252 28.8177 24.8121V28.8748ZM21.6303 25.3195L21.6197 25.6126C21.6175 25.6741 21.5672 25.7122 21.5058 25.7122H16.3546C16.3546 26.396 16.5456 26.9264 16.9279 27.3615C17.3342 27.816 17.8615 28.0482 18.5099 28.0482C19.3272 28.0482 20.1228 27.5174 20.5349 26.8209C20.5673 26.7662 20.6362 26.7474 20.6913 26.7794L21.5428 27.2754C21.5985 27.3079 21.617 27.3813 21.5823 27.4357C20.8211 28.6303 19.7462 29.2279 18.3575 29.2279C17.3415 29.2279 16.5215 28.8605 15.8974 28.1257C15.2879 27.4103 14.983 26.4508 14.983 25.2471C14.983 24.8218 15.075 24.3746 15.2588 23.9056C15.5974 23.0405 16.1659 22.4385 16.9642 22.1001C17.3851 21.9213 17.8496 21.8318 18.3575 21.8318C19.8185 21.8318 20.8006 22.4458 21.3038 23.6736C21.5407 24.2489 21.6496 24.7975 21.6303 25.3195ZM14.733 22.2067L11.4607 28.9241C11.3985 29.0522 11.2161 29.0467 11.1535 28.9187L7.86085 22.2097C7.82382 22.1341 7.87886 22.0655 7.96319 22.0655H9.22621C9.27066 22.0655 9.311 22.0688 9.32969 22.1092L11.3079 26.3847L13.2654 22.1151C13.284 22.0745 13.3246 22.0655 13.3691 22.0655H14.6305C14.7148 22.0655 14.7699 22.1311 14.733 22.2067ZM39.0467 15C39.686 15 40.2719 15.357 40.5652 15.9254L44.8097 23.0479C45.0635 23.5397 45.0635 24.1241 44.8097 24.616L40.5652 31.7385C40.2719 32.3068 39.686 32.6638 39.0467 32.6638H6.70883C5.76513 32.6638 5 31.8985 5 30.9544V16.7094C5 15.7654 5.76513 15 6.70883 15H39.0467ZM33.3216 23.096C32.4293 23.096 31.8031 23.5332 31.4434 24.4075C31.2891 24.7817 31.2121 25.1698 31.2121 25.5719C31.2121 26.3995 31.4993 27.0589 32.0741 27.5499C32.3917 27.8212 32.7982 27.9567 33.2936 27.9567C34.256 27.9567 34.9216 27.5382 35.2909 26.7012C35.4497 26.3412 35.5291 25.9554 35.5291 25.5438C35.5291 24.5386 35.181 23.8254 34.4849 23.4046C34.1437 23.1989 33.756 23.096 33.3216 23.096ZM18.4519 22.9847C17.9099 22.9847 17.4577 23.1215 17.0948 23.4333C16.732 23.7451 16.5045 24.2308 16.4126 24.6866H20.3096C20.237 24.2308 20.041 23.7802 19.7218 23.4659C19.383 23.1323 18.9598 22.9847 18.4519 22.9847Z" fill="#FFFFFE" />
        </svg>
      );

    case StoreIcons.woocommerce:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="#995D8D" />
          <path fillRule="evenodd" clipRule="evenodd" d="M37.1341 26.9541C36.3654 28.2409 35.3567 28.8828 34.1083 28.8828C33.8827 28.8828 33.6483 28.8569 33.4095 28.8072C32.5019 28.6176 31.8155 28.1201 31.3489 27.3135C30.9322 26.6074 30.7249 25.7574 30.7249 24.7618C30.7249 23.4398 31.0586 22.2292 31.7262 21.1313C32.5078 19.8456 33.5163 19.2036 34.7521 19.2036C34.9788 19.2036 35.2122 19.2296 35.4509 19.2787C36.3585 19.4678 37.0456 19.9658 37.5129 20.7718C37.9281 21.4669 38.1367 22.3088 38.1367 23.3074C38.1367 24.6295 37.8027 25.8459 37.1341 26.9541ZM29.0583 26.9541C28.2887 28.2409 27.2807 28.8828 26.0332 28.8828C25.8063 28.8828 25.5721 28.8569 25.3336 28.8072C24.4254 28.6176 23.7389 28.1201 23.2718 27.3135C22.8566 26.6074 22.6488 25.7574 22.6488 24.7618C22.6488 23.4398 22.9826 22.2292 23.6505 21.1313C24.432 19.8456 25.4406 19.2036 26.6762 19.2036C26.9019 19.2036 27.1358 19.2296 27.3746 19.2787C28.2825 19.4678 28.97 19.9658 29.4363 20.7718C29.8523 21.4669 30.0599 22.3088 30.0599 23.3074C30.0599 24.6295 29.7252 25.8459 29.0583 26.9541ZM21.1465 28.9782C21.1687 29.3059 21.1199 29.5879 20.9976 29.823C20.8407 30.1125 20.6116 30.2679 20.3101 30.2893C19.9708 30.3125 19.6314 30.1547 19.2905 29.812C18.0923 28.5813 17.1429 26.7541 16.44 24.3267C15.6096 25.9763 14.988 27.2153 14.58 28.0387C13.8225 29.4948 13.1741 30.2419 12.6335 30.2801C12.2822 30.3043 11.9826 30.0108 11.7371 29.396C11.0758 27.7116 10.3651 24.4503 9.60776 19.6145C9.55835 19.2776 9.62658 18.9875 9.81176 18.7483C9.99658 18.5074 10.2661 18.3739 10.6169 18.3496C11.2719 18.3034 11.6475 18.612 11.7448 19.2759C12.1491 21.964 12.5807 24.2446 13.0409 26.1202L15.8662 20.7465C16.1222 20.2622 16.4455 20.0051 16.8341 19.9762C17.4009 19.9369 17.7543 20.2975 17.8967 21.0579C18.2203 22.7678 18.6263 24.2354 19.1166 25.465C19.4546 22.1933 20.0214 19.8282 20.8154 18.3699C21.0063 18.015 21.2894 17.8243 21.6661 17.7989C21.9678 17.7769 22.2391 17.8625 22.4803 18.0532C22.7211 18.2462 22.8525 18.4923 22.8731 18.7934C22.8894 19.0205 22.8467 19.2268 22.7462 19.4094C22.2434 20.3426 21.8282 21.8928 21.5007 24.0654C21.182 26.1585 21.0639 27.7978 21.1465 28.9782ZM36.8227 16.0874H11.1611C9.53929 16.0874 8.22388 17.4043 8.22388 19.0245V28.8107C8.22388 30.432 9.53929 31.746 11.1611 31.746H23.3185L28.8781 34.8421L27.6181 31.746H36.8227C38.4445 31.746 39.7589 30.432 39.7589 28.8107V19.0245C39.7589 17.4043 38.4445 16.0874 36.8227 16.0874Z" fill="white" />
          <path fillRule="evenodd" clipRule="evenodd" d="M34.9977 21.3965C34.5313 21.2959 34.0833 21.5612 33.6551 22.1909C33.3159 22.6821 33.0885 23.1919 32.975 23.7211C32.9117 24.0244 32.8809 24.3399 32.8809 24.6675C32.8809 25.0442 32.9559 25.4361 33.1073 25.8388C33.2959 26.3312 33.5487 26.6073 33.8637 26.6715C34.1785 26.7339 34.525 26.5952 34.9038 26.2548C35.3822 25.8279 35.7104 25.1899 35.8866 24.3452C35.9487 24.0435 35.9812 23.728 35.9812 23.4015C35.9812 23.022 35.9051 22.6329 35.754 22.2291C35.566 21.738 35.3126 21.4588 34.9977 21.3965Z" fill="white" />
          <path fillRule="evenodd" clipRule="evenodd" d="M26.9219 21.3965C26.4544 21.2959 26.0071 21.5612 25.5793 22.1909C25.2392 22.6821 25.0124 23.1919 24.8981 23.7211C24.8359 24.0244 24.8035 24.3399 24.8035 24.6675C24.8035 25.0442 24.8796 25.4361 25.0315 25.8388C25.2202 26.3312 25.4721 26.6073 25.787 26.6715C26.1025 26.7339 26.4492 26.5952 26.8271 26.2548C27.3062 25.8279 27.6329 25.1899 27.8098 24.3452C27.873 24.0435 27.905 23.728 27.905 23.4015C27.905 23.022 27.8293 22.6329 27.6776 22.2291C27.4888 21.738 27.2359 21.4588 26.9219 21.3965Z" fill="white" />
        </svg>
      );

    case StoreIcons.amazon_fba:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M47.923 24.0162C47.923 37.2292 37.2119 47.9403 23.9991 47.9403C10.7863 47.9403 0.0751953 37.2292 0.0751953 24.0162C0.0751953 10.8034 10.7863 0.0922852 23.9991 0.0922852C37.2119 0.0922852 47.923 10.8034 47.923 24.0162Z" fill="#232323" />
          <path fillRule="evenodd" clipRule="evenodd" d="M34.9988 32.2025C34.7609 32.2947 34.4941 32.4178 34.2564 32.51C30.8402 33.8917 27.2373 34.5589 23.8955 34.5971C18.5835 34.6581 13.4347 33.2558 9.2591 30.8864C8.8686 30.6814 8.60412 31.0723 8.93592 31.3375C12.8253 34.7845 17.9217 36.8151 23.5916 36.7501C27.1124 36.7097 31.1592 35.6789 34.2707 33.763C34.6865 33.5189 35.1005 33.2462 35.4851 32.9433C36.0177 32.5494 35.5337 31.9575 34.9988 32.2025Z" fill="#F7972A" />
          <path fillRule="evenodd" clipRule="evenodd" d="M34.2302 30.2416C33.7548 30.3961 33.3394 30.6104 32.9549 30.8826C32.6586 31.0954 32.7214 31.3633 33.0191 31.3303C33.3469 31.2673 33.7645 31.2327 34.2407 31.1664C35.2843 31.0654 36.5076 31.0216 36.8107 31.406C37.2337 31.9091 36.3638 34.1269 35.9873 35.0871C35.8708 35.386 36.1408 35.5017 36.4072 35.2905C37.7371 34.1408 38.2802 32.0761 38.2978 31.0009L38.2957 30.8221C38.293 30.5833 38.2312 30.4053 38.1702 30.3156C37.8983 29.9914 35.9257 29.7151 34.2302 30.2416Z" fill="#F7972A" />
          <path fillRule="evenodd" clipRule="evenodd" d="M21.8326 23.0457C21.8326 23.707 21.8658 24.3704 21.824 25.0288C21.7756 25.7897 22.183 25.9992 22.8186 26.0137C23.4426 26.028 23.9494 25.7973 24.3363 25.296C25.0956 24.3121 25.178 21.5091 24.4685 20.4925C24.0087 19.8337 23.3635 19.7087 22.6478 19.9223C21.9993 20.1156 21.7562 20.5766 21.8213 21.2719C21.8761 21.8581 21.8326 22.454 21.8326 23.0457ZM21.8326 18.5432C24.9454 17.0591 26.9753 18.2758 27.2843 21.6513C27.4097 23.0228 27.3469 24.3775 26.8061 25.6618C25.9098 27.7902 23.7607 28.5734 21.8343 27.4603C21.552 27.2971 21.4904 27.3143 21.304 27.5668C20.9898 27.9918 19.4913 27.9668 19.1007 27.5855C18.8997 27.3892 19.0222 27.2153 19.1001 27.0234C19.4077 26.2637 19.4186 25.4648 19.4159 24.658C19.406 21.5853 19.4573 18.5115 19.3858 15.4405C19.3628 14.4548 19.6042 14.0089 20.5959 13.8696C21.8415 13.6947 21.8324 13.6257 21.8326 14.8912C21.8328 16.0754 21.8326 17.2596 21.8326 18.5432Z" fill="white" />
          <path fillRule="evenodd" clipRule="evenodd" d="M34.1107 24.5767C33.94 24.2335 34.5381 23.4562 33.4821 23.489C32.3046 23.5255 31.4308 24.0841 31.4256 24.9142C31.4213 25.6306 32.0233 26.1954 32.7664 26.1719C33.6285 26.1447 34.1059 25.5976 34.1107 24.5767ZM34.3998 26.9547C33.8079 27.4636 33.151 27.8613 32.3323 27.9449C30.7762 28.1035 29.491 27.3213 29.134 25.9602C28.7019 24.3119 29.4083 22.8565 30.9419 22.2732C31.6544 22.0023 32.4074 21.9301 33.1616 21.8466C33.5115 21.8078 34.1313 22.1667 34.1165 21.3412C34.1039 20.6306 34.0084 20.0231 33.1252 19.9393C32.3875 19.8692 31.6802 20.0086 31.0122 20.2952C30.4883 20.5198 30.1743 20.4798 30.0526 19.8541C29.9517 19.3351 29.3934 18.7388 30.32 18.4395C31.7468 17.9788 33.2002 17.7503 34.6799 18.1641C35.8504 18.4914 36.4812 19.3991 36.5182 20.836C36.5517 22.1397 36.5358 23.4447 36.5262 24.749C36.5223 25.3034 36.5037 25.888 36.7573 26.3658C37.2877 27.3642 36.5498 27.4438 35.9316 27.7481C35.146 28.1348 34.7897 27.8566 34.589 27.1166C34.5753 27.0661 34.4949 27.0335 34.3998 26.9547Z" fill="white" />
          <path fillRule="evenodd" clipRule="evenodd" d="M12.869 23.5531C12.869 22.5791 12.833 21.6033 12.8819 20.6321C12.9134 20.0097 12.7644 19.7079 12.1052 19.8147C11.4225 19.9252 11.0469 19.7671 11.0612 18.9014C11.0743 18.0988 11.4123 17.9354 12.0535 18.0328C12.7362 18.1366 12.9377 17.8476 12.8864 17.1708C12.8502 16.6949 12.9232 16.1959 13.0278 15.7257C13.4791 13.6943 16.2366 12.6464 17.8918 13.8968C18.4878 14.3469 17.8992 14.8929 17.8407 15.3897C17.7846 15.8651 17.4914 15.7663 17.1653 15.6334C16.6153 15.4094 16.0124 15.2426 15.5471 15.7554C15.0594 16.2928 15.2756 17.0097 15.2472 17.656C15.2323 17.9956 15.4876 18.024 15.7384 18.0261C16.0449 18.0286 16.3674 17.9672 16.6538 18.0449C17.0028 18.1397 17.7089 17.66 17.641 18.4492C17.5913 19.024 17.7224 19.8974 16.5973 19.8417C15.2417 19.7746 15.238 19.8504 15.238 21.2912C15.238 23.0649 15.2067 24.8398 15.2533 26.6123C15.2728 27.342 15.0571 27.5749 14.3368 27.5453C12.5805 27.473 12.9003 27.7325 12.8714 26.0573C12.8571 25.2228 12.869 24.3878 12.869 23.5531Z" fill="white" />
        </svg>
      );

    case StoreIcons.price_minister:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M47.75 24C47.75 37.1167 37.1167 47.75 24 47.75C10.8833 47.75 0.25 37.1167 0.25 24C0.25 10.8833 10.8833 0.25 24 0.25C37.1167 0.25 47.75 10.8833 47.75 24Z" fill="white" stroke="#DFE3E8" strokeWidth="0.5" />
          <mask id="mask0" maskUnits="userSpaceOnUse" x="4" y="4" width="40" height="40">
            <path d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" fill="white" />
          </mask>
          <g mask="url(#mask0)">
            <path fillRule="evenodd" clipRule="evenodd" d="M5.08643 55.205H8.93782V26.0591H5.08643V55.205Z" fill="#051B6B" />
            <path fillRule="evenodd" clipRule="evenodd" d="M10.1143 55.2046H11.7812V26.0586H10.1143V55.2046Z" fill="#051B6B" />
            <path fillRule="evenodd" clipRule="evenodd" d="M13.2563 55.2038H14.9233V26.0579H13.2563V55.2038Z" fill="#051B6B" />
            <path fillRule="evenodd" clipRule="evenodd" d="M18.2852 55.2031H21.6564V26.0571H18.2852V55.2031Z" fill="#051B6B" />
            <path fillRule="evenodd" clipRule="evenodd" d="M23.314 55.2024H24.4659V26.0564H23.314V55.2024Z" fill="#051B6B" />
            <path fillRule="evenodd" clipRule="evenodd" d="M26.1436 55.2016H29.808V26.0557H26.1436V55.2016Z" fill="#F4A300" />
            <path fillRule="evenodd" clipRule="evenodd" d="M31.1714 55.2016H34.8358V26.0557H31.1714V55.2016Z" fill="#F4A300" />
            <path fillRule="evenodd" clipRule="evenodd" d="M36.2017 55.2011H37.6867V26.0552H36.2017V55.2011Z" fill="#F4A300" />
            <path fillRule="evenodd" clipRule="evenodd" d="M41.2324 55.2004H42.2973V26.0544H41.2324V55.2004Z" fill="#F4A300" />
            <path fillRule="evenodd" clipRule="evenodd" d="M19.5801 9C20.3766 9 21.0115 9.25108 21.4848 9.75325C21.9235 10.2323 22.1429 10.8442 22.1429 11.5887V13.1645C22.1429 13.8802 21.8932 14.4921 21.3939 15C20.8947 15.5079 20.29 15.7619 19.5801 15.7619H18.6364V19.8485H17V9H19.5801ZM20.5584 11.6147C20.5584 11.3319 20.4733 11.1039 20.303 10.9307C20.1328 10.7576 19.9062 10.671 19.6234 10.671H18.6364V14.1429H19.6234C19.8831 14.1429 20.1039 14.0505 20.2857 13.8658C20.4675 13.6811 20.5584 13.4589 20.5584 13.1991V11.6147Z" fill="#051B6B" />
            <path fillRule="evenodd" clipRule="evenodd" d="M25.0723 19.85H23.437V9H25.7818L27.3046 16.7784L28.7668 9H31.0251V19.85H29.3898V13.032L27.9708 19.85H26.6557L25.0723 13.0493V19.85Z" fill="#F4A300" />
          </g>
        </svg>
      );

    case StoreIcons.rakuten:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <g clipPath="url(#clip0)">
            <path fillRule="evenodd" clipRule="evenodd" d="M24 0C10.745 0 0 10.745 0 24C0 37.255 10.745 48 24 48C37.255 48 48 37.255 48 24C48 10.745 37.255 0 24 0Z" fill="#C02229" />
            <path fillRule="evenodd" clipRule="evenodd" d="M23.7346 11.1287C27.9795 11.1287 32.4693 14.5571 32.4693 20.1082C32.4693 25.6592 27.9795 27.8632 27.9795 27.8632L35 37.6591H28.8776L22.6734 29.0877H20.0612V37.6591H15V11.1287H23.7346ZM23.1584 15.9603H19.9109V23.6435H23.1584C25.1386 23.6435 27.1188 22.2177 27.1188 19.8415C27.1188 17.4653 25.1386 15.9603 23.1584 15.9603Z" fill="white" />
          </g>
          <defs>
            <clipPath id="clip0">
              <path d="M0 0H48V48H0V0Z" fill="white" />
            </clipPath>
          </defs>
        </svg>
      );

    case StoreIcons.sub_magento:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M47.75 24C47.75 37.1167 37.1167 47.75 24 47.75C10.8833 47.75 0.25 37.1167 0.25 24C0.25 10.8833 10.8833 0.25 24 0.25C37.1167 0.25 47.75 10.8833 47.75 24Z" fill="white" stroke="#DFE3E8" strokeWidth="0.5" />
          <path d="M35.1748 12.8H13.1748V15.55H35.1748V12.8ZM36.5498 26.55V23.8L35.1748 16.925H13.1748L11.7998 23.8V26.55H13.1748V34.8H26.9248V26.55H32.4248V34.8H35.1748V26.55H36.5498ZM24.1748 32.05H15.9248V26.55H24.1748V32.05Z" fill="#959FA8" />
          <path fillRule="evenodd" clipRule="evenodd" d="M39.967 47.9831C35.5731 47.9831 32.0112 44.4211 32.0112 40.0273C32.0112 35.6334 35.5731 32.0715 39.967 32.0715C44.3608 32.0715 47.9228 35.6334 47.9228 40.0273C47.9228 44.4211 44.3608 47.9831 39.967 47.9831Z" fill="#EF7E4B" />
          <path fillRule="evenodd" clipRule="evenodd" d="M35.856 37.6617V42.3922L36.9234 43.0207V38.2901L39.9658 36.4398L43.0111 38.2871L43.0233 38.2945L43.0219 43.0137L44.0789 42.3922V37.6617L39.9648 35.1726L35.856 37.6617Z" fill="white" />
          <path fillRule="evenodd" clipRule="evenodd" d="M40.5087 43.6152L39.9647 43.9479L39.4206 43.6138V38.089L38.0112 38.9566V43.6867L39.9647 44.882L41.9348 43.6781V38.9536L40.5087 38.0847V43.6152Z" fill="white" />
        </svg>
      );

    case StoreIcons.sub_woocommerce:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M47.75 24C47.75 37.1167 37.1167 47.75 24 47.75C10.8833 47.75 0.25 37.1167 0.25 24C0.25 10.8833 10.8833 0.25 24 0.25C37.1167 0.25 47.75 10.8833 47.75 24Z" fill="white" stroke="#DFE3E8" strokeWidth="0.5" />
          <path d="M35.1748 12.8H13.1748V15.55H35.1748V12.8ZM36.5498 26.55V23.8L35.1748 16.925H13.1748L11.7998 23.8V26.55H13.1748V34.8H26.9248V26.55H32.4248V34.8H35.1748V26.55H36.5498ZM24.1748 32.05H15.9248V26.55H24.1748V32.05Z" fill="#959FA8" />
          <path fillRule="evenodd" clipRule="evenodd" d="M48 40C48 44.4183 44.4183 48 40 48C35.5817 48 32 44.4183 32 40C32 35.5817 35.5817 32 40 32C44.4183 32 48 35.5817 48 40Z" fill="#995D8D" />
          <path fillRule="evenodd" clipRule="evenodd" d="M44.378 40.9848C44.1217 41.4137 43.7855 41.6277 43.3694 41.6277C43.2942 41.6277 43.216 41.6191 43.1364 41.6025C42.8339 41.5393 42.6051 41.3735 42.4496 41.1046C42.3107 40.8692 42.2416 40.5859 42.2416 40.254C42.2416 39.8133 42.3528 39.4098 42.5753 39.0438C42.8358 38.6153 43.172 38.4013 43.584 38.4013C43.6595 38.4013 43.7373 38.41 43.8169 38.4263C44.1194 38.4893 44.3485 38.6553 44.5042 38.924C44.6426 39.1557 44.7122 39.4364 44.7122 39.7692C44.7122 40.2099 44.6008 40.6154 44.378 40.9848ZM41.686 40.9848C41.4295 41.4137 41.0935 41.6277 40.6776 41.6277C40.602 41.6277 40.524 41.6191 40.4445 41.6025C40.1417 41.5393 39.9129 41.3735 39.7572 41.1046C39.6188 40.8692 39.5495 40.5859 39.5495 40.254C39.5495 39.8133 39.6608 39.4098 39.8834 39.0438C40.1439 38.6153 40.4801 38.4013 40.892 38.4013C40.9672 38.4013 41.0452 38.41 41.1248 38.4263C41.4274 38.4893 41.6566 38.6553 41.812 38.924C41.9507 39.1557 42.0199 39.4364 42.0199 39.7692C42.0199 40.2099 41.9083 40.6154 41.686 40.9848ZM39.0487 41.6595C39.0562 41.7687 39.0399 41.8627 38.9991 41.9411C38.9468 42.0376 38.8705 42.0894 38.77 42.0965C38.6569 42.1042 38.5437 42.0516 38.4301 41.9374C38.0307 41.5272 37.7142 40.9181 37.4799 40.109C37.2031 40.6589 36.9959 41.0718 36.8599 41.3463C36.6074 41.8317 36.3913 42.0807 36.2111 42.0935C36.094 42.1015 35.9941 42.0037 35.9123 41.7987C35.6918 41.2373 35.4549 40.1502 35.2025 38.5382C35.186 38.426 35.2088 38.3293 35.2705 38.2495C35.3321 38.1692 35.422 38.1247 35.5389 38.1166C35.7572 38.1012 35.8824 38.2041 35.9149 38.4254C36.0496 39.3214 36.1935 40.0816 36.3469 40.7068L37.2887 38.9156C37.374 38.7542 37.4818 38.6684 37.6113 38.6588C37.8002 38.6457 37.918 38.7659 37.9655 39.0194C38.0734 39.5893 38.2087 40.0785 38.3721 40.4884C38.4848 39.3978 38.6737 38.6095 38.9384 38.1234C39.002 38.0051 39.0964 37.9415 39.222 37.9331C39.3225 37.9257 39.4129 37.9542 39.4934 38.0178C39.5736 38.0822 39.6174 38.1642 39.6243 38.2645C39.6297 38.3402 39.6155 38.409 39.582 38.4699C39.4144 38.7809 39.276 39.2977 39.1668 40.0219C39.0606 40.7196 39.0212 41.266 39.0487 41.6595ZM44.2742 37.3625H35.7203C35.1797 37.3625 34.7412 37.8015 34.7412 38.3416V41.6036C34.7412 42.1441 35.1797 42.5821 35.7203 42.5821H39.7727L41.626 43.6141L41.206 42.5821H44.2742C44.8147 42.5821 45.2529 42.1441 45.2529 41.6036V38.3416C45.2529 37.8015 44.8147 37.3625 44.2742 37.3625Z" fill="white" />
          <path fillRule="evenodd" clipRule="evenodd" d="M43.6661 39.1322C43.5106 39.0986 43.3613 39.1871 43.2185 39.397C43.1055 39.5607 43.0297 39.7306 42.9918 39.907C42.9707 40.0081 42.9604 40.1133 42.9604 40.2225C42.9604 40.3481 42.9855 40.4787 43.0359 40.6129C43.0988 40.7771 43.1831 40.8691 43.2881 40.8905C43.393 40.9113 43.5085 40.8651 43.6348 40.7516C43.7942 40.6093 43.9036 40.3966 43.9624 40.1151C43.9831 40.0145 43.9939 39.9093 43.9939 39.8005C43.9939 39.674 43.9685 39.5443 43.9182 39.4097C43.8555 39.246 43.771 39.1529 43.6661 39.1322Z" fill="white" />
          <path fillRule="evenodd" clipRule="evenodd" d="M40.9742 39.1322C40.8184 39.0986 40.6693 39.1871 40.5267 39.397C40.4133 39.5607 40.3377 39.7306 40.2996 39.907C40.2789 40.0081 40.2681 40.1133 40.2681 40.2225C40.2681 40.3481 40.2934 40.4787 40.3441 40.6129C40.407 40.7771 40.4909 40.8691 40.5959 40.8905C40.7011 40.9113 40.8167 40.8651 40.9426 40.7516C41.1023 40.6093 41.2112 40.3966 41.2702 40.1151C41.2912 40.0145 41.3019 39.9093 41.3019 39.8005C41.3019 39.674 41.2767 39.5443 41.2261 39.4097C41.1632 39.246 41.0789 39.1529 40.9742 39.1322Z" fill="white" />
        </svg>
      );

    case StoreIcons.point_of_sale:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fillRule="evenodd" clipRule="evenodd" d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="#43546D" />
          <path d="M31.3684 11H16.6316C15.1789 11 14 12.1789 14 13.6316V33.6316C14 35.0842 15.1789 36.2632 16.6316 36.2632H31.3684C32.8211 36.2632 34 35.0842 34 33.6316V13.6316C34 12.1789 32.8211 11 31.3684 11ZM24 35.2105C23.1263 35.2105 22.4211 34.5053 22.4211 33.6316C22.4211 32.7579 23.1263 32.0526 24 32.0526C24.8737 32.0526 25.5789 32.7579 25.5789 33.6316C25.5789 34.5053 24.8737 35.2105 24 35.2105ZM31.8947 31H16.1053V14.1579H31.8947V31Z" fill="white" />
        </svg>
      );

    case StoreIcons.veeqo:
      return (
        <svg {...attrBag} width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M47.75 24C47.75 37.1167 37.1167 47.75 24 47.75C10.8833 47.75 0.25 37.1167 0.25 24C0.25 10.8833 10.8833 0.25 24 0.25C37.1167 0.25 47.75 10.8833 47.75 24Z" fill="white" stroke="#DFE3E8" strokeWidth="0.5" />
          <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="8" y="9" width="32" height="30">
            <path d="M8.45801 9.47021V38.2246H39.5521V9.47021H8.45801Z" fill="white" />
          </mask>
          <path fillRule="evenodd" clipRule="evenodd" d="M33.6546 32.0319C38.1829 27.4014 38.0991 19.9776 33.4693 15.4499C28.8375 10.92 21.4147 11.0059 16.8875 15.6364C15.2708 17.2886 14.2435 19.2982 13.7993 21.4021C14.0171 18.4774 15.2267 15.6103 17.4371 13.3502C22.4158 8.25795 30.5799 8.16638 35.6722 13.145C40.7636 18.1241 40.8567 26.2885 35.8763 31.3792C33.7775 33.5261 31.1143 34.7849 28.3529 35.1485C30.3021 34.6201 32.1399 33.5797 33.6546 32.0319Z" fill="#4CA1D9" />
          <path fillRule="evenodd" clipRule="evenodd" d="M18.7143 31.4693C23.3518 34.0817 29.2292 32.4384 31.8405 27.7993C34.4523 23.1602 32.809 17.2822 28.1699 14.6713C26.5148 13.7388 24.7015 13.35 22.9366 13.4434C25.3039 12.9957 27.8367 13.3481 30.1032 14.6216C35.2043 17.4942 37.0112 23.9558 34.1397 29.0581C31.268 34.1607 24.8057 35.9678 19.7024 33.0961C17.5539 31.8848 15.9878 30.0371 15.1118 27.92C15.9472 29.357 17.1627 30.5968 18.7143 31.4693Z" fill="#F48070" />
          <path fillRule="evenodd" clipRule="evenodd" d="M8.44482 17.3979H15.0232L19.8399 27.2536L24.4805 17.3979H30.3543L19.6051 38.2378H19.3695L8.44482 17.3979Z" fill="#1B2126" />
        </svg>
      );

    default:
      return null;
  }
};

export default Icon;
