fix: clean up svgs on ids, masks and other redundant stuff

components/Icons/ArrowUp.tsx

@@ -14,16 +14,6 @@ export default function ArrowUpIcon({ className, color, ...props }: IconProps) {
       xmlns="http://www.w3.org/2000/svg"
       {...props}
     >
-      <mask
-        id="a"
-        width="20"
-        height="20"
-        x="0"
-        y="0"
-        maskUnits="userSpaceOnUse"
-      >
-        <path fill="#D9D9D9" d="M0 0h20v20H0z" />
-      </mask>
       <path
         fill="#4D001B"
         d="m9.219 6.541-4.021 4.021a.74.74 0 0 1-.552.235.778.778 0 0 1-.552-.245.796.796 0 0 1-.235-.552.74.74 0 0 1 .235-.552l5.354-5.355a.77.77 0 0 1 .849-.171.77.77 0 0 1 .255.171l5.354 5.355a.782.782 0 0 1 0 1.104.764.764 0 0 1-1.114 0l-4.01-4.01v9.135c0 .215-.077.4-.23.552a.752.752 0 0 1-.552.229.752.752 0 0 1-.552-.23.752.752 0 0 1-.23-.551V6.54Z"

components/Icons/Coin.tsx

@@ -8,10 +8,6 @@ export default function CoinIcon({ color, ...props }: IconProps) {
       fill="none"
       {...props}
     >
-      <clipPath id="a">
-        <path d="M0 0h358v201.375H0z" />
-      </clipPath>
-      <g clip-path="url(#a)">
       <path fill="#fff" d="M0 0h358v201.375H0z" />
       <path
         fill="#4d001b"
@@ -21,7 +17,6 @@ export default function CoinIcon({ color, ...props }: IconProps) {
         fill="#cd0921"
         d="M180.544 65.04c-36.956 2.352-38.45 4.262-40.292 51.511-1.841-47.25-3.335-49.159-40.292-51.512 36.957-2.353 38.451-4.262 40.292-51.512 1.842 47.25 3.336 49.16 40.292 51.512"
       />
-      </g>
     </svg>
   )
 }

components/Icons/CutleryOne.tsx

@@ -8,10 +8,6 @@ export default function CutleryOneIcon({ color, ...props }: IconProps) {
       fill="none"
       {...props}
     >
-      <clipPath id="a">
-        <path d="M0 .75h358v201.375H0z" />
-      </clipPath>
-      <g clip-path="url(#a)">
       <path fill="#fff" d="M0 .75h358v201.375H0z" />
       <path
         fill="#cd0921"
@@ -42,7 +38,6 @@ export default function CutleryOneIcon({ color, ...props }: IconProps) {
         <path d="M158.793 88.932s.01-.005.015 0v-.035l-.031.035zM145.82 81.173v-.015q.001.007-.005.015zM157.019 86.592l-.02.035.03-.02zM145.283 80.261s.01-.025.01-.04q-.001.016-.01.04M144.954 80.035l-.02-.076c.005.04.015.06.02.076M144.731 79.816s-.026.04-.036.051zM149.013 82.092h.015c.04-.01.015-.01-.015 0M147.589 81.676c.025-.015.056-.03.076-.04-.015-.025-.031-.036-.076.04M150.497 82.746l.01.005zM147.72 81.675c-.005-.04-.03-.046-.055-.036.015.02.025.046.055.036M143.621 79.091l-.01-.015s-.01.015-.015.02h.025zM143.596 79.102h-.026s.016.015.026 0" />
         <path d="m143.525 79.123.051-.016s-.021-.02-.051.016M143.935 79.356l.03-.045s-.02.025-.03.045M144.047 79.4c-.02-.025-.005-.136-.056-.126l-.025.036c.056-.061.01.157.081.09M144.153 80.248l-.066-.092c-.015.061-.03.142-.081.127.026.218.041-.127.147-.04zM144.386 80.48c-.061 0-.041.077-.061.102.056-.03.071-.036.061-.101M146.378 81.64l-.076.117c.045 0 .025-.045.076-.116M147.118 81.24l.005-.092-.081.097zM146.854 82.223l-.025.01.086-.01zM150.224 84.123l.076-.152c-.041.01-.142.172-.076.152M151.754 84.813c-.026.081-.015.152.056.097-.026-.03-.026-.107-.056-.097M155.96 87.555l-.061.03.081-.01z" />
       </g>
-      </g>
     </svg>
   )
 }

components/Icons/CutleryTwo.tsx

@@ -8,10 +8,6 @@ export default function CutleryTwoIcon({ color, ...props }: IconProps) {
       fill="none"
       {...props}
     >
-      <clipPath id="a">
-        <path d="M0 .75h358v201.375H0z" />
-      </clipPath>
-      <g clip-path="url(#a)">
       <path fill="#fff" d="M0 .75h358v201.375H0z" />
       <path
         fill="#cd0921"
@@ -152,7 +148,6 @@ export default function CutleryTwoIcon({ color, ...props }: IconProps) {
         <path d="M187.23 42.57s-.004-.009 0-.013h-.03l.035.026v-.013zm-1.893 2.263.03.01-.021-.023zm-1.284 13.675s-.021 0-.034.009a.1.1 0 0 0 .034-.01m-.048.405-.047.057a.2.2 0 0 0 .047-.057m-.078.311q.031.007.057.008zm.196-4.97s0-.009-.005-.013c-.021-.03-.013-.01.005.013m.191 1.495a.3.3 0 0 1-.056-.053c-.013.026-.018.044.056.053" />
         <path d="M184.266 55.627c-.026.026-.022.048-.009.07.009-.022.027-.044.009-.07m-.444 4.943v.014h.013l-.013-.018zm.018.018.013.017s0-.013-.013-.017m.048.056-.031-.035s-.004.026.031.035m.009-.483-.048-.009zm-.009-.126c-.013.03-.105.07-.074.113h.039c-.07-.017.117-.082.039-.113zm.6-.492-.039.104c.052-.017.118-.034.131.013.152-.126-.113.022-.087-.117zm.083-.32c.022.056.074 0 .1.008-.043-.039-.056-.048-.1-.008m.148-2.355.118.013c-.013-.043-.044 0-.118-.013m-.57-.489-.079.04.105.025zm.862-.207.017.017-.039-.074zm.269-3.94h-.143c.026.03.187.053.143 0m.018-1.711c.074-.009.126-.052.061-.091-.013.034-.079.07-.061.091m1.066-4.948.039.044-.026-.07z" />
       </g>
-      </g>
     </svg>
   )
 }

components/Icons/Voucher.tsx

@@ -8,10 +8,6 @@ export default function VoucherIcon({ color, ...props }: IconProps) {
       fill="none"
       {...props}
     >
-      <clipPath id="a">
-        <path d="M0 .375h358V201.75H0z" />
-      </clipPath>
-      <g clip-path="url(#a)">
       <path fill="#fff" d="M0 .375h358V201.75H0z" />
       <g fill="#4d001b">
         <path d="M117.481 107.462c-.185-.315-.011-.663.365-.697l3.353-.325a.48.48 0 0 1 .455.236l5.059 8.794.152-.017 3.257-9.609a.51.51 0 0 1 .399-.32l3.352-.325c.377-.04.612.269.495.612l-6.256 17.734a.5.5 0 0 1-.399.32l-.253.022a.47.47 0 0 1-.455-.235zM143.959 103.953c5.043-.494 9.468 3.167 9.962 8.21s-3.145 9.44-8.187 9.934a9.035 9.035 0 0 1-9.934-8.16c-.495-5.042 3.116-9.49 8.159-9.984m1.382 14.112c2.774-.27 4.818-2.763 4.548-5.509s-2.763-4.846-5.537-4.571c-2.746.269-4.79 2.785-4.52 5.559.269 2.746 2.757 4.796 5.509 4.527zM155.898 103.519a.5.5 0 0 1 .432-.527l3.1-.304c.275-.028.5.18.528.433l.999 10.209c.174 1.763 1.623 3.049 3.409 2.869 1.814-.179 3.01-1.718 2.842-3.481l-1-10.209a.486.486 0 0 1 .432-.528l3.1-.304c.253-.022.5.18.528.433l1.016 10.411c.377 3.83-2.538 7.323-6.519 7.71-3.959.388-7.469-2.476-7.845-6.306l-1.017-10.411zM182.061 100.224c2.521-.247 4.465.354 6.329 1.747a.47.47 0 0 1 .095.702l-1.763 2.235a.446.446 0 0 1-.629.061 5.19 5.19 0 0 0-3.527-.954c-2.847.28-4.705 2.852-4.43 5.677.275 2.797 2.617 4.908 5.464 4.633 1.185-.118 2.426-.668 3.257-1.539.163-.168.488-.202.657-.039l2.173 1.898c.191.157.202.489.039.685-1.55 1.831-3.644 2.825-5.885 3.044-5.043.494-9.49-3.117-9.984-8.16s3.167-9.496 8.21-9.99zM191.276 100.055a.504.504 0 0 1 .433-.528l2.998-.292c.275-.028.5.18.528.433l.623 6.351 7.211-.707-.623-6.352a.486.486 0 0 1 .432-.528l2.999-.292c.252-.022.5.18.528.433l1.634 16.684c.022.252-.18.5-.433.528l-2.998.292a.485.485 0 0 1-.528-.433l-.652-6.626-7.21.707.651 6.627a.486.486 0 0 1-.432.528l-2.999.292a.504.504 0 0 1-.528-.433zM210.734 98.152a.487.487 0 0 1 .433-.528l10.434-1.022a.484.484 0 0 1 .527.433l.27 2.746a.486.486 0 0 1-.432.527l-6.981.686.304 3.127 5.744-.561c.253-.023.5.18.528.432l.27 2.746c.028.275-.18.5-.433.528l-5.744.562.331 3.403 6.98-.685c.275-.028.5.179.528.432l.27 2.746a.487.487 0 0 1-.433.528l-10.434 1.022a.486.486 0 0 1-.528-.432l-1.634-16.684zM225.503 96.708a.486.486 0 0 1 .432-.528l7.536-.735c3.027-.298 5.734 1.91 6.026 4.908.225 2.319-1.129 4.335-3.235 5.43l4.077 6.065c.208.309.073.73-.359.775l-3.353.326a.46.46 0 0 1-.426-.186l-4.004-6.351-1.741.169.629 6.424c.022.253-.18.5-.433.528l-2.998.292a.486.486 0 0 1-.528-.433l-1.634-16.684zm8.373 6.301c1.033-.101 1.819-1.145 1.718-2.201s-1.067-1.83-2.1-1.73l-3.729.365.388 3.931 3.728-.365z" />
@@ -30,7 +26,6 @@ export default function VoucherIcon({ color, ...props }: IconProps) {
         fill="#cd0921"
         d="M143.122 35.325c-18.891.943-19.655 1.707-20.598 20.598-.944-18.891-1.707-19.655-20.598-20.598 18.891-.944 19.654-1.708 20.598-20.598.943 18.89 1.707 19.654 20.598 20.598M248.813 176.168c-18.891.944-19.654 1.708-20.598 20.598-.943-18.89-1.707-19.654-20.598-20.598 18.891-.943 19.655-1.707 20.598-20.598.944 18.891 1.707 19.655 20.598 20.598"
       />
-      </g>
     </svg>
   )
 }

components/Icons/Wheelchair.tsx

@@ -18,23 +18,10 @@ export default function WheelchairIcon({
       xmlns="http://www.w3.org/2000/svg"
       {...props}
     >
-      <mask
-        id="mask0_7488_25219"
-        style={{ maskType: "alpha" }}
-        maskUnits="userSpaceOnUse"
-        x="0"
-        y="0"
-        width="16"
-        height="16"
-      >
-        <rect width="16" height="16" fill="#D9D9D9" />
-      </mask>
-      <g mask="url(#mask0_7488_25219)">
       <path
         d="M5.41602 14.5C4.51046 14.5 3.7424 14.1847 3.11185 13.5541C2.48129 12.9236 2.16602 12.1555 2.16602 11.25C2.16602 10.3444 2.48129 9.57636 3.11185 8.94581C3.7424 8.31525 4.51324 7.99998 5.42435 7.99998V9.24998C4.86324 9.24998 4.38824 9.44442 3.99935 9.83331C3.61046 10.2222 3.41602 10.6944 3.41602 11.25C3.41602 11.8055 3.61046 12.2778 3.99935 12.6666C4.38824 13.0555 4.86046 13.25 5.41602 13.25C5.97157 13.25 6.44379 13.0541 6.83268 12.6625C7.22157 12.2708 7.41602 11.7916 7.41602 11.225H8.66602C8.66602 12.1416 8.35074 12.9166 7.72018 13.55C7.08963 14.1833 6.32157 14.5 5.41602 14.5ZM7.38268 10.6C6.89379 10.6 6.52018 10.3944 6.26185 9.98331C6.00352 9.5722 5.97157 9.14442 6.16602 8.69998L7.36602 6.03331H5.84935L5.64935 6.54998C5.59379 6.70553 5.49102 6.82081 5.34102 6.89581C5.19102 6.97081 5.03546 6.98053 4.87435 6.92498C4.70213 6.86942 4.57574 6.76109 4.49518 6.59998C4.41463 6.43886 4.40768 6.2722 4.47435 6.09998L4.68268 5.54998C4.77713 5.30553 4.92852 5.11664 5.13685 4.98331C5.34518 4.84998 5.5799 4.78331 5.84102 4.78331H9.21601C9.69379 4.78331 10.0618 4.97914 10.3202 5.37081C10.5785 5.76248 10.6105 6.17775 10.416 6.61664L9.31602 9.03331H11.2827C11.6438 9.03331 11.9507 9.1597 12.2035 9.41248C12.4563 9.66525 12.5827 9.9722 12.5827 10.3333V13.2083C12.5827 13.3805 12.5216 13.5278 12.3993 13.65C12.2771 13.7722 12.1299 13.8333 11.9577 13.8333C11.7855 13.8333 11.6382 13.7722 11.516 13.65C11.3938 13.5278 11.3327 13.3805 11.3327 13.2083V10.6H7.38268ZM10.5493 4.44998C10.1882 4.44998 9.88129 4.32359 9.62852 4.07081C9.37574 3.81803 9.24935 3.51109 9.24935 3.14998C9.24935 2.78886 9.37574 2.48192 9.62852 2.22914C9.88129 1.97636 10.1882 1.84998 10.5493 1.84998C10.9105 1.84998 11.2174 1.97636 11.4702 2.22914C11.723 2.48192 11.8493 2.78886 11.8493 3.14998C11.8493 3.51109 11.723 3.81803 11.4702 4.07081C11.2174 4.32359 10.9105 4.44998 10.5493 4.44998Z"
         fill="#787472"
       />
-      </g>
     </svg>
   )
 }