@learncard/react 2.10.3 → 2.10.4

package/src/components/svgs/RedFlag.tsx

@@ -0,0 +1,41 @@
+import React from 'react';
+
+type RedFlagProps = {
+    className?: string;
+};
+
+const RedFlag: React.FC<RedFlagProps> = ({ className = '' }) => {
+    return (
+        <svg
+            width="16"
+            height="15"
+            viewBox="0 0 16 15"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <g clipPath="url(#clip0_459_5374)">
+                <path
+                    d="M14.7314 6.31252C15.0064 5.94377 14.8751 5.41877 14.4501 5.23752C13.4626 4.80627 13.1064 4.14377 13.2376 3.03752C13.2876 2.59377 12.9126 2.21252 12.4626 2.26252C11.3501 2.39377 10.6876 2.03127 10.2626 1.05002C10.0814 0.625017 9.55012 0.493767 9.18762 0.768767C8.35637 1.40627 7.63762 1.40627 6.80637 0.768767C6.43762 0.493767 5.91262 0.625017 5.73137 1.05002C5.30012 2.03752 4.63762 2.39377 3.53137 2.26252C3.08762 2.21252 2.70637 2.58752 2.75637 3.03752C2.88762 4.15002 2.52512 4.81252 1.54387 5.23752C1.12512 5.41877 0.993867 5.95002 1.26887 6.31252C1.90637 7.14377 1.90637 7.86252 1.26887 8.69377C0.993867 9.06252 1.12512 9.58752 1.55012 9.76877C2.53762 10.2 2.89387 10.8625 2.76262 11.9688C2.71262 12.4125 3.08762 12.7938 3.53762 12.7438C4.65012 12.6125 5.31262 12.975 5.73762 13.9563C5.91887 14.3813 6.45012 14.5125 6.81262 14.2375C6.81887 14.2375 6.82512 14.2313 6.83137 14.225L4.05012 6.26877C4.05012 6.26877 4.05012 6.24377 4.05012 6.23127C3.98137 6.02502 3.98137 5.80002 4.09387 5.59377C5.09387 3.79377 6.67512 4.01252 7.83137 4.16877C8.99387 4.32502 9.53137 4.36252 9.99387 3.53127C10.1439 3.26252 10.4314 3.10627 10.7439 3.13127C11.0501 3.15627 11.3126 3.36252 11.4126 3.65002L13.0876 8.44377C13.1626 8.65627 13.1439 8.88752 13.0314 9.08127C12.0314 10.8813 10.4501 10.6688 9.29387 10.5063C8.27512 10.3688 7.73762 10.325 7.31262 10.8625L8.33762 13.7938C8.61262 13.8563 8.89387 14 9.18762 14.225C9.55637 14.5 10.0814 14.3688 10.2626 13.9438C10.6939 12.9563 11.3564 12.6 12.4626 12.7313C12.9064 12.7813 13.2876 12.4063 13.2376 11.9563C13.1064 10.8438 13.4689 10.1813 14.4501 9.75627C14.8751 9.57502 15.0064 9.04377 14.7314 8.68127C14.0939 7.85002 14.0939 7.13127 14.7314 6.30002V6.31252Z"
+                    fill="#EB001B"
+                />
+                <path
+                    d="M9.5062 8.95624C10.525 9.09374 11.0625 9.13749 11.4875 8.59999L10.3687 5.39374C9.4812 5.96874 8.4437 5.82499 7.6187 5.71249C6.59995 5.57499 6.06245 5.53124 5.63745 6.07499L6.7562 9.28124C7.6437 8.71249 8.6812 8.84999 9.49995 8.96249L9.5062 8.95624Z"
+                    fill="#EB001B"
+                />
+            </g>
+            <defs>
+                <clipPath id="clip0_459_5374">
+                    <rect
+                        width="13.75"
+                        height="13.75"
+                        fill="white"
+                        transform="translate(1.125 0.625)"
+                    />
+                </clipPath>
+            </defs>
+        </svg>
+    );
+};
+
+export default RedFlag;

package/src/components/svgs/RoundedCorner.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+type RoundedCornerProps = {
+    className?: string;
+};
+
+const RoundedCorner: React.FC<RoundedCornerProps> = ({ className = '' }) => {
+    return (
+        <svg
+            width="29"
+            height="30"
+            viewBox="0 0 29 30"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M27 2.42419C27 16.2348 15.8106 27.4242 2 27.4242"
+                stroke="currentColor"
+                strokeWidth="4"
+                strokeLinecap="square"
+                strokeLinejoin="round"
+            />
+        </svg>
+    );
+};
+
+export default RoundedCorner;

package/src/components/svgs/RoundedX.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+type RoundedXProps = {
+    className?: string;
+};
+
+const RoundedX: React.FC<RoundedXProps> = ({ className = '' }) => {
+    return (
+        <svg
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M18.75 5.25L5.25 18.75"
+                stroke="#18224E"
+                strokeWidth="4"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M18.75 18.75L5.25 5.25"
+                stroke="#18224E"
+                strokeWidth="4"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    );
+};
+
+export default RoundedX;

package/src/components/svgs/ScoutsLogo.tsx

@@ -0,0 +1,41 @@
+import React from 'react';
+
+type ScoutsLogoProps = {
+    className?: string;
+    size?: string;
+};
+
+const ScoutsLogo: React.FC<ScoutsLogoProps> = ({ className = '', size = '25' }) => {
+    return (
+        <svg
+            width={size}
+            height={size}
+            viewBox="0 0 25 26"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <g clipPath="url(#clip0_10755_290528)">
+                <path
+                    d="M24 13.3477C24 19.6989 18.8513 24.8477 12.5 24.8477C6.14873 24.8477 1 19.6989 1 13.3477C1 6.99638 6.14873 1.84766 12.5 1.84766C18.8513 1.84766 24 6.99638 24 13.3477Z"
+                    fill="white"
+                />
+                <path
+                    d="M12.1426 14.0634C12.1426 14.7372 12.1426 15.3402 12.149 15.8818H12.8519C12.8583 15.3402 12.8583 14.7405 12.8583 14.0634C12.8583 10.0042 12.7874 7.33138 12.5005 5.98047C12.2135 7.33461 12.1426 10.0042 12.1426 14.0634Z"
+                    fill="#622599"
+                />
+                <path
+                    d="M12.5 0.847656C5.59711 0.847656 0 6.44477 0 13.3477C0 20.2505 5.59711 25.8477 12.5 25.8477C19.4029 25.8477 25 20.2505 25 13.3477C25 6.44477 19.4029 0.847656 12.5 0.847656ZM8.47305 20.0539C7.40908 20.0539 6.88354 19.1318 7.17049 18.3547C7.57996 18.6256 8.04101 18.7352 8.48272 18.6159C9.03082 18.4644 9.41772 18.0033 9.59827 17.3972H10.5043C10.2592 19.222 9.39193 20.0539 8.46982 20.0539M12.5 22.7557C11.033 22.0206 9.97872 20.7761 9.97872 20.7761C10.7364 19.8153 11.1297 18.7384 11.2619 17.394H12.1744C12.2195 19.1318 12.3194 20.07 12.5 21.0179C12.6838 20.0732 12.7805 19.1318 12.8256 17.394H13.7381C13.8703 18.7384 14.2636 19.8153 15.0213 20.7761C15.0213 20.7761 13.9638 22.0206 12.5 22.7557ZM16.527 20.0539C15.6081 20.0539 14.7376 19.222 14.4925 17.3972H15.3985C15.5823 18.0033 15.966 18.4644 16.5141 18.6159C16.959 18.7384 17.42 18.6288 17.8263 18.3547C18.1132 19.1318 17.5877 20.0539 16.5237 20.0539M18.8483 16.4106C19.4255 15.2563 18.9257 14.0731 17.7973 13.8474C16.801 13.6507 15.6403 14.3439 15.3437 15.8786H16.2884C16.3819 16.0011 16.4431 16.1527 16.4431 16.3235C16.4431 16.4944 16.3819 16.646 16.2884 16.7685H8.71486C8.61491 16.6395 8.56332 16.4847 8.5601 16.3235C8.5601 16.1527 8.62136 16.0011 8.71486 15.8786H9.65953C9.36291 14.3439 8.20222 13.6507 7.20596 13.8474C6.07751 14.0731 5.57777 15.2531 6.15489 16.4106C4.60085 16.2397 3.39502 14.9339 3.39502 13.3477C3.39502 11.6453 4.78463 10.2654 6.49665 10.2654C8.87606 10.2654 10.4333 12.8253 10.5655 15.8786H11.3103C11.1878 12.3578 9.29843 10.9844 9.29843 8.65008C9.29843 6.12235 11.8971 3.84611 12.5 3.24642C13.1029 3.84288 15.7016 6.12235 15.7016 8.65008C15.7016 10.9876 13.8154 12.3578 13.6897 15.8786H14.4345C14.5699 12.8253 16.1239 10.2654 18.5034 10.2654C20.2186 10.2654 21.605 11.6453 21.605 13.3477C21.605 14.9339 20.3959 16.2397 18.8451 16.4106"
+                    fill="#622599"
+                />
+            </g>
+            <defs>
+                <clipPath id="clip0_10755_290528">
+                    <rect width="25" height="25" fill="white" transform="translate(0 0.847656)" />
+                </clipPath>
+            </defs>
+        </svg>
+    );
+};
+
+export default ScoutsLogo;

package/src/components/svgs/ScoutsPledge.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+
+type ScoutsPledgeProps = {
+    className?: string;
+};
+
+const ScoutsPledge: React.FC<ScoutsPledgeProps> = ({ className = '' }) => {
+    return (
+        <svg
+            width="25"
+            height="25"
+            viewBox="0 0 25 26"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M17.5604 12.618V11.7H23.0429L21.0066 15.2632L23.0429 18.8264H18.2005C18.2034 18.7567 18.211 18.6882 18.211 18.6177V13.9435C18.211 13.4182 17.9662 12.9336 17.5604 12.618ZM13.4046 22.5045H11.5755C9.80421 22.5045 8.25688 21.3068 7.81298 19.5921L7.09022 16.8018C6.96332 16.2947 7.04862 15.7731 7.33046 15.3329C7.61252 14.8924 8.05044 14.5963 8.56422 14.4991L12.7964 13.6986C13.0331 13.654 13.2729 13.7053 13.4704 13.843C13.6681 13.9812 13.7989 14.1881 13.8387 14.4258C13.9152 14.8851 13.6203 15.329 13.1676 15.4368L10.3741 16.1018C10.1072 16.1653 9.88628 16.3439 9.76836 16.5917C9.6502 16.8398 9.65044 17.1239 9.77388 17.3807L10.4031 18.6195L11.2231 18.2027L10.8424 17.4538C11.8125 17.7464 12.5212 18.6473 12.5212 19.7117H13.4407C13.4407 18.4119 12.6787 17.2899 11.5796 16.76L13.3803 16.3313C14.143 16.1499 14.6837 15.4991 14.7593 14.7506C15.0395 15.1437 15.4982 15.4016 16.0166 15.4016C16.5458 15.4016 17.0131 15.1338 17.2915 14.7269V18.6177C17.2915 20.7609 15.5478 22.5045 13.4046 22.5045ZM1.8689 18.8264L3.9052 15.2632L1.8689 11.7H7.53458V13.9104C7.14263 14.1315 6.80701 14.4448 6.55598 14.837C6.13644 15.4926 6.00932 16.2697 6.19898 17.0285L6.66472 18.8264H1.8689ZM9.15066 5.64449C9.53479 5.64449 9.84721 5.92471 9.84721 6.26884V11.6895H10.7667V4.96792C10.7667 4.62379 11.0794 4.34358 11.4635 4.34358C11.8474 4.34358 12.1601 4.62379 12.1601 4.96792V11.6895H13.0796V6.70262C13.0796 6.35849 13.392 6.07827 13.7761 6.07827C14.1605 6.07827 14.4729 6.35849 14.4729 6.70262V11.2516L14.4727 11.2561V13.5789C14.3483 13.3894 14.1885 13.223 13.9968 13.0892C13.5945 12.8083 13.1076 12.7037 12.6253 12.7952L8.45411 13.5842V6.26884C8.45411 5.92471 8.76653 5.64449 9.15066 5.64449ZM16.0166 10.6316C16.3607 10.6316 16.6409 10.9115 16.6409 11.2561V13.8577C16.6409 14.2018 16.3607 14.4821 16.0166 14.4821C15.6724 14.4821 15.3922 14.2018 15.3922 13.8577V11.4727L15.3924 11.2539C15.3938 10.9104 15.6731 10.6316 16.0166 10.6316ZM22.0659 15.2632L24.6273 10.7805H17.4848C17.2837 10.1612 16.7021 9.71203 16.0166 9.71203C15.7945 9.71203 15.5835 9.76007 15.3924 9.8449V6.70262C15.3924 5.85137 14.6674 5.15874 13.7761 5.15874C13.5265 5.15874 13.2909 5.21461 13.0796 5.31162V4.96792C13.0796 4.11667 12.3545 3.42405 11.4635 3.42405C10.6033 3.42405 9.90008 4.06978 9.85204 4.88012C9.63939 4.78173 9.40215 4.72496 9.15066 4.72496C8.2594 4.72496 7.53458 5.41759 7.53458 6.26884V10.7805H0.284553L2.8459 15.2632L0.284553 19.7459H6.90263L6.92263 19.8225C7.47159 21.9431 9.38513 23.424 11.5755 23.424H13.4046C15.6658 23.424 17.5621 21.8528 18.0717 19.7459H24.6273L22.0659 15.2632Z"
+                fill="currentColor"
+            />
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M9.73278 4.68252C9.87496 3.88823 10.5979 3.28516 11.4635 3.28516C12.4298 3.28516 13.2216 4.03687 13.2216 4.96792V5.10711C13.3957 5.05094 13.582 5.01985 13.7761 5.01985C14.7426 5.01985 15.5344 5.77156 15.5344 6.70262V9.64403C15.6871 9.59816 15.8489 9.57314 16.0166 9.57314C16.7312 9.57314 17.3396 10.0184 17.5853 10.6416H24.6273C24.6776 10.6416 24.7242 10.6677 24.7497 10.7102C24.7752 10.7527 24.7758 10.8053 24.7512 10.8483L22.2286 15.2632L24.7512 19.6782C24.7758 19.7212 24.7752 19.7737 24.7497 19.8162C24.7242 19.8587 24.6776 19.8848 24.6273 19.8848H18.1827C17.6214 21.9968 15.6969 23.5629 13.4046 23.5629H11.5755C9.328 23.5629 7.36647 22.0502 6.7924 19.8848H0.284553C0.234183 19.8848 0.187583 19.8587 0.162096 19.8162C0.136608 19.7737 0.136048 19.7212 0.160624 19.6782L2.68325 15.2632L0.160624 10.8483C0.136048 10.8053 0.136608 10.7527 0.162096 10.7102C0.187583 10.6677 0.234183 10.6416 0.284553 10.6416H7.3926V6.26884C7.3926 5.3378 8.18418 4.58607 9.15066 4.58607C9.35509 4.58607 9.55075 4.62058 9.73278 4.68252ZM11.4635 3.56293C10.6764 3.56293 10.0373 4.15337 9.99377 4.88816C9.99104 4.93425 9.96507 4.976 9.92448 4.99956C9.8839 5.02312 9.834 5.02541 9.79133 5.00567C9.59662 4.91558 9.38002 4.86385 9.15066 4.86385C8.33463 4.86385 7.67655 5.49737 7.67655 6.26884V10.7805C7.67655 10.8572 7.61299 10.9194 7.53458 10.9194H0.526562L2.96983 15.1955C2.99389 15.2376 2.99389 15.2889 2.96983 15.331L0.526562 19.607H6.90263C6.96749 19.607 7.02411 19.65 7.04018 19.7115L7.06027 19.7884C7.59374 21.8492 9.45202 23.2852 11.5755 23.2852H13.4046C15.5961 23.2852 17.4381 21.7619 17.9335 19.7139C17.9487 19.6513 18.0059 19.607 18.0717 19.607H24.3853L21.942 15.331C21.9179 15.2889 21.9179 15.2376 21.942 15.1955L24.3853 10.9194H17.4848C17.423 10.9194 17.3682 10.8802 17.3495 10.8226C17.1659 10.2573 16.6365 9.85092 16.0166 9.85092C15.8157 9.85092 15.6246 9.89434 15.4511 9.97137C15.4072 9.99088 15.3561 9.98722 15.3155 9.96165C15.275 9.93609 15.2504 9.89211 15.2504 9.8449V6.70262C15.2504 5.93117 14.5922 5.29763 13.7761 5.29763C13.5484 5.29763 13.3333 5.34855 13.1399 5.43735C13.0959 5.45754 13.0445 5.45434 13.0035 5.42886C12.9625 5.40337 12.9376 5.35915 12.9376 5.31162V4.96792C12.9376 4.19646 12.2793 3.56293 11.4635 3.56293ZM11.4635 4.48246C11.1458 4.48246 10.9087 4.71171 10.9087 4.96792V11.6895C10.9087 11.7662 10.8451 11.8283 10.7667 11.8283H9.84721C9.7688 11.8283 9.70523 11.7662 9.70523 11.6895V6.26884C9.70523 6.01257 9.4683 5.78338 9.15066 5.78338C8.83302 5.78338 8.59608 6.01257 8.59608 6.26884V13.4159L12.5983 12.6589C12.5983 12.6589 12.5983 12.6589 12.5983 12.6589C13.1191 12.5601 13.6456 12.6733 14.0793 12.9762C14.0793 12.9762 14.0793 12.9762 14.0793 12.9762C14.1698 13.0393 14.2537 13.1093 14.3307 13.185V13.5789H14.4727L14.5921 13.5038C14.5169 13.3892 14.4295 13.2823 14.3307 13.185V11.2561C14.3307 11.2539 14.3307 11.2517 14.3309 11.2495L14.3309 11.2482V11.2516H14.4729L14.3311 11.2449L14.3309 11.2482V6.70262C14.3309 6.44638 14.094 6.21716 13.7761 6.21716C13.4585 6.21716 13.2216 6.44634 13.2216 6.70262V11.6895C13.2216 11.7662 13.158 11.8283 13.0796 11.8283H12.1601C12.0817 11.8283 12.0181 11.7662 12.0181 11.6895V4.96792C12.0181 4.71168 11.781 4.48246 11.4635 4.48246ZM10.6248 4.96792C10.6248 4.53587 11.0129 4.20469 11.4635 4.20469C11.9139 4.20469 12.302 4.5359 12.302 4.96792V11.5506H12.9376V6.70262C12.9376 6.27063 13.3255 5.93938 13.7761 5.93938C14.2269 5.93938 14.6149 6.27059 14.6149 6.70262V11.2516C14.6149 11.2538 14.6148 11.256 14.6147 11.2582L14.6146 11.2595V13.5789C14.6146 13.6405 14.5731 13.6948 14.5126 13.7121C14.4522 13.7295 14.3873 13.7058 14.3532 13.6539C14.2383 13.479 14.091 13.3255 13.9144 13.2023C13.5435 12.9433 13.0961 12.8474 12.6524 12.9316L8.48106 13.7205C8.43945 13.7284 8.39643 13.7177 8.36375 13.6913C8.33106 13.6649 8.31213 13.6256 8.31213 13.5842V6.26884C8.31213 5.83684 8.70003 5.5056 9.15066 5.5056C9.60129 5.5056 9.98918 5.83684 9.98918 6.26884V11.5506H10.6248V4.96792ZM15.5344 11.2544C15.5344 11.2543 15.5344 11.2545 15.5344 11.2544L15.5342 11.4727V13.8577C15.5342 14.128 15.7538 14.3432 16.0166 14.3432C16.2794 14.3432 16.4989 14.128 16.4989 13.8577V11.2561C16.4989 10.9853 16.2794 10.7704 16.0166 10.7704C15.7545 10.7704 15.5356 10.9845 15.5344 11.2544ZM15.2504 11.2533C15.2521 10.8364 15.5918 10.4927 16.0166 10.4927C16.442 10.4927 16.7829 10.8377 16.7829 11.2561V13.8577C16.7829 14.2757 16.4421 14.621 16.0166 14.621C15.5911 14.621 15.2502 14.2757 15.2502 13.8577V11.4727L15.2504 11.2537L15.2504 11.2533ZM1.74644 11.6298C1.77192 11.5873 1.81852 11.5612 1.8689 11.5612H7.53458C7.61299 11.5612 7.67655 11.6233 7.67655 11.7V13.9104C7.67655 13.96 7.64947 14.0059 7.60551 14.0307C7.23369 14.2405 6.91503 14.5378 6.67632 14.9107C6.2774 15.5341 6.15633 16.2724 6.33674 16.9949C6.33679 16.9951 6.33684 16.9953 6.33689 16.9955L6.80234 18.7923C6.8131 18.8338 6.80366 18.8779 6.77676 18.9117C6.74986 18.9455 6.70852 18.9653 6.66472 18.9653H1.8689C1.81852 18.9653 1.77192 18.9392 1.74644 18.8967C1.72095 18.8542 1.72039 18.8016 1.74497 18.7586L3.74255 15.2632L1.74497 11.7678C1.72039 11.7248 1.72095 11.6723 1.74644 11.6298ZM2.11093 11.8389L4.02913 15.1954C4.05319 15.2376 4.05319 15.2889 4.02913 15.331L2.11092 18.6875H6.48228L6.06135 17.0626L6.06106 17.0615C5.86238 16.2665 5.99559 15.451 6.43564 14.7633C6.68372 14.3757 7.011 14.061 7.3926 13.8314V11.8389H2.11093ZM17.4185 11.7C17.4185 11.6233 17.482 11.5612 17.5604 11.5612H23.0429C23.0933 11.5612 23.1399 11.5873 23.1654 11.6298C23.1909 11.6723 23.1914 11.7248 23.1668 11.7678L21.1693 15.2632L23.1668 18.7586C23.1914 18.8016 23.1909 18.8542 23.1654 18.8967C23.1399 18.9392 23.0933 18.9653 23.0429 18.9653H18.2005C18.1618 18.9653 18.1248 18.9498 18.098 18.9225C18.0712 18.8952 18.057 18.8584 18.0586 18.8206C18.0601 18.7865 18.0621 18.7579 18.0639 18.7314C18.0666 18.6928 18.069 18.6585 18.069 18.6177V13.9435C18.069 13.4608 17.8442 13.0161 17.4721 12.7267C17.4382 12.7003 17.4185 12.6603 17.4185 12.618V11.7ZM17.7024 11.8389V12.5526C18.1097 12.8945 18.353 13.3991 18.353 13.9435V18.6177C18.353 18.64 18.3522 18.6638 18.351 18.6875H22.8009L20.8827 15.331C20.8586 15.2889 20.8586 15.2376 20.8827 15.1954L22.8009 11.8389H17.7024ZM12.8233 13.835C13.0217 13.7977 13.222 13.8404 13.388 13.9561L12.8233 13.835ZM12.8233 13.835L8.59119 14.6355C8.59118 14.6355 8.5912 14.6355 8.59119 14.6355C8.11675 14.7253 7.71232 14.9982 7.45077 15.4066C7.18952 15.8147 7.11036 16.2975 7.22799 16.7683C7.22803 16.7684 7.22808 16.7686 7.22812 16.7688L7.95061 19.558C8.37903 21.2129 9.8711 22.3656 11.5755 22.3656H13.4046C15.4665 22.3656 17.1495 20.6871 17.1495 18.6177V15.1024C16.8506 15.3739 16.4533 15.5405 16.0166 15.5405C15.5609 15.5405 15.1485 15.3585 14.8457 15.0657C14.6674 15.7386 14.1336 16.295 13.4139 16.4662C13.4138 16.4662 13.4139 16.4662 13.4139 16.4662L11.963 16.8116C12.9342 17.4148 13.5827 18.488 13.5827 19.7117C13.5827 19.7884 13.5191 19.8506 13.4407 19.8506H12.5212C12.4428 19.8506 12.3792 19.7884 12.3792 19.7117C12.3792 18.8361 11.8704 18.0793 11.1353 17.7182L11.3502 18.1409C11.3847 18.2087 11.3572 18.291 11.2885 18.326L10.4685 18.7427C10.4347 18.7599 10.3953 18.7631 10.359 18.7515C10.3228 18.74 10.2929 18.7147 10.2759 18.6813L9.64538 17.4398C9.50433 17.1464 9.50341 16.8191 9.63964 16.5331C9.77542 16.2478 10.0309 16.0405 10.3405 15.9669C10.3405 15.9669 10.3405 15.9669 10.3405 15.9669L13.134 15.3018C13.5123 15.2117 13.7635 14.8381 13.6985 14.4481C13.6648 14.2465 13.5544 14.0725 13.388 13.9561M12.7695 13.5622C13.0446 13.5104 13.3239 13.5703 13.5528 13.7299C13.7817 13.8899 13.933 14.1297 13.9788 14.4033C14.0669 14.932 13.7282 15.4462 13.2012 15.5717L10.4077 16.2368C10.1835 16.2901 9.99714 16.4401 9.89707 16.6503C9.79721 16.86 9.79653 17.1005 9.90172 17.3202L10.4659 18.431L11.0338 18.1424L10.7152 17.5156C10.69 17.4659 10.6974 17.4062 10.7342 17.3639C10.7709 17.3215 10.8299 17.3047 10.8842 17.3211C11.871 17.6187 12.6006 18.5083 12.6593 19.5728H13.2957C13.2437 18.3866 12.5293 17.3727 11.5168 16.8846C11.4633 16.8587 11.432 16.8029 11.4385 16.7448C11.445 16.6867 11.488 16.6388 11.546 16.625L13.3467 16.1963C14.0473 16.0297 14.548 15.4303 14.618 14.7369C14.6239 14.6791 14.666 14.6309 14.7235 14.6162C14.781 14.6015 14.8418 14.6234 14.8758 14.6711C15.1314 15.0297 15.5478 15.2627 16.0166 15.2627C16.4953 15.2627 16.9197 15.0206 17.1735 14.6496C17.2083 14.5988 17.2729 14.5762 17.3327 14.594C17.3926 14.6118 17.4335 14.6657 17.4335 14.7269V18.6177C17.4335 20.8347 15.6292 22.6434 13.4046 22.6434H11.5755C9.73731 22.6434 8.13473 21.4007 7.67535 19.6262L6.95259 16.8359L6.95232 16.8348C6.81635 16.2915 6.90782 15.7314 7.21013 15.2591C7.51271 14.7867 7.98412 14.4674 8.53726 14.3627L12.7695 13.5622Z"
+                fill="currentColor"
+            />
+        </svg>
+    );
+};
+
+export default ScoutsPledge;

package/src/components/svgs/ShieldChevron.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+const ShieldChevron: React.FC<{ className?: string }> = ({ className }) => {
+    return (
+        <svg viewBox="0 0 46 46" fill="none" className={className} data-testid="socialBadge-icon">
+            <path
+                d="M7.53125 19.25V8.9375C7.53125 8.56454 7.67941 8.20685 7.94313 7.94313C8.20685 7.67941 8.56454 7.53125 8.9375 7.53125H37.0625C37.4355 7.53125 37.7931 7.67941 38.0569 7.94313C38.3206 8.20685 38.4688 8.56454 38.4688 8.9375V19.25C38.4688 34.0183 25.9345 38.9112 23.4318 39.7409C23.152 39.8372 22.848 39.8372 22.5682 39.7409C20.0655 38.9112 7.53125 34.0183 7.53125 19.25Z"
+                stroke="currentColor"
+                strokeWidth="4"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M36.0785 29.3425L23 20.1875L9.92139 29.3425"
+                stroke="currentColor"
+                strokeWidth="4"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    );
+};
+
+export default ShieldChevron;

package/src/components/svgs/Smiley.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+
+type SmileyProps = {
+    className?: string;
+};
+
+const Smiley: React.FC<SmileyProps> = ({ className = '' }) => {
+    return (
+        <svg
+            width="35"
+            height="36"
+            viewBox="0 0 35 36"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M17.5 30.7008C24.7487 30.7008 30.625 24.8245 30.625 17.5758C30.625 10.3271 24.7487 4.45081 17.5 4.45081C10.2513 4.45081 4.375 10.3271 4.375 17.5758C4.375 24.8245 10.2513 30.7008 17.5 30.7008Z"
+                stroke="#FBFBFC"
+                strokeWidth="1.5"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M23.1846 20.8566C22.608 21.8538 21.7792 22.6818 20.7815 23.2575C19.7837 23.8332 18.652 24.1362 17.5001 24.1362C16.3482 24.1363 15.2165 23.8332 14.2187 23.2576C13.2209 22.6819 12.3921 21.8539 11.8156 20.8567"
+                stroke="#FBFBFC"
+                strokeWidth="1.5"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M12.5781 16.2086C13.3332 16.2086 13.9453 15.5965 13.9453 14.8414C13.9453 14.0864 13.3332 13.4742 12.5781 13.4742C11.823 13.4742 11.2109 14.0864 11.2109 14.8414C11.2109 15.5965 11.823 16.2086 12.5781 16.2086Z"
+                fill="#FBFBFC"
+            />
+            <path
+                d="M22.4219 16.2086C23.177 16.2086 23.7891 15.5965 23.7891 14.8414C23.7891 14.0864 23.177 13.4742 22.4219 13.4742C21.6668 13.4742 21.0547 14.0864 21.0547 14.8414C21.0547 15.5965 21.6668 16.2086 22.4219 16.2086Z"
+                fill="#FBFBFC"
+            />
+        </svg>
+    );
+};
+
+export default Smiley;

package/src/components/svgs/SocialBadgesIcon.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+
+const SocialBadgesIcon: React.FC<{ className?: string; size?: string }> = ({
+    className = '',
+    size = '21',
+}) => {
+    return (
+        <svg
+            width={size}
+            height={size}
+            viewBox="0 0 25 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M23.2643 10.092C23.7079 9.51278 23.4902 8.66248 22.8165 8.37084C21.2392 7.68895 20.6641 6.62506 20.8777 4.85463C20.964 4.14399 20.3478 3.53194 19.6413 3.61821C17.8708 3.83181 16.8069 3.25673 16.1251 1.67936C15.8334 1.0057 14.9872 0.787988 14.4039 1.23162C13.0771 2.25034 11.9229 2.25034 10.592 1.23162C10.0128 0.787988 9.16248 1.0057 8.87084 1.67936C8.18895 3.25673 7.12506 3.83181 5.35463 3.61821C4.64399 3.53194 4.03194 4.1481 4.11821 4.85463C4.33181 6.62506 3.75673 7.68895 2.17936 8.37084C1.5057 8.66248 1.28799 9.50867 1.73162 10.092C2.75034 11.4188 2.75034 12.573 1.73162 13.9039C1.28799 14.4831 1.5057 15.3334 2.17936 15.6251C3.75673 16.3069 4.33181 17.3708 4.11821 19.1413C4.03194 19.8519 4.6481 20.464 5.35463 20.3777C7.12506 20.1641 8.18895 20.7392 8.87084 22.3165C9.16248 22.9902 10.0087 23.2079 10.592 22.7643C11.9188 21.7456 13.073 21.7456 14.4039 22.7643C14.9831 23.2079 15.8334 22.9902 16.1251 22.3165C16.6878 21.0144 17.5176 20.3941 18.7869 20.3407L17.2013 19.9217C15.2707 21.0678 12.9909 21.4662 10.785 21.0514C8.57919 20.6324 6.60338 19.4247 5.22729 17.6502C3.8512 15.8797 3.16932 13.6657 3.30899 11.4229C3.44865 9.18416 4.40164 7.0728 5.98722 5.48311C7.5728 3.89753 9.68416 2.94454 11.927 2.80488C14.1657 2.66522 16.3797 3.3471 18.1543 4.72318C19.9247 6.09927 21.1365 8.07508 21.5555 10.2809C21.9745 12.4868 21.5719 14.7666 20.4258 16.6972L20.8448 18.2828C20.8982 17.0135 21.5185 16.1837 22.8206 15.621C23.4943 15.3293 23.712 14.4831 23.2684 13.8998C22.2497 12.573 22.2497 11.4188 23.2684 10.0879L23.2643 10.092Z"
+                fill="currentColor"
+            />
+            <path
+                d="M20.2402 16.5886C21.3599 14.7026 21.7492 12.4755 21.3438 10.3207C20.9345 8.16584 19.7546 6.23571 18.021 4.89143C16.2913 3.54716 14.1282 2.88104 11.937 3.01747C9.74988 3.15391 7.68713 4.08487 6.13404 5.63379C4.58497 7.18272 3.65392 9.24528 3.51747 11.4362C3.38103 13.6232 4.04721 15.7861 5.39161 17.5196C6.73601 19.2491 8.66633 20.4329 10.8214 20.8422C12.9764 21.2515 15.2037 20.8582 17.0899 19.7386L20.1118 20.5412C20.2402 20.5773 20.3767 20.5813 20.5051 20.5452C20.6335 20.5131 20.7539 20.4449 20.8462 20.3486C20.9425 20.2523 21.0067 20.1359 21.0429 20.0075C21.075 19.8791 21.075 19.7427 21.0388 19.6142L20.2362 16.5926L20.2402 16.5886Z"
+                stroke="currentColor"
+                strokeWidth="1.5"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M8.65969 10.8379C9.30016 10.8379 9.81937 11.3571 9.81937 11.9975C9.81937 12.638 9.30016 13.1572 8.65969 13.1572C8.01921 13.1572 7.5 12.638 7.5 11.9975C7.5 11.3571 8.01921 10.8379 8.65969 10.8379Z"
+                fill="currentColor"
+            />
+            <path
+                d="M12.4977 10.8379C13.1382 10.8379 13.6574 11.3571 13.6574 11.9975C13.6574 12.638 13.1382 13.1572 12.4977 13.1572C11.8573 13.1572 11.338 12.638 11.338 11.9975C11.338 11.3571 11.8573 10.8379 12.4977 10.8379Z"
+                fill="currentColor"
+            />
+            <path
+                d="M16.3403 10.8379C16.9808 10.8379 17.5 11.3571 17.5 11.9975C17.5 12.638 16.9808 13.1572 16.3403 13.1572C15.6998 13.1572 15.1806 12.638 15.1806 11.9975C15.1806 11.3571 15.6998 10.8379 16.3403 10.8379Z"
+                fill="currentColor"
+            />
+        </svg>
+    );
+};
+
+export default SocialBadgesIcon;

package/src/components/svgs/ThreeDotVertical.tsx

@@ -0,0 +1,41 @@
+import React from 'react';
+
+export const ThreeDotVertical = ({ className }: { className?: string }) => {
+    return (
+        <svg
+            width="20"
+            height="20"
+            viewBox="0 0 20 20"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M8.4375 10C8.4375 10.8629 9.13706 11.5625 10 11.5625C10.8629 11.5625 11.5625 10.8629 11.5625 10C11.5625 9.13706 10.8629 8.4375 10 8.4375C9.13706 8.4375 8.4375 9.13705 8.4375 10Z"
+                fill="#6F7590"
+                stroke="#6F7590"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M8.4375 16.25C8.4375 17.1129 9.13706 17.8125 10 17.8125C10.8629 17.8125 11.5625 17.1129 11.5625 16.25C11.5625 15.3871 10.8629 14.6875 10 14.6875C9.13706 14.6875 8.4375 15.3871 8.4375 16.25Z"
+                fill="#6F7590"
+                stroke="#6F7590"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M8.4375 3.75C8.4375 4.61294 9.13706 5.3125 10 5.3125C10.8629 5.3125 11.5625 4.61294 11.5625 3.75C11.5625 2.88706 10.8629 2.1875 10 2.1875C9.13706 2.1875 8.4375 2.88705 8.4375 3.75Z"
+                fill="#6F7590"
+                stroke="#6F7590"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    );
+};
+
+export default ThreeDotVertical;

package/src/components/svgs/Trophy.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+export const Trophy: React.FC<{ className?: string; color?: string; size?: string }> = ({
+    className = '',
+    color = 'currentColor',
+    size = '',
+}) => {
+    return (
+        <svg
+            height={size}
+            width={size}
+            viewBox="0 0 31 30"
+            fill="none"
+            className={className}
+            data-testid="achievement-icon"
+        >
+            <path
+                d="M26.75 5H23V3.75C23 3.41848 22.8683 3.10054 22.6339 2.86612C22.3995 2.6317 22.0815 2.5 21.75 2.5H9.25C8.91848 2.5 8.60054 2.6317 8.36612 2.86612C8.1317 3.10054 8 3.41848 8 3.75V5H4.25C3.91848 5 3.60054 5.1317 3.36612 5.36612C3.1317 5.60054 3 5.91848 3 6.25V10C3 11.3261 3.52678 12.5979 4.46447 13.5355C5.40215 14.4732 6.67392 15 8 15H9.925C11.0557 16.2614 12.5801 17.1029 14.25 17.3875V20H13C12.0054 20 11.0516 20.3951 10.3483 21.0983C9.64509 21.8016 9.25 22.7554 9.25 23.75V26.25C9.25 26.5815 9.3817 26.8995 9.61612 27.1339C9.85054 27.3683 10.1685 27.5 10.5 27.5H20.5C20.8315 27.5 21.1495 27.3683 21.3839 27.1339C21.6183 26.8995 21.75 26.5815 21.75 26.25V23.75C21.75 22.7554 21.3549 21.8016 20.6517 21.0983C19.9484 20.3951 18.9946 20 18 20H16.75V17.3875C18.4199 17.1029 19.9443 16.2614 21.075 15H23C24.3261 15 25.5979 14.4732 26.5355 13.5355C27.4732 12.5979 28 11.3261 28 10V6.25C28 5.91848 27.8683 5.60054 27.6339 5.36612C27.3995 5.1317 27.0815 5 26.75 5V5ZM8 12.5C7.33696 12.5 6.70107 12.2366 6.23223 11.7678C5.76339 11.2989 5.5 10.663 5.5 10V7.5H8V10C8.00275 10.8521 8.1507 11.6976 8.4375 12.5H8ZM18 22.5C18.3315 22.5 18.6495 22.6317 18.8839 22.8661C19.1183 23.1005 19.25 23.4185 19.25 23.75V25H11.75V23.75C11.75 23.4185 11.8817 23.1005 12.1161 22.8661C12.3505 22.6317 12.6685 22.5 13 22.5H18ZM20.5 10C20.5 11.3261 19.9732 12.5979 19.0355 13.5355C18.0979 14.4732 16.8261 15 15.5 15C14.1739 15 12.9021 14.4732 11.9645 13.5355C11.0268 12.5979 10.5 11.3261 10.5 10V5H20.5V10ZM25.5 10C25.5 10.663 25.2366 11.2989 24.7678 11.7678C24.2989 12.2366 23.663 12.5 23 12.5H22.5625C22.8493 11.6976 22.9972 10.8521 23 10V7.5H25.5V10Z"
+                fill={color}
+            />
+        </svg>
+    );
+};
+
+export default Trophy;

package/src/components/svgs/UnknownVerifierBadge.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+type UnknownVerifierBadgeProps = {
+    className?: string;
+};
+
+const UnknownVerifierBadge: React.FC<UnknownVerifierBadgeProps> = ({ className = '' }) => {
+    return (
+        <svg
+            width="16"
+            height="15"
+            viewBox="0 0 16 15"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M14.7312 6.31252C15.0062 5.94377 14.875 5.41877 14.45 5.23752C13.4625 4.80627 13.1062 4.14377 13.2375 3.03752C13.2875 2.59377 12.9125 2.21252 12.4625 2.26252C11.35 2.39377 10.6875 2.03127 10.2625 1.05002C10.0812 0.625017 9.54999 0.493767 9.18749 0.768767C8.35624 1.40627 7.6375 1.40627 6.80624 0.768767C6.43749 0.493767 5.9125 0.625017 5.73125 1.05002C5.29999 2.03752 4.6375 2.39377 3.53124 2.26252C3.08749 2.21252 2.70624 2.58752 2.75624 3.03752C2.88749 4.15002 2.525 4.81252 1.54375 5.23752C1.125 5.41877 0.993745 5.95002 1.26875 6.31252C1.90625 7.14377 1.90625 7.86252 1.26875 8.69377C0.993745 9.06252 1.125 9.58752 1.55 9.76877C2.5375 10.2 2.89374 10.8625 2.76249 11.9688C2.71249 12.4125 3.08749 12.7938 3.53749 12.7438C4.64999 12.6125 5.3125 12.975 5.7375 13.9563C5.91875 14.3813 6.45 14.5125 6.8125 14.2375C7.64374 13.6 8.36249 13.6 9.19374 14.2375C9.5625 14.5125 10.0875 14.3813 10.2687 13.9563C10.7 12.9688 11.3625 12.6125 12.4687 12.7438C12.9125 12.7938 13.2937 12.4188 13.2437 11.9688C13.1125 10.8563 13.475 10.1938 14.4562 9.76877C14.8812 9.58752 15.0125 9.05627 14.7375 8.69377C14.1 7.86252 14.1 7.14377 14.7375 6.31252H14.7312ZM8.59374 11.6438C8.40624 11.8125 8.17499 11.9 7.89999 11.9C7.62499 11.9 7.40624 11.8125 7.21874 11.6438C7.03749 11.475 6.94999 11.2563 6.94999 10.9938C6.94999 10.7313 7.03749 10.525 7.21874 10.3438C7.39999 10.1625 7.63125 10.0625 7.89999 10.0625C8.16875 10.0625 8.40624 10.15 8.59374 10.3313C8.78749 10.5125 8.8875 10.7313 8.8875 10.9875C8.8875 11.2438 8.78749 11.4625 8.59374 11.6375V11.6438ZM10.25 6.49377C10.0937 6.73127 9.825 6.99377 9.43124 7.28752C8.98125 7.61877 8.66875 8.06252 8.48125 8.60627C8.4375 8.73127 8.41875 9.03127 8.41875 9.51877H7.2C7.16875 9.36252 7.15625 9.16252 7.17499 8.90627C7.19375 8.51877 7.2 8.34377 7.2 8.39377C7.2 7.96252 7.28749 7.61252 7.46874 7.34377C7.61249 7.12502 7.95 6.80002 8.48125 6.38127C8.86875 6.06252 9.06874 5.73127 9.06874 5.38127C9.06874 5.07502 8.96875 4.79377 8.7625 4.55002C8.56875 4.30002 8.33749 4.16877 8.08124 4.16877C7.4125 4.16877 6.93125 4.60627 6.63125 5.48752L5.45624 5.00002C5.75 4.30627 6.08749 3.81877 6.46875 3.53752C6.85 3.24377 7.375 3.10002 8.03125 3.10002C8.84374 3.10002 9.48125 3.31877 9.9375 3.75627C10.3437 4.16252 10.55 4.70627 10.55 5.38127C10.55 5.81252 10.45 6.18127 10.2562 6.49377H10.25Z"
+                fill="#EF5D35"
+            />
+        </svg>
+    );
+};
+
+export default UnknownVerifierBadge;

package/src/components/svgs/User.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+
+export const User: 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="id-icon"
+        >
+            <path
+                d="M15.5 19.25C19.6421 19.25 23 15.8921 23 11.75C23 7.60786 19.6421 4.25 15.5 4.25C11.3579 4.25 8 7.60786 8 11.75C8 15.8921 11.3579 19.25 15.5 19.25Z"
+                stroke="currentColor"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M4.13159 25.8114C5.2842 23.8164 6.94153 22.1598 8.93708 21.008C10.9326 19.8563 13.1961 19.25 15.5002 19.25C17.8043 19.25 20.0678 19.8564 22.0633 21.0082C24.0588 22.1599 25.7161 23.8166 26.8687 25.8116"
+                stroke="currentColor"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    );
+};
+
+export default User;

package/src/components/svgs/VerifiedBadge.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+
+type VerifiedBadgeProps = {
+    className?: string;
+};
+
+const VerifiedBadge: React.FC<VerifiedBadgeProps> = ({ 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_445_5415)">
+                <path
+                    d="M14.4505 5.30927C14.2501 5.22341 14.0842 5.12611 13.9354 5.01737L8.51512 10.4376C8.34914 10.6036 8.12592 10.6894 7.90842 10.6894C7.69093 10.6894 7.46771 10.6036 7.30172 10.4376L4.7719 7.90777C4.43421 7.57008 4.43421 7.02634 4.7719 6.69437C5.10959 6.36241 5.65333 6.35668 5.9853 6.69437L7.90842 8.6175L13.2256 3.30029C13.2256 3.23733 13.2256 3.1801 13.2371 3.11141C13.2886 2.6707 12.9108 2.28722 12.4644 2.33873C11.3597 2.47037 10.6958 2.11551 10.2665 1.12533C10.0834 0.707511 9.55109 0.570146 9.1905 0.844877C8.36059 1.48019 7.63941 1.48019 6.8095 0.844877C6.44319 0.570146 5.91662 0.701788 5.73346 1.12533C5.30992 2.10979 4.64598 2.47037 3.53561 2.33873C3.09489 2.28722 2.71141 2.66498 2.76293 3.11141C2.89457 4.21606 2.53971 4.88 1.54953 5.30927C1.12598 5.49242 0.99434 6.02472 1.26907 6.3853C1.90439 7.21522 1.90439 7.93639 1.26907 8.76631C0.99434 9.13262 1.12598 9.65919 1.54953 9.84234C2.53398 10.2659 2.89457 10.9298 2.76293 12.0402C2.71141 12.4809 3.08917 12.8644 3.53561 12.8129C4.64026 12.6812 5.30419 13.0361 5.73346 14.0263C5.91662 14.4441 6.44891 14.5815 6.8095 14.3067C7.63941 13.6714 8.36059 13.6714 9.1905 14.3067C9.55681 14.5815 10.0834 14.4498 10.2665 14.0263C10.6901 13.0418 11.354 12.6812 12.4644 12.8129C12.9051 12.8644 13.2886 12.4866 13.2371 12.0402C13.1054 10.9355 13.4603 10.2716 14.4505 9.84234C14.8683 9.65919 15.0057 9.12689 14.7309 8.76631C14.0956 7.93639 14.0956 7.21522 14.7309 6.3853C15.0057 6.01899 14.874 5.49242 14.4505 5.30927Z"
+                    fill="#026BFF"
+                />
+            </g>
+            <defs>
+                <clipPath id="clip0_445_5415">
+                    <rect
+                        width="15"
+                        height="15"
+                        fill="white"
+                        transform="translate(0.5 0.0758057)"
+                    />
+                </clipPath>
+            </defs>
+        </svg>
+    );
+};
+
+export default VerifiedBadge;

package/src/components/svgs/VideoIcon.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+type VideoIconProps = {
+    className?: string;
+    size?: string;
+};
+
+const VideoIcon: React.FC<VideoIconProps> = ({ className = '', size = '25' }) => {
+    return (
+        <svg
+            width={size}
+            height={size}
+            viewBox="0 0 25 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M6.61304 4.5H12.4051C14.8271 4.5 16.5181 6.16904 16.5181 8.56091V15.4391C16.5181 17.831 14.8271 19.5 12.4051 19.5H6.61304C4.19102 19.5 2.5 17.831 2.5 15.4391V8.56091C2.5 6.16904 4.19102 4.5 6.61304 4.5ZM20.458 6.87898C20.897 6.65563 21.412 6.67898 21.831 6.94294C22.25 7.20589 22.5 7.66274 22.5 8.16223V15.8384C22.5 16.3389 22.25 16.7947 21.831 17.0577C21.602 17.2008 21.346 17.2739 21.088 17.2739C20.873 17.2739 20.658 17.2231 20.457 17.1206L18.976 16.3734C18.428 16.0952 18.088 15.5369 18.088 14.9165V9.08305C18.088 8.46173 18.428 7.90335 18.976 7.62721L20.458 6.87898Z"
+                fill="white"
+            />
+        </svg>
+    );
+};
+
+export default VideoIcon;

package/src/components/svgs/X.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+type XProps = {
+    className?: string;
+    strokeWidth?: string;
+};
+
+const X: React.FC<XProps> = ({ className = '', strokeWidth = '2' }) => {
+    return (
+        <svg
+            viewBox="0 0 32 32"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+            aria-label="X"
+        >
+            <path
+                d="M25 7L7 25"
+                stroke="currentColor"
+                strokeWidth={strokeWidth}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M25 25L7 7"
+                stroke="currentColor"
+                strokeWidth={strokeWidth}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    );
+};
+
+export default X;

package/src/components/svgs/index.ts

@@ -0,0 +1,54 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './AccommodationsIcon';
+export * from './AccomplishmentsIcon';
+export * from './AchievementWithTitle';
+export * from './AcuteCheckmark';
+export * from './AwardDisplayIcon';
+export * from './AwardRibbon';
+export * from './BadgeDisplayIcon';
+export * from './Briefcase';
+export * from './Camera';
+export * from './CertificateDisplayIcon';
+export * from './Checkmark';
+export * from './CircleWithText';
+export * from './Coins';
+export * from './CourseDisplayIcon';
+export * from './DownRightArrow';
+export * from './ExclamationPoint';
+export * from './ExperienceIcon';
+export * from './FatArrow';
+export * from './GenericArrow';
+export * from './GenericDocumentIcon';
+export * from './Graduation';
+export * from './IDDisplayIcon';
+export * from './IDIcon';
+export * from './IDSleeve';
+export * from './InfoIcon';
+export * from './IssuerSeal';
+export * from './KeyIcon';
+export * from './LeftArrow';
+export * from './Lightbulb';
+export * from './Line';
+export * from './LinkIcon';
+export * from './PdfIcon';
+export * from './PersonBadge';
+export * from './PuzzlePiece';
+export * from './QRCodeIcon';
+export * from './RedFlag';
+export * from './RoundedCorner';
+export * from './RoundedX';
+export * from './ScoutsLogo';
+export * from './ScoutsPledge';
+export * from './ShieldChevron';
+export * from './Smiley';
+export * from './SocialBadgesIcon';
+export * from './ThreeDotVertical';
+export * from './Trophy';
+export * from './UnknownVerifierBadge';
+export * from './User';
+export * from './VerifiedBadge';
+export * from './VideoIcon';
+export * from './X';