@learncard/react 2.10.2 → 2.10.4

package/src/components/svgs/GenericDocumentIcon.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+
+type GenericDocumentIconProps = {
+    className?: string;
+};
+
+const GenericDocumentIcon: React.FC<GenericDocumentIconProps> = ({ className = '' }) => {
+    return (
+        <svg
+            width="41"
+            height="40"
+            viewBox="0 0 41 40"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M5.5 4.66675C5.5 3.0099 6.84315 1.66675 8.5 1.66675H18.6813C21.3361 1.66675 23.8555 2.83885 25.5655 4.86953L33.3842 14.1542C34.7507 15.7769 35.5 17.8301 35.5 19.9515V35.3334C35.5 36.9903 34.1569 38.3334 32.5 38.3334H8.5C6.84315 38.3334 5.5 36.9903 5.5 35.3334V4.66675Z"
+                fill="#FF3636"
+            />
+            <path d="M22 13V2.5C26 3.5 34.5 14 35.5 18H27C23 18 22 16 22 13Z" fill="#FF7A7A" />
+        </svg>
+    );
+};
+
+export default GenericDocumentIcon;

package/src/components/svgs/Graduation.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+export const Graduation: React.FC<{ className?: string; size?: string }> = ({
+    className = '',
+    size = '',
+}) => {
+    return (
+        <svg
+            height={size}
+            width={size}
+            viewBox="0 0 31 31"
+            fill="none"
+            className={className}
+            data-testid="learning-icon"
+        >
+            <path
+                d="M27.3626 13.2376L26.1126 12.5501L14.8626 6.3001H14.7251C14.6485 6.2677 14.5689 6.24259 14.4876 6.2251H14.2501H14.0251C13.9397 6.2426 13.856 6.2677 13.7751 6.3001H13.6376L2.38759 12.5501C2.19522 12.6591 2.03521 12.8172 1.92388 13.0083C1.81256 13.1993 1.75391 13.4165 1.75391 13.6376C1.75391 13.8587 1.81256 14.0759 1.92388 14.2669C2.03521 14.458 2.19522 14.6161 2.38759 14.7251L5.50009 16.4501V22.3751C5.50009 23.3697 5.89518 24.3235 6.59844 25.0267C7.3017 25.73 8.25553 26.1251 9.25009 26.1251H19.2501C20.2447 26.1251 21.1985 25.73 21.9017 25.0267C22.605 24.3235 23.0001 23.3697 23.0001 22.3751V16.4501L25.5001 15.0501V18.6251C25.5001 18.9566 25.6318 19.2746 25.8662 19.509C26.1006 19.7434 26.4186 19.8751 26.7501 19.8751C27.0816 19.8751 27.3996 19.7434 27.634 19.509C27.8684 19.2746 28.0001 18.9566 28.0001 18.6251V14.3251C27.9997 14.1036 27.9405 13.8862 27.8285 13.6951C27.7165 13.504 27.5557 13.3461 27.3626 13.2376V13.2376ZM20.5001 22.3751C20.5001 22.7066 20.3684 23.0246 20.134 23.259C19.8996 23.4934 19.5816 23.6251 19.2501 23.6251H9.25009C8.91857 23.6251 8.60063 23.4934 8.36621 23.259C8.13179 23.0246 8.00009 22.7066 8.00009 22.3751V17.8376L13.6376 20.9626L13.8251 21.0376H13.9376C14.0413 21.0507 14.1463 21.0507 14.2501 21.0376C14.3538 21.0507 14.4588 21.0507 14.5626 21.0376H14.6751C14.7415 21.0236 14.8049 20.9982 14.8626 20.9626L20.5001 17.8376V22.3751ZM14.2501 18.4501L5.57509 13.6251L14.2501 8.8001L22.9251 13.6251L14.2501 18.4501Z"
+                fill="currentColor"
+            />
+        </svg>
+    );
+};
+
+export default Graduation;

package/src/components/svgs/IDDisplayIcon.tsx

@@ -0,0 +1,63 @@
+import React from 'react';
+
+export const IDDisplayIcon: React.FC<{ className?: string }> = ({ className = '' }) => {
+    return (
+        <svg
+            width="26"
+            height="25"
+            viewBox="0 0 26 25"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <g clipPath="url(#clip0_2803_60683)">
+                <g clipPath="url(#clip1_2803_60683)">
+                    <rect x="0.75" y="3.57031" width="25" height="17.8571" rx="5" fill="white" />
+                    <path
+                        d="M13.2496 19.2843C16.9972 19.2843 20.0353 16.2463 20.0353 12.4986C20.0353 8.75096 16.9972 5.71289 13.2496 5.71289C9.50193 5.71289 6.46387 8.75096 6.46387 12.4986C6.46387 16.2463 9.50193 19.2843 13.2496 19.2843Z"
+                        fill="#E2E3E980"
+                    />
+                    <path
+                        fillRule="evenodd"
+                        clipRule="evenodd"
+                        d="M13.2503 9.30426C11.6966 9.30426 10.4371 10.5638 10.4371 12.1175C10.4371 13.6712 11.6966 14.9307 13.2503 14.9307C14.804 14.9307 16.0635 13.6712 16.0635 12.1175C16.0635 10.5638 14.804 9.30426 13.2503 9.30426ZM9.56836 12.1175C9.56836 10.084 11.2168 8.43555 13.2503 8.43555C15.2838 8.43555 16.9322 10.084 16.9322 12.1175C16.9322 14.151 15.2838 15.7994 13.2503 15.7994C11.2168 15.7994 9.56836 14.151 9.56836 12.1175Z"
+                        fill="white"
+                    />
+                    <path
+                        fillRule="evenodd"
+                        clipRule="evenodd"
+                        d="M9.38965 12.1183C9.38965 9.98622 11.1181 8.25781 13.2502 8.25781C15.3823 8.25781 17.1107 9.98622 17.1107 12.1183C17.1107 14.2504 15.3823 15.9788 13.2502 15.9788C11.1181 15.9788 9.38965 14.2504 9.38965 12.1183ZM13.2502 8.61496C11.3153 8.61496 9.74679 10.1835 9.74679 12.1183C9.74679 14.0532 11.3153 15.6217 13.2502 15.6217C15.185 15.6217 16.7535 14.0532 16.7535 12.1183C16.7535 10.1835 15.185 8.61496 13.2502 8.61496ZM13.2502 9.48367C11.7951 9.48367 10.6155 10.6632 10.6155 12.1183C10.6155 13.5734 11.7951 14.753 13.2502 14.753C14.7052 14.753 15.8848 13.5734 15.8848 12.1183C15.8848 10.6632 14.7052 9.48367 13.2502 9.48367ZM10.2584 12.1183C10.2584 10.466 11.5978 9.12653 13.2502 9.12653C14.9025 9.12653 16.242 10.466 16.242 12.1183C16.242 13.7707 14.9025 15.1101 13.2502 15.1101C11.5978 15.1101 10.2584 13.7707 10.2584 12.1183Z"
+                        fill="white"
+                    />
+                    <path
+                        fillRule="evenodd"
+                        clipRule="evenodd"
+                        d="M13.2497 15.8004C12.3283 15.8003 11.423 16.0428 10.625 16.5034C9.82688 16.964 9.16407 17.6266 8.70311 18.4244C8.5831 18.6322 8.31744 18.7033 8.10972 18.5833C7.90201 18.4633 7.8309 18.1976 7.95091 17.9899C8.48813 17.06 9.2606 16.2879 10.1907 15.751C11.1208 15.2142 12.1758 14.9316 13.2498 14.9316C14.3237 14.9317 15.3787 15.2143 16.3088 15.7511C17.2389 16.2879 18.0113 17.0601 18.5485 17.99C18.6685 18.1977 18.5974 18.4634 18.3897 18.5834C18.182 18.7034 17.9163 18.6323 17.7963 18.4245C17.3354 17.6267 16.6726 16.9641 15.8745 16.5035C15.0764 16.0429 14.1712 15.8004 13.2497 15.8004Z"
+                        fill="white"
+                    />
+                    <path
+                        fillRule="evenodd"
+                        clipRule="evenodd"
+                        d="M10.1013 15.5972C11.0586 15.0447 12.1444 14.7539 13.2496 14.7539C14.3549 14.7539 15.4407 15.0448 16.3979 15.5973C17.3552 16.1498 18.1502 16.9445 18.703 17.9015C18.8724 18.1946 18.772 18.5695 18.4789 18.7388C18.1858 18.9082 17.8109 18.8078 17.6416 18.5147C17.1963 17.744 16.5561 17.104 15.7851 16.659C15.0142 16.214 14.1398 15.9798 13.2496 15.9798C12.3595 15.9798 11.4851 16.214 10.7141 16.6589C9.94318 17.1039 9.30291 17.7439 8.85762 18.5146C8.68828 18.8077 8.31339 18.9081 8.02028 18.7387C7.72717 18.5694 7.62683 18.1945 7.79617 17.9014C8.34908 16.9444 9.14409 16.1497 10.1013 15.5972ZM13.2496 15.111C12.2071 15.111 11.1828 15.3854 10.2799 15.9065C9.3769 16.4277 8.62697 17.1773 8.10542 18.08C8.03475 18.2024 8.07662 18.3588 8.19894 18.4295L8.11096 18.5818L8.19894 18.4295C8.32126 18.5001 8.47771 18.4583 8.54838 18.336C9.02502 17.5109 9.71037 16.8259 10.5356 16.3496C11.3608 15.8733 12.2968 15.6226 13.2496 15.6226C14.2024 15.6226 15.1385 15.8734 15.9637 16.3497C16.7889 16.826 17.4742 17.511 17.9508 18.3361C18.0215 18.4584 18.178 18.5002 18.3003 18.4296C18.4226 18.3589 18.4645 18.2025 18.3938 18.0801C17.8723 17.1774 17.1224 16.4278 16.2194 15.9066C15.3164 15.3854 14.2922 15.1111 13.2496 15.111Z"
+                        fill="white"
+                    />
+                </g>
+            </g>
+            <defs>
+                <clipPath id="clip0_2803_60683">
+                    <rect width="25" height="25" fill="white" transform="translate(0.75)" />
+                </clipPath>
+                <clipPath id="clip1_2803_60683">
+                    <rect
+                        width="25"
+                        height="22.5801"
+                        fill="white"
+                        transform="translate(0.75 1.42773)"
+                    />
+                </clipPath>
+            </defs>
+        </svg>
+    );
+};
+
+export default IDDisplayIcon;

package/src/components/svgs/IDIcon.tsx

@@ -0,0 +1,59 @@
+import React from 'react';
+
+export const IDIcon: React.FC<{ className?: string; }> = ({ className, }) => {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="35"
+            height="36"
+            viewBox="0 0 35 36"
+            fill="none"
+            className={className}
+        >
+            <path
+                opacity="0.2"
+                d="M5.875 27.4375V8.5625H29.125V27.4375H5.875ZM9.93554 20.8817C10.7218 21.4071 11.6462 21.6875 12.5919 21.6875C13.2197 21.6875 13.8415 21.5638 14.4216 21.3236C15.0017 21.0833 15.5287 20.7311 15.9727 20.2871C16.4167 19.8431 16.7689 19.316 17.0092 18.736C17.2494 18.1559 17.3731 17.5341 17.3731 16.9062C17.3731 15.9606 17.0927 15.0362 16.5673 14.2499C16.042 13.4637 15.2952 12.8508 14.4216 12.489C13.5479 12.1271 12.5866 12.0324 11.6591 12.2169C10.7316 12.4014 9.87968 12.8567 9.21101 13.5254C8.54234 14.1941 8.08697 15.046 7.90248 15.9735C7.71799 16.9009 7.81268 17.8623 8.17456 18.736C8.53644 19.6096 9.14927 20.3563 9.93554 20.8817Z"
+                fill="currentColor"
+                stroke="currentColor"
+                strokeWidth="3"
+            />
+            <path
+                d="M20.7812 15.8125H26.25"
+                stroke="currentColor"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M20.7812 20.1875H26.25"
+                stroke="currentColor"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M12.5918 20.1875C14.404 20.1875 15.873 18.7184 15.873 16.9062C15.873 15.0941 14.404 13.625 12.5918 13.625C10.7796 13.625 9.31055 15.0941 9.31055 16.9062C9.31055 18.7184 10.7796 20.1875 12.5918 20.1875Z"
+                stroke="currentColor"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M8.35449 23.4687C8.59724 22.5295 9.14512 21.6977 9.91205 21.1037C10.679 20.5098 11.6215 20.1875 12.5915 20.1875C13.5615 20.1875 14.504 20.5097 15.271 21.1036C16.038 21.6974 16.5859 22.5293 16.8287 23.4684"
+                stroke="currentColor"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M29.5312 7.06251H5.46875C4.86469 7.06251 4.375 7.5522 4.375 8.15626V27.8438C4.375 28.4478 4.86469 28.9375 5.46875 28.9375H29.5312C30.1353 28.9375 30.625 28.4478 30.625 27.8438V8.15626C30.625 7.5522 30.1353 7.06251 29.5312 7.06251Z"
+                stroke="currentColor"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    );
+};
+
+export default IDIcon;

package/src/components/svgs/IDSleeve.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+export const IDSleeve: React.FC<{ className?: string }> = ({ className = '' }) => {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="295"
+            height="89"
+            viewBox="0 0 295 89"
+            fill="none"
+            className={className}
+        >
+            <path
+                d="M148.777 31.7103H146.223C116.199 31.7103 114.71 0 94.4184 0H0V88.0597H295V0H200.582C178.526 0 176.899 31.7103 148.777 31.7103Z"
+                fill="currentColor"
+            />
+        </svg>
+    );
+};
+
+export default IDSleeve;

package/src/components/svgs/InfoIcon.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+
+type InfoIconProps = {
+    className?: string;
+    color?: string;
+};
+
+const InfoIcon: React.FC<InfoIconProps> = ({ className = '', color = '#A8ACBD' }) => {
+    return (
+        <svg
+            width="22"
+            height="21"
+            viewBox="0 0 22 21"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M11.0003 0.34375C8.99153 0.34375 7.02793 0.939404 5.35774 2.05539C3.68755 3.17137 2.3858 4.75756 1.6171 6.61337C0.848395 8.46918 0.647267 10.5113 1.03915 12.4814C1.43103 14.4515 2.39832 16.2612 3.8187 17.6816C5.23907 19.1019 7.04874 20.0692 9.01886 20.4611C10.989 20.853 13.0311 20.6519 14.8869 19.8832C16.7427 19.1144 18.3289 17.8127 19.4449 16.1425C20.5608 14.4723 21.1565 12.5087 21.1565 10.5C21.1534 7.80735 20.0824 5.22588 18.1784 3.32188C16.2744 1.41789 13.6929 0.346862 11.0003 0.34375V0.34375ZM11.0002 5.03125C11.2319 5.03125 11.4585 5.09998 11.6512 5.22875C11.8439 5.35751 11.9941 5.54054 12.0828 5.75467C12.1715 5.9688 12.1947 6.20443 12.1495 6.43175C12.1043 6.65907 11.9927 6.86788 11.8288 7.03177C11.6649 7.19566 11.4561 7.30727 11.2288 7.35248C11.0015 7.3977 10.7658 7.37449 10.5517 7.2858C10.3376 7.1971 10.1545 7.0469 10.0258 6.85418C9.89701 6.66147 9.82828 6.4349 9.82828 6.20313C9.82828 6.04923 9.85859 5.89685 9.91748 5.75467C9.97637 5.61249 10.0627 5.4833 10.1715 5.37448C10.2803 5.26566 10.4095 5.17934 10.5517 5.12045C10.6939 5.06156 10.8463 5.03125 11.0002 5.03125H11.0002ZM11.7815 15.9688H11.0003C10.8976 15.9688 10.796 15.9486 10.7012 15.9094C10.6064 15.8702 10.5202 15.8126 10.4477 15.7401C10.3751 15.6675 10.3176 15.5814 10.2783 15.4865C10.2391 15.3917 10.2189 15.2901 10.219 15.1875V10.5C10.0118 10.5 9.81309 10.4177 9.66657 10.2712C9.52006 10.1247 9.43775 9.92595 9.43775 9.71875C9.43775 9.51155 9.52006 9.31284 9.66657 9.16632C9.81309 9.01981 10.0118 8.9375 10.219 8.9375H11.0003C11.1029 8.93744 11.2045 8.95761 11.2993 8.99685C11.3941 9.03609 11.4803 9.09363 11.5528 9.16619C11.6254 9.23875 11.6829 9.3249 11.7222 9.41971C11.7614 9.51452 11.7816 9.61614 11.7815 9.71875V14.4063C11.9887 14.4063 12.1874 14.4886 12.3339 14.6351C12.4804 14.7816 12.5628 14.9803 12.5628 15.1875C12.5628 15.3947 12.4804 15.5934 12.3339 15.7399C12.1874 15.8864 11.9887 15.9688 11.7815 15.9688Z"
+                fill={color}
+            />
+        </svg>
+    );
+};
+
+export default InfoIcon;

package/src/components/svgs/IssuerSeal.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+
+type IssuerSealProps = {
+    className?: string;
+    size?: string;
+};
+
+const IssuerSeal: React.FC<IssuerSealProps> = ({ className = '', size = '77' }) => {
+    return (
+        <svg
+            width={size}
+            height={size}
+            viewBox="0 0 77 77"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M63.505 67.2679C56.4382 65.6232 52.6788 67.6475 50.6184 74.3528C49.9316 76.5939 47.1844 77.3169 45.5036 75.6903C40.5514 70.9369 36.4486 70.9369 31.4964 75.6903C29.7975 77.3169 27.0684 76.612 26.3816 74.3528C24.3393 67.6475 20.5799 65.6232 13.495 67.2679C11.2539 67.7921 9.28385 65.8039 9.80799 63.5809C11.4527 56.514 9.42844 52.7547 2.72309 50.6943C0.481945 50.0075 -0.241003 47.2603 1.38563 45.5794C6.13902 40.6273 6.13902 36.5245 1.38563 31.5723C-0.241003 29.8734 0.463872 27.1443 2.72309 26.4575C9.42844 24.4151 11.4527 20.6558 9.80799 13.5709C9.28385 11.3297 11.272 9.35971 13.495 9.88385C20.5618 11.5286 24.3212 9.5043 26.3816 2.79895C27.0684 0.557812 29.8156 -0.165137 31.4964 1.4615C36.4486 6.21489 40.5514 6.21489 45.5036 1.4615C47.2025 -0.165137 49.9316 0.539738 50.6184 2.79895C52.6608 9.5043 56.4201 11.5286 63.505 9.88385C65.7461 9.35971 67.7162 11.3478 67.192 13.5709C65.5473 20.6377 67.5716 24.397 74.2769 26.4575C76.5181 27.1443 77.241 29.8915 75.6144 31.5723C70.861 36.5245 70.861 40.6273 75.6144 45.5794C77.241 47.2784 76.5362 50.0075 74.2769 50.6943C67.5716 52.7366 65.5473 56.496 67.192 63.5809C67.7162 65.822 65.7281 67.7921 63.505 67.2679Z"
+                fill="currentColor"
+            />
+        </svg>
+    );
+};
+
+export default IssuerSeal;

package/src/components/svgs/KeyIcon.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+const KeyIcon: React.FC<{ className?: string; size?: string }> = ({
+    className = '',
+    size = '25',
+}) => {
+    return (
+        <svg
+            width={size}
+            height={size}
+            viewBox="0 0 25 25"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M9.09826 11.9947C8.49602 10.4925 8.43091 8.82848 8.91393 7.28384C9.39696 5.73919 10.3985 4.4087 11.7493 3.51725C13.1 2.6258 14.7172 2.22808 16.3273 2.3913C17.9375 2.55452 19.4419 3.26869 20.5863 4.41307C21.7306 5.55746 22.4448 7.06188 22.608 8.67203C22.7712 10.2822 22.3735 11.8993 21.4821 13.2501C20.5906 14.6008 19.2601 15.6024 17.7155 16.0854C16.1708 16.5684 14.5068 16.5033 13.0046 15.9011L13.0047 15.9009L11.7188 17.1868H9.375V19.5306H7.03125V21.8743H3.125V17.9681L9.09844 11.9946L9.09826 11.9947Z"
+                stroke="currentColor"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M17.5781 8.98438C18.4411 8.98438 19.1406 8.28482 19.1406 7.42188C19.1406 6.55893 18.4411 5.85938 17.5781 5.85938C16.7152 5.85938 16.0156 6.55893 16.0156 7.42188C16.0156 8.28482 16.7152 8.98438 17.5781 8.98438Z"
+                fill="currentColor"
+            />
+        </svg>
+    );
+};
+
+export default KeyIcon;

package/src/components/svgs/LeftArrow.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+type LeftArrowProps = {
+    className?: string;
+    color?: string;
+    size?: string;
+};
+
+const LeftArrow: React.FC<LeftArrowProps> = ({ className = '', size = '20' }) => {
+    return (
+        <svg
+            width={size}
+            height={size}
+            viewBox="0 0 20 20"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M8.93299 17.942L1.43299 10.442C1.31582 10.3247 1.25 10.1657 1.25 9.99999C1.25 9.83423 1.31582 9.67526 1.43299 9.55802L8.93299 2.05802C9.02041 1.97062 9.13178 1.91111 9.25301 1.887C9.37425 1.8629 9.49991 1.87528 9.61412 1.92258C9.72832 1.96989 9.82593 2.04999 9.89461 2.15277C9.96329 2.25554 9.99995 2.37638 9.99996 2.49999V5.62499H16.25C16.5814 5.62537 16.8991 5.75718 17.1334 5.99152C17.3678 6.22586 17.4996 6.54358 17.5 6.87499V13.125C17.4996 13.4564 17.3678 13.7741 17.1334 14.0085C16.8991 14.2428 16.5814 14.3746 16.25 14.375H9.99996V17.5C9.99995 17.6236 9.96329 17.7444 9.89461 17.8472C9.82593 17.95 9.72832 18.0301 9.61412 18.0774C9.49991 18.1247 9.37425 18.1371 9.25301 18.113C9.13178 18.0889 9.02041 18.0294 8.93299 17.942Z"
+                fill="currentColor"
+            />
+        </svg>
+    );
+};
+
+export default LeftArrow;

package/src/components/svgs/Lightbulb.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+export const Lightbulb: React.FC<{ className?: string }> = ({ className = '' }) => {
+    return (
+        <svg viewBox="0 0 31 30" fill="none" className={className} data-testid="skill-icon">
+            <path
+                d="M21.8624 3.52515C20.7128 2.57963 19.3666 1.90268 17.922 1.5437C16.4774 1.18472 14.9709 1.15276 13.5124 1.45015C11.5704 1.84242 9.78866 2.80274 8.39328 4.20925C6.9979 5.61576 6.05177 7.40506 5.67493 9.35015C5.39974 10.8085 5.44974 12.3097 5.82138 13.7466C6.19302 15.1834 6.87713 16.5206 7.82493 17.6626C8.70453 18.6552 9.20872 19.9245 9.24993 21.2501V25.0001C9.24993 25.9947 9.64502 26.9485 10.3483 27.6518C11.0515 28.3551 12.0054 28.7501 12.9999 28.7501H17.9999C18.9945 28.7501 19.9483 28.3551 20.6516 27.6518C21.3548 26.9485 21.7499 25.9947 21.7499 25.0001V21.4876C21.7919 20.0241 22.3296 18.6182 23.2749 17.5001C24.9313 15.4511 25.7121 12.8312 25.4476 10.2097C25.1832 7.58819 23.8947 5.17701 21.8624 3.50015V3.52515ZM19.2499 25.0001C19.2499 25.3317 19.1182 25.6496 18.8838 25.884C18.6494 26.1185 18.3314 26.2501 17.9999 26.2501H12.9999C12.6684 26.2501 12.3505 26.1185 12.116 25.884C11.8816 25.6496 11.7499 25.3317 11.7499 25.0001V23.7501H19.2499V25.0001ZM21.3374 15.9501C20.0806 17.4409 19.3473 19.3027 19.2499 21.2501H16.7499V17.5001C16.7499 17.1686 16.6182 16.8507 16.3838 16.6163C16.1494 16.3818 15.8314 16.2501 15.4999 16.2501C15.1684 16.2501 14.8505 16.3818 14.616 16.6163C14.3816 16.8507 14.2499 17.1686 14.2499 17.5001V21.2501H11.7499C11.7169 19.3353 11.0086 17.4936 9.74993 16.0501C8.91948 15.0551 8.36104 13.8619 8.12907 12.5868C7.89709 11.3117 7.99949 9.99829 8.42629 8.77456C8.85308 7.55083 9.58971 6.45858 10.5643 5.6043C11.539 4.75003 12.7183 4.1629 13.9874 3.90015C15.0781 3.67558 16.2051 3.6967 17.2866 3.96198C18.3681 4.22727 19.377 4.73005 20.24 5.43384C21.103 6.13762 21.7984 7.02474 22.2758 8.03079C22.7532 9.03685 23.0005 10.1366 22.9999 11.2501C23.0092 12.9625 22.4213 14.6245 21.3374 15.9501V15.9501Z"
+                fill="currentColor"
+            />
+        </svg>
+    );
+};
+
+export default Lightbulb;

package/src/components/svgs/Line.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+type LineProps = {
+    className?: string;
+    width?: string;
+};
+
+const Line: React.FC<LineProps> = ({ className = '', width = '109' }) => {
+    return (
+        <svg
+            width={width}
+            height="6"
+            viewBox="0 0 109 6"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <rect y="0.575806" width="109" height="5" rx="2.5" fill="#E2E3E9" />
+        </svg>
+    );
+};
+
+export default Line;

package/src/components/svgs/LinkIcon.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+type LinkIconProps = {
+    className?: string;
+};
+
+const LinkIcon: React.FC<LinkIconProps> = ({ className = '' }) => {
+    return (
+        <svg
+            width="33"
+            height="32"
+            viewBox="0 0 33 32"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M16.8117 7.91003L18.2677 6.45403C18.7784 5.94292 19.3847 5.53742 20.0521 5.26071C20.7195 4.98399 21.4348 4.84148 22.1573 4.84131C22.8798 4.84114 23.5953 4.98332 24.2628 5.25973C24.9303 5.53613 25.5368 5.94135 26.0477 6.45222C26.5586 6.9631 26.9638 7.56962 27.2402 8.23714C27.5166 8.90466 27.6588 9.6201 27.6586 10.3426C27.6584 11.0651 27.5159 11.7804 27.2392 12.4478C26.9625 13.1152 26.557 13.7216 26.0459 14.2322L22.5104 17.7677C21.9996 18.2785 21.3933 18.6836 20.726 18.96C20.0587 19.2364 19.3435 19.3787 18.6213 19.3787C17.899 19.3787 17.1838 19.2364 16.5165 18.96C15.8492 18.6836 15.2429 18.2785 14.7322 17.7677"
+                stroke="#6366F1"
+                strokeWidth="3"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M16.188 24.0902L14.7322 25.546C14.2216 26.0571 13.6152 26.4626 12.9478 26.7393C12.2804 27.016 11.5651 27.1585 10.8426 27.1587C10.1201 27.1589 9.40466 27.0167 8.73714 26.7403C8.06962 26.4639 7.4631 26.0586 6.95222 25.5478C6.44135 25.0369 6.03613 24.4304 5.75973 23.7629C5.48332 23.0953 5.34114 22.3799 5.34131 21.6574C5.34148 20.9349 5.48399 20.2195 5.76071 19.5521C6.03742 18.8848 6.44292 18.2784 6.95403 17.7678L10.4896 14.2323C11.0003 13.7215 11.6066 13.3164 12.2739 13.04C12.9412 12.7636 13.6564 12.6213 14.3787 12.6213C15.1009 12.6213 15.8161 12.7636 16.4834 13.04C17.1507 13.3164 17.757 13.7215 18.2677 14.2323"
+                stroke="#6366F1"
+                strokeWidth="3"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    );
+};
+
+export default LinkIcon;

package/src/components/svgs/PdfIcon.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+
+type PdfIconProps = {
+    className?: string;
+};
+
+const PdfIcon: React.FC<PdfIconProps> = ({ className }) => {
+    return (
+        <svg
+            width="41"
+            height="40"
+            viewBox="0 0 41 40"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M5.5 4.66675C5.5 3.0099 6.84315 1.66675 8.5 1.66675H18.6813C21.3361 1.66675 23.8555 2.83885 25.5655 4.86953L33.3842 14.1542C34.7507 15.7769 35.5 17.8301 35.5 19.9515V35.3334C35.5 36.9903 34.1569 38.3334 32.5 38.3334H8.5C6.84315 38.3334 5.5 36.9903 5.5 35.3334V4.66675Z"
+                fill="#FF3636"
+            />
+            <path d="M22 13V2.5C26 3.5 34.5 14 35.5 18H27C23 18 22 16 22 13Z" fill="#FF7A7A" />
+            <path
+                d="M15.626 25.024C15.626 25.5467 15.5 26.0367 15.248 26.494C15.0053 26.9513 14.618 27.32 14.086 27.6C13.5633 27.88 12.9007 28.02 12.098 28.02H10.46V31.772H8.5V22H12.098C12.854 22 13.498 22.1307 14.03 22.392C14.562 22.6533 14.9587 23.0127 15.22 23.47C15.4907 23.9273 15.626 24.4453 15.626 25.024ZM12.014 26.438C12.5553 26.438 12.9567 26.3167 13.218 26.074C13.4793 25.822 13.61 25.472 13.61 25.024C13.61 24.072 13.078 23.596 12.014 23.596H10.46V26.438H12.014Z"
+                fill="white"
+            />
+            <path
+                d="M20.1002 22C21.1269 22 22.0276 22.2007 22.8022 22.602C23.5862 23.0033 24.1882 23.5773 24.6082 24.324C25.0376 25.0613 25.2522 25.92 25.2522 26.9C25.2522 27.88 25.0376 28.7387 24.6082 29.476C24.1882 30.204 23.5862 30.7687 22.8022 31.17C22.0276 31.5713 21.1269 31.772 20.1002 31.772H16.6842V22H20.1002ZM20.0302 30.106C21.0569 30.106 21.8502 29.826 22.4102 29.266C22.9702 28.706 23.2502 27.9173 23.2502 26.9C23.2502 25.8827 22.9702 25.0893 22.4102 24.52C21.8502 23.9413 21.0569 23.652 20.0302 23.652H18.6442V30.106H20.0302Z"
+                fill="white"
+            />
+            <path
+                d="M32.4201 22V23.582H28.3461V26.088H31.4681V27.642H28.3461V31.772H26.3861V22H32.4201Z"
+                fill="white"
+            />
+        </svg>
+    );
+};
+
+export default PdfIcon;

package/src/components/svgs/PersonBadge.tsx

@@ -0,0 +1,55 @@
+import React from 'react';
+
+type PersonBadgeProps = {
+    className?: string;
+};
+
+const PersonBadge: React.FC<PersonBadgeProps> = ({ className = '' }) => {
+    return (
+        <svg
+            width="16"
+            height="16"
+            viewBox="0 0 16 16"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <g clipPath="url(#clip0_378_5394)">
+                <g clipPath="url(#clip1_378_5394)">
+                    <path
+                        d="M7.99375 9.45085C8.65625 9.45085 9.29375 9.18835 9.7625 8.7196C10.2312 8.25085 10.4937 7.61335 10.4937 6.95085C10.4937 6.4571 10.35 5.97585 10.075 5.56335C9.8 5.15085 9.4125 4.8321 8.95 4.6446C8.49375 4.4571 7.9875 4.4071 7.50625 4.50085C7.01875 4.5946 6.575 4.83835 6.225 5.1821C5.875 5.5321 5.6375 5.97585 5.54375 6.46335C5.45 6.95085 5.49375 7.45085 5.6875 7.9071C5.875 8.36335 6.2 8.7571 6.60625 9.0321C7.01875 9.3071 7.5 9.45085 7.99375 9.45085Z"
+                        fill="#05B65D"
+                    />
+                    <path
+                        d="M11.3375 11.9759C10.4187 11.1571 9.2375 10.7009 8.00625 10.7009C6.775 10.7009 5.5875 11.1509 4.675 11.9759C4.4 12.2196 4.1625 12.4946 3.95 12.7884C4.81875 12.7884 5.36875 13.1696 5.7375 14.0259C5.91875 14.4509 6.45 14.5821 6.8125 14.3071C7.64375 13.6696 8.3625 13.6696 9.19375 14.3071C9.5625 14.5821 10.0875 14.4509 10.2687 14.0259C10.6437 13.1634 11.1937 12.7821 12.0625 12.7884C11.85 12.4946 11.6125 12.2196 11.3375 11.9759Z"
+                        fill="#05B65D"
+                    />
+                    <path
+                        d="M14.7313 6.38838C15.0063 6.01963 14.8751 5.49463 14.4501 5.31338C13.4626 4.88213 13.1063 4.21963 13.2376 3.11338C13.2876 2.66963 12.9126 2.28838 12.4626 2.33838C11.3501 2.46963 10.6876 2.10713 10.2626 1.12588C10.0813 0.700884 9.55006 0.569634 9.18756 0.844634C8.35631 1.48213 7.63756 1.48213 6.80631 0.844634C6.43756 0.569634 5.91256 0.700884 5.73131 1.12588C5.30006 2.11338 4.63756 2.46963 3.53131 2.33838C3.08756 2.28838 2.70631 2.66338 2.75631 3.11338C2.88756 4.22588 2.52506 4.88838 1.54381 5.31338C1.12506 5.49463 0.993806 6.02588 1.26881 6.38838C1.90631 7.21963 1.90631 7.93838 1.26881 8.76963C0.993806 9.13838 1.12506 9.66338 1.55006 9.84463C2.53756 10.2759 2.89381 10.9384 2.76256 12.0446C2.75006 12.1259 2.76256 12.2071 2.78131 12.2821C2.86256 12.1634 2.93131 12.0321 3.01881 11.9196C3.70631 11.0196 4.61881 10.3196 5.66881 9.90088C5.05631 9.41963 4.60631 8.75713 4.38756 8.00713C4.16881 7.25713 4.18756 6.46338 4.44381 5.72588C4.70006 4.98838 5.17506 4.35088 5.81256 3.90088C6.45006 3.45088 7.20631 3.20713 7.98756 3.20713C8.76881 3.20713 9.52506 3.45088 10.1626 3.90088C10.8001 4.35088 11.2751 4.99463 11.5313 5.72588C11.7876 6.46338 11.8063 7.26338 11.5876 8.00713C11.3688 8.75713 10.9188 9.41338 10.3063 9.90088C11.3626 10.3196 12.2813 11.0196 12.9688 11.9196C13.0563 12.0384 13.1313 12.1696 13.2126 12.2884C13.2313 12.2134 13.2438 12.1321 13.2313 12.0446C13.1001 10.9321 13.4626 10.2696 14.4438 9.84463C14.8688 9.66338 15.0001 9.13213 14.7251 8.76963C14.0876 7.93838 14.0876 7.21963 14.7251 6.38838H14.7313Z"
+                        fill="#05B65D"
+                    />
+                </g>
+            </g>
+            <defs>
+                <clipPath id="clip0_378_5394">
+                    <rect
+                        width="15"
+                        height="15"
+                        fill="white"
+                        transform="translate(0.5 0.0758667)"
+                    />
+                </clipPath>
+                <clipPath id="clip1_378_5394">
+                    <rect
+                        width="13.75"
+                        height="13.75"
+                        fill="white"
+                        transform="translate(1.125 0.700867)"
+                    />
+                </clipPath>
+            </defs>
+        </svg>
+    );
+};
+
+export default PersonBadge;

package/src/components/svgs/PuzzlePiece.tsx

@@ -0,0 +1,89 @@
+import React from 'react';
+
+const PuzzlePiece: React.FC<{
+    className?: string;
+    size?: string;
+    fill?: string;
+    version?: 'outline' | 'filled' | 'with-plus';
+}> = ({ className = '', size = '21', fill = 'none', version = 'outline' }) => {
+    if (version === 'outline') {
+        return (
+            <svg
+                width={size}
+                height={size}
+                viewBox="0 0 26 26"
+                fill={fill}
+                className={className}
+                data-testid="skill-icon"
+            >
+                <path
+                    d="M6.49991 21.9374C6.39321 21.9374 6.28756 21.9164 6.18898 21.8756C6.0904 21.8347 6.00083 21.7749 5.92538 21.6994C5.84994 21.624 5.79009 21.5344 5.74926 21.4358C5.70843 21.3372 5.68741 21.2316 5.68741 21.1249L5.68747 16.7887C5.25402 16.994 4.7757 17.0863 4.29699 17.0571C3.81827 17.0279 3.35473 16.8781 2.94947 16.6216C2.5442 16.3651 2.21039 16.0103 1.97908 15.5902C1.74776 15.1701 1.62646 14.6983 1.62646 14.2187C1.62646 13.7391 1.74776 13.2672 1.97908 12.8471C2.21039 12.427 2.5442 12.0722 2.94947 11.8157C3.35473 11.5592 3.81827 11.4094 4.29699 11.3802C4.7757 11.351 5.25402 11.4433 5.68747 11.6486L5.68741 7.31241C5.68741 7.20571 5.70843 7.10005 5.74926 7.00148C5.79009 6.9029 5.84994 6.81333 5.92539 6.73788C6.00084 6.66243 6.09041 6.60258 6.18899 6.56175C6.28757 6.52092 6.39322 6.4999 6.49993 6.4999L11.2423 6.49996C11.0371 6.06651 10.9447 5.58819 10.9739 5.10948C11.0031 4.63077 11.153 4.16722 11.4094 3.76196C11.6659 3.3567 12.0207 3.02289 12.4409 2.79158C12.861 2.56026 13.3328 2.43896 13.8124 2.43896C14.292 2.43896 14.7638 2.56026 15.1839 2.79158C15.6041 3.02289 15.9589 3.3567 16.2154 3.76196C16.4718 4.16722 16.6216 4.63077 16.6509 5.10948C16.6801 5.58819 16.5877 6.06651 16.3825 6.49996L21.1249 6.4999C21.3404 6.4999 21.547 6.5855 21.6994 6.73787C21.8518 6.89024 21.9374 7.0969 21.9374 7.31239L21.9374 11.6486C21.504 11.4433 21.0257 11.351 20.5469 11.3802C20.0682 11.4094 19.6047 11.5592 19.1994 11.8157C18.7942 12.0722 18.4604 12.427 18.229 12.8471C17.9977 13.2672 17.8764 13.739 17.8764 14.2187C17.8764 14.6983 17.9977 15.1701 18.229 15.5902C18.4604 16.0103 18.7942 16.3651 19.1994 16.6216C19.6047 16.8781 20.0682 17.0279 20.5469 17.0571C21.0257 17.0863 21.504 16.994 21.9374 16.7887L21.9374 21.1249C21.9374 21.3404 21.8518 21.5471 21.6994 21.6994C21.547 21.8518 21.3404 21.9374 21.1249 21.9374L6.49991 21.9374Z"
+                    stroke="currentColor"
+                    strokeWidth="2"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                />
+            </svg>
+        );
+    } else if (version === 'filled') {
+        return (
+            <svg
+                width={size}
+                height={size}
+                viewBox="0 0 20 20"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+                className={className}
+            >
+                <path
+                    d="M7.98568 4.5553C7.98343 4.30027 8.02149 4.02612 8.10099 3.7348C8.48783 2.31721 9.51754 1.73347 10.9613 2.11331C12.405 2.49316 12.9995 3.50422 12.6127 4.92181C12.5332 5.21313 12.4265 5.46924 12.2947 5.689C13.1188 5.95141 13.9369 6.22525 14.5182 6.42268C15.0089 6.58936 15.3237 7.05717 15.2988 7.5664L15.2907 7.73448C15.2562 8.44639 15.1845 9.15653 15.0762 9.86126C15.1259 9.87224 15.176 9.88439 15.2267 9.8977C16.6758 10.279 17.2724 11.2938 16.8842 12.7166C16.4959 14.1394 15.4624 14.7253 14.0133 14.3441C13.9663 14.3317 13.9202 14.3186 13.875 14.305C13.6191 14.9537 13.3298 15.5898 13.0079 16.2098L12.9265 16.3665C12.6907 16.8212 12.181 17.0747 11.6702 16.9805C8.64907 16.4237 5.67688 15.6417 2.77696 14.6407C2.28678 14.4714 1.97434 14.0017 2.00166 13.4922L2.01102 13.3165C2.0496 12.5913 2.08683 11.8911 2.17738 11.154C2.36284 11.2449 2.57011 11.3208 2.79865 11.3809C4.24239 11.7608 5.2721 11.177 5.65894 9.75943C6.04579 8.34183 5.4513 7.33077 4.00756 6.95092C3.78313 6.89188 3.56869 6.85612 3.36513 6.84316C3.67005 6.15033 4.00362 5.51517 4.3499 4.85582L4.42837 4.70637C4.66617 4.25312 5.17702 4.00255 5.68688 4.09913C6.2907 4.21351 7.13852 4.378 7.98568 4.5553Z"
+                    fill="currentColor"
+                />
+            </svg>
+        );
+    } else if (version === 'with-plus') {
+        return (
+            <svg
+                width={size}
+                height={size}
+                viewBox="0 0 25 25"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+                className={className}
+            >
+                <g clipPath="url(#clip0_6520_365435)">
+                    <path
+                        d="M10.178 4.91813C10.1746 4.52708 10.233 4.10672 10.3548 3.66003C10.948 1.48639 12.5269 0.591323 14.7406 1.17375C16.9544 1.75618 17.8659 3.30647 17.2728 5.48011C17.1509 5.9268 16.9873 6.3195 16.7852 6.65646C18.0488 7.05882 19.3033 7.47872 20.1945 7.78145C20.947 8.03702 21.4297 8.75432 21.3915 9.53515L21.3791 9.79286C21.3262 10.8845 21.2162 11.9734 21.0502 13.0539C21.1263 13.0708 21.2033 13.0894 21.2809 13.1098C23.5028 13.6944 24.4177 15.2504 23.8224 17.4321C23.227 19.6138 21.6423 20.5122 19.4204 19.9276C19.3483 19.9086 19.2777 19.8886 19.2084 19.8676C18.8159 20.8624 18.3723 21.8376 17.8788 22.7883L17.754 23.0287C17.3924 23.7259 16.6108 24.1145 15.8277 23.9701C11.1952 23.1164 6.63788 21.9173 2.19133 20.3824C1.43973 20.1228 0.960661 19.4026 1.00254 18.6214L1.01689 18.352C1.07606 17.24 1.13314 16.1663 1.27199 15.0361C1.55636 15.1755 1.87417 15.2919 2.2246 15.3841C4.43834 15.9665 6.01722 15.0714 6.61038 12.8978C7.20355 10.7241 6.292 9.17384 4.07826 8.59141C3.73413 8.50088 3.40533 8.44605 3.0932 8.42617C3.56074 7.36385 4.07222 6.38992 4.60317 5.37893L4.7235 5.14977C5.08813 4.45479 5.87143 4.07058 6.65321 4.21867C7.57907 4.39405 8.87907 4.64627 10.178 4.91813Z"
+                        stroke="white"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                    />
+                    <path
+                        d="M13 10V16"
+                        stroke="white"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                    />
+                    <path
+                        d="M10 13H16"
+                        stroke="white"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                    />
+                </g>
+                <defs>
+                    <clipPath id="clip0_6520_365435">
+                        <rect width="25" height="25" fill="white" />
+                    </clipPath>
+                </defs>
+            </svg>
+        );
+    }
+
+    return null;
+};
+
+export default PuzzlePiece;

package/src/components/svgs/QRCodeIcon.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+export const QRCodeIcon: React.FC<{ className?: string }> = ({ className }) => {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="19"
+            height="19"
+            viewBox="0 0 19 19"
+            fill="none"
+            className={className}
+        >
+            <path
+                d="M6.16683 17H2.8335C2.61248 17 2.40052 16.9122 2.24424 16.7559C2.08796 16.5996 2.00016 16.3877 2.00016 16.1667V12.8333C2.00016 12.6123 1.91237 12.4004 1.75608 12.2441C1.5998 12.0878 1.38784 12 1.16683 12C0.945816 12 0.733854 12.0878 0.577574 12.2441C0.421293 12.4004 0.333496 12.6123 0.333496 12.8333V16.1667C0.333496 16.8297 0.596888 17.4656 1.06573 17.9344C1.53457 18.4033 2.17045 18.6667 2.8335 18.6667H6.16683C6.38784 18.6667 6.5998 18.5789 6.75608 18.4226C6.91236 18.2663 7.00016 18.0543 7.00016 17.8333C7.00016 17.6123 6.91236 17.4004 6.75608 17.2441C6.5998 17.0878 6.38784 17 6.16683 17V17ZM17.8335 12C17.6125 12 17.4005 12.0878 17.2442 12.2441C17.088 12.4004 17.0002 12.6123 17.0002 12.8333V16.1667C17.0002 16.3877 16.9124 16.5996 16.7561 16.7559C16.5998 16.9122 16.3878 17 16.1668 17H12.8335C12.6125 17 12.4005 17.0878 12.2442 17.2441C12.088 17.4004 12.0002 17.6123 12.0002 17.8333C12.0002 18.0543 12.088 18.2663 12.2442 18.4226C12.4005 18.5789 12.6125 18.6667 12.8335 18.6667H16.1668C16.8299 18.6667 17.4658 18.4033 17.9346 17.9344C18.4034 17.4656 18.6668 16.8297 18.6668 16.1667V12.8333C18.6668 12.6123 18.579 12.4004 18.4228 12.2441C18.2665 12.0878 18.0545 12 17.8335 12ZM16.1668 0.333328H12.8335C12.6125 0.333328 12.4005 0.421126 12.2442 0.577406C12.088 0.733686 12.0002 0.945648 12.0002 1.16666C12.0002 1.38768 12.088 1.59964 12.2442 1.75592C12.4005 1.9122 12.6125 1.99999 12.8335 1.99999H16.1668C16.3878 1.99999 16.5998 2.08779 16.7561 2.24407C16.9124 2.40035 17.0002 2.61231 17.0002 2.83333V6.16666C17.0002 6.38767 17.088 6.59964 17.2442 6.75592C17.4005 6.9122 17.6125 6.99999 17.8335 6.99999C18.0545 6.99999 18.2665 6.9122 18.4228 6.75592C18.579 6.59964 18.6668 6.38767 18.6668 6.16666V2.83333C18.6668 2.17029 18.4034 1.5344 17.9346 1.06556C17.4658 0.59672 16.8299 0.333328 16.1668 0.333328V0.333328ZM1.16683 6.99999C1.38784 6.99999 1.5998 6.9122 1.75608 6.75592C1.91237 6.59964 2.00016 6.38767 2.00016 6.16666V2.83333C2.00016 2.61231 2.08796 2.40035 2.24424 2.24407C2.40052 2.08779 2.61248 1.99999 2.8335 1.99999H6.16683C6.38784 1.99999 6.5998 1.9122 6.75608 1.75592C6.91236 1.59964 7.00016 1.38768 7.00016 1.16666C7.00016 0.945648 6.91236 0.733686 6.75608 0.577406C6.5998 0.421126 6.38784 0.333328 6.16683 0.333328H2.8335C2.17045 0.333328 1.53457 0.59672 1.06573 1.06556C0.596888 1.5344 0.333496 2.17029 0.333496 2.83333V6.16666C0.333496 6.38767 0.421293 6.59964 0.577574 6.75592C0.733854 6.9122 0.945816 6.99999 1.16683 6.99999ZM7.8335 3.66666H4.50016C4.27915 3.66666 4.06719 3.75446 3.91091 3.91074C3.75463 4.06702 3.66683 4.27898 3.66683 4.49999V7.83333C3.66683 8.05434 3.75463 8.2663 3.91091 8.42258C4.06719 8.57886 4.27915 8.66666 4.50016 8.66666H7.8335C8.05451 8.66666 8.26647 8.57886 8.42275 8.42258C8.57903 8.2663 8.66683 8.05434 8.66683 7.83333V4.49999C8.66683 4.27898 8.57903 4.06702 8.42275 3.91074C8.26647 3.75446 8.05451 3.66666 7.8335 3.66666ZM7.00016 6.99999H5.3335V5.33333H7.00016V6.99999ZM11.1668 8.66666H14.5002C14.7212 8.66666 14.9331 8.57886 15.0894 8.42258C15.2457 8.2663 15.3335 8.05434 15.3335 7.83333V4.49999C15.3335 4.27898 15.2457 4.06702 15.0894 3.91074C14.9331 3.75446 14.7212 3.66666 14.5002 3.66666H11.1668C10.9458 3.66666 10.7339 3.75446 10.5776 3.91074C10.4213 4.06702 10.3335 4.27898 10.3335 4.49999V7.83333C10.3335 8.05434 10.4213 8.2663 10.5776 8.42258C10.7339 8.57886 10.9458 8.66666 11.1668 8.66666ZM12.0002 5.33333H13.6668V6.99999H12.0002V5.33333ZM7.8335 10.3333H4.50016C4.27915 10.3333 4.06719 10.4211 3.91091 10.5774C3.75463 10.7337 3.66683 10.9456 3.66683 11.1667V14.5C3.66683 14.721 3.75463 14.933 3.91091 15.0892C4.06719 15.2455 4.27915 15.3333 4.50016 15.3333H7.8335C8.05451 15.3333 8.26647 15.2455 8.42275 15.0892C8.57903 14.933 8.66683 14.721 8.66683 14.5V11.1667C8.66683 10.9456 8.57903 10.7337 8.42275 10.5774C8.26647 10.4211 8.05451 10.3333 7.8335 10.3333ZM7.00016 13.6667H5.3335V12H7.00016V13.6667ZM11.1668 12.8333C11.3878 12.8333 11.5998 12.7455 11.7561 12.5892C11.9124 12.433 12.0002 12.221 12.0002 12C12.2212 12 12.4331 11.9122 12.5894 11.7559C12.7457 11.5996 12.8335 11.3877 12.8335 11.1667C12.8335 10.9456 12.7457 10.7337 12.5894 10.5774C12.4331 10.4211 12.2212 10.3333 12.0002 10.3333H11.1668C10.9458 10.3333 10.7339 10.4211 10.5776 10.5774C10.4213 10.7337 10.3335 10.9456 10.3335 11.1667V12C10.3335 12.221 10.4213 12.433 10.5776 12.5892C10.7339 12.7455 10.9458 12.8333 11.1668 12.8333ZM14.5002 10.3333C14.2791 10.3333 14.0672 10.4211 13.9109 10.5774C13.7546 10.7337 13.6668 10.9456 13.6668 11.1667V13.6667C13.4458 13.6667 13.2339 13.7545 13.0776 13.9107C12.9213 14.067 12.8335 14.279 12.8335 14.5C12.8335 14.721 12.9213 14.933 13.0776 15.0892C13.2339 15.2455 13.4458 15.3333 13.6668 15.3333H14.5002C14.7212 15.3333 14.9331 15.2455 15.0894 15.0892C15.2457 14.933 15.3335 14.721 15.3335 14.5V11.1667C15.3335 10.9456 15.2457 10.7337 15.0894 10.5774C14.9331 10.4211 14.7212 10.3333 14.5002 10.3333ZM11.1668 13.6667C11.002 13.6667 10.8409 13.7155 10.7039 13.8071C10.5668 13.8987 10.46 14.0288 10.3969 14.1811C10.3339 14.3334 10.3174 14.5009 10.3495 14.6626C10.3817 14.8242 10.461 14.9727 10.5776 15.0892C10.6941 15.2058 10.8426 15.2852 11.0043 15.3173C11.1659 15.3495 11.3335 15.333 11.4857 15.2699C11.638 15.2068 11.7682 15.1 11.8597 14.963C11.9513 14.8259 12.0002 14.6648 12.0002 14.5C12.0002 14.279 11.9124 14.067 11.7561 13.9107C11.5998 13.7545 11.3878 13.6667 11.1668 13.6667Z"
+                fill="currentColor"
+            />
+        </svg>
+    );
+};
+
+export default QRCodeIcon;