feat(WEB-304): remaning UI from design system primitives

components/Icons/Check.tsx

@@ -0,0 +1,36 @@
+import { iconVariants } from "./variants"
+
+import type { IconProps } from "@/types/components/icon"
+
+export default function CheckIcon({ className, color, ...props }: IconProps) {
+  const classNames = iconVariants({ className, color })
+  return (
+    <svg
+      className={classNames}
+      fill="none"
+      height="25"
+      viewBox="0 0 24 25"
+      width="24"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <mask
+        height="25"
+        id="mask0_1333_19690"
+        maskUnits="userSpaceOnUse"
+        style={{ maskType: "alpha" }}
+        width="24"
+        x="0"
+        y="0"
+      >
+        <rect y="0.629639" width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1333_19690)">
+        <path
+          d="M9.99967 16.6738L6.35547 13.0296L7.39967 11.9854L9.99967 14.5854L16.5997 7.98535L17.6439 9.02955L9.99967 16.6738Z"
+          fill="#4D001B"
+        />
+      </g>
+    </svg>
+  )
+}