web3ui · KristamMoffett · Jan 13, 2023 · Jan 13, 2023
diff --git a/.changeset/loud-parrots-provide.md b/.changeset/loud-parrots-provide.md
@@ -0,0 +1,5 @@
+---
+'@web3uikit/icons': patch
+---
+
+Fix: all icons now accept currentColor fill
diff --git a/packages/icons/src/lib/icons/Airdrop.tsx b/packages/icons/src/lib/icons/Airdrop.tsx
@@ -13,7 +13,7 @@ const SvgAirdrop = ({
     <svg
         width="1em"
         height="1em"
-        viewBox="0 0 25 25"
+        viewBox="0 0 24 24"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
         role="img"
@@ -33,19 +33,27 @@ const SvgAirdrop = ({
         {title ? <title id={titleId}>{title}</title> : null}
         <g
             clipPath="url(#airdrop_svg__a)"
-            stroke="#A8AFB7"
-            strokeWidth={1.717}
-            strokeMiterlimit={10}
+            fillRule="evenodd"
+            clipRule="evenodd"
         >
-            <path d="M19.163 9.048c0 3.92-7.091 7.091-7.091 7.091S4.98 12.967 4.98 9.048c0-3.92 3.182-7.091 7.102-7.091a7.087 7.087 0 0 1 7.091 7.09h-.01Z" />
-            <path d="M15.425 9.048c0 3.92-3.343 7.091-3.343 7.091s-3.344-3.172-3.344-7.091c0-3.92 1.495-7.091 3.344-7.091 1.848 0 3.343 3.171 3.343 7.09ZM14.425 16.907H9.729a.879.879 0 0 0-.879.879v3.363c0 .486.394.88.88.88h4.697a.879.879 0 0 0 .878-.88v-3.363a.879.879 0 0 0-.879-.88Z" />
-            <path d="M19.163 9.048c-1.202-.95-2.455-.839-3.748 0-2.323-.98-4.555-1.03-6.687 0-1.252-.91-2.505-1.101-3.748 0" />
+            <path
+                d="M8.732 3.451a6.228 6.228 0 0 0-3.105 5.39c0 .716.326 1.466.926 2.231.59.754 1.396 1.457 2.238 2.069-.618-1.206-1.123-2.684-1.123-4.3 0-2.058.39-3.96 1.06-5.382l.004-.008ZM11.87.891c-4.392 0-7.96 3.554-7.96 7.95 0 1.243.561 2.359 1.29 3.29.734.936 1.69 1.754 2.611 2.42a23.09 23.09 0 0 0 3.58 2.11l.48.454.498-.473.171-.082c.204-.1.491-.244.836-.43.686-.37 1.607-.909 2.533-1.579.921-.666 1.877-1.484 2.61-2.42.558-.711 1.017-1.53 1.202-2.432h.099V8.84A7.946 7.946 0 0 0 11.87.89Zm0 1.717c-.398 0-1.017.372-1.588 1.583-.54 1.145-.897 2.787-.897 4.65 0 1.723.74 3.33 1.533 4.546.338.52.677.954.952 1.278.275-.324.614-.758.953-1.278.792-1.216 1.532-2.823 1.532-4.547 0-1.862-.357-3.504-.896-4.649-.571-1.21-1.191-1.583-1.589-1.583Zm3.092 10.509c.612-1.202 1.11-2.67 1.11-4.277 0-2.057-.39-3.96-1.06-5.381l-.003-.005a6.227 6.227 0 0 1 3.084 5.028v.358c0 .717-.326 1.467-.926 2.232-.583.744-1.375 1.439-2.205 2.045Z"
+                fill="#E35EA3"
+            />
+            <path
+                d="M9.497 17.57a.018.018 0 0 0 0 .008v3.372a.022.022 0 0 0 .012.01c0 .002.003.002.007.002h4.697l.008-.001a.022.022 0 0 0 .007-.005.024.024 0 0 0 .004-.006.02.02 0 0 0 .002-.008v-3.364c0-.004-.001-.006-.002-.007a.024.024 0 0 0-.011-.012.018.018 0 0 0-.008-.001H9.516l-.007.001a.024.024 0 0 0-.012.012Zm-1.718.008c0-.96.778-1.737 1.737-1.737h4.697c.96 0 1.738.778 1.738 1.737v3.364c0 .96-.778 1.737-1.738 1.737H9.516c-.96 0-1.737-.777-1.737-1.737v-3.364Z"
+                fill="#8A0F55"
+            />
+            <path
+                d="M8.598 7.863c2.118-.882 4.314-.818 6.53.022.62-.342 1.278-.558 1.964-.573.85-.02 1.654.273 2.391.855L18.42 9.514c-.465-.367-.888-.494-1.289-.486-.417.01-.9.17-1.46.533l-.381.247-.42-.176c-2.133-.9-4.104-.925-5.979-.018l-.462.223-.416-.302c-.549-.398-1.013-.575-1.406-.59-.367-.014-.782.108-1.268.538L4.2 8.198c.757-.67 1.59-1.003 2.473-.97.688.027 1.333.274 1.926.635Z"
+                fill="#E35EA3"
+            />
         </g>
         <defs>
             <clipPath id="airdrop_svg__a">
                 <path
                     fill="#fff"
-                    transform="translate(4.132 1.098)"
+                    transform="translate(3.92 .89)"
                     d="M0 0h15.889v21.789H0z"
                 />
             </clipPath>

diff --git a/packages/icons/src/lib/icons/AlertCircle.tsx b/packages/icons/src/lib/icons/AlertCircle.tsx
@@ -14,7 +14,7 @@ const SvgAlertCircle = ({
         width="1em"
         height="1em"
         viewBox="0 0 24 24"
-        fill="none"
+        fill="currentColor"
         xmlns="http://www.w3.org/2000/svg"
         role="img"
         data-testid="test-icon"
@@ -31,24 +31,16 @@ const SvgAlertCircle = ({
         {...props}
     >
         {title ? <title id={titleId}>{title}</title> : null}
-        <g
-            clipPath="url(#alert-circle_svg__a)"
+        <path
             fillRule="evenodd"
             clipRule="evenodd"
-            fill="#000"
-        >
-            <path d="M12 5.25a6.75 6.75 0 1 0 0 13.5 6.75 6.75 0 0 0 0-13.5ZM3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0Z" />
-            <path d="M12 8.25a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75ZM11.25 15a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75Z" />
-        </g>
-        <defs>
-            <clipPath id="alert-circle_svg__a">
-                <path
-                    fill="#fff"
-                    transform="translate(3 3)"
-                    d="M0 0h18v18H0z"
-                />
-            </clipPath>
-        </defs>
+            d="M12 5.25a6.75 6.75 0 1 0 0 13.5 6.75 6.75 0 0 0 0-13.5ZM3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0Z"
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 8.25a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75ZM11.25 15a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75Z"
+        />
     </svg>
 );
 

diff --git a/packages/icons/src/lib/icons/AlertTriangle.tsx b/packages/icons/src/lib/icons/AlertTriangle.tsx
@@ -14,7 +14,7 @@ const SvgAlertTriangle = ({
         width="1em"
         height="1em"
         viewBox="0 0 24 24"
-        fill="none"
+        fill="currentColor"
         xmlns="http://www.w3.org/2000/svg"
         role="img"
         data-testid="test-icon"
@@ -35,13 +35,11 @@ const SvgAlertTriangle = ({
             fillRule="evenodd"
             clipRule="evenodd"
             d="M10.896 4.712a2.25 2.25 0 0 1 3.028.794l.002.004 6.353 10.605.006.01A2.251 2.251 0 0 1 18.36 19.5H5.639a2.25 2.25 0 0 1-1.923-3.375l.006-.01L10.074 5.51l.644.385-.642-.389c.2-.33.483-.604.82-.794Zm.464 1.57L5.012 16.88A.75.75 0 0 0 5.652 18h12.696a.75.75 0 0 0 .64-1.12L12.641 6.283v-.002a.75.75 0 0 0-1.281 0Z"
-            fill="#000"
         />
         <path
             fillRule="evenodd"
             clipRule="evenodd"
             d="M12 9a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3A.75.75 0 0 1 12 9ZM11.25 15.75A.75.75 0 0 1 12 15h.008a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75Z"
-            fill="#000"
         />
     </svg>
 );

diff --git a/packages/icons/src/lib/icons/Archive.tsx b/packages/icons/src/lib/icons/Archive.tsx
@@ -14,7 +14,7 @@ const SvgArchive = ({
         width="1em"
         height="1em"
         viewBox="0 0 24 24"
-        fill="none"
+        fill="currentColor"
         xmlns="http://www.w3.org/2000/svg"
         role="img"
         data-testid="test-icon"
@@ -31,10 +31,7 @@ const SvgArchive = ({
         {...props}
     >
         {title ? <title id={titleId}>{title}</title> : null}
-        <path
-            d="M4.522 4.549A1 1 0 0 1 5.415 4h13.17a1 1 0 0 1 .893.548l1.414 2.795a1 1 0 0 1 .108.451v11.317a.883.883 0 0 1-.264.629.906.906 0 0 1-.636.26H3.9a.906.906 0 0 1-.636-.26A.883.883 0 0 1 3 19.11V7.798a1 1 0 0 1 .108-.452L4.522 4.55ZM19.2 9.333H4.8v8.89h14.4v-8.89Zm-.212-1.777-.9-1.778H5.913l-.9 1.778h13.975ZM12.9 13.778h2.7L12 17.333l-3.6-3.555h2.7v-3.556h1.8v3.556Z"
-            fill="#000"
-        />
+        <path d="M4.522 4.549A1 1 0 0 1 5.415 4h13.17a1 1 0 0 1 .893.548l1.414 2.795a1 1 0 0 1 .108.451v11.317a.883.883 0 0 1-.264.629.906.906 0 0 1-.636.26H3.9a.906.906 0 0 1-.636-.26A.883.883 0 0 1 3 19.11V7.798a1 1 0 0 1 .108-.452L4.522 4.55ZM19.2 9.333H4.8v8.89h14.4v-8.89Zm-.212-1.777-.9-1.778H5.913l-.9 1.778h13.975ZM12.9 13.778h2.7L12 17.333l-3.6-3.555h2.7v-3.556h1.8v3.556Z" />
     </svg>
 );
 

diff --git a/packages/icons/src/lib/icons/ArrowDown.tsx b/packages/icons/src/lib/icons/ArrowDown.tsx
@@ -14,7 +14,7 @@ const SvgArrowDown = ({
         width="1em"
         height="1em"
         viewBox="0 0 24 24"
-        fill="none"
+        fill="currentColor"
         xmlns="http://www.w3.org/2000/svg"
         role="img"
         data-testid="test-icon"
@@ -35,7 +35,6 @@ const SvgArrowDown = ({
             fillRule="evenodd"
             clipRule="evenodd"
             d="M12 4a1 1 0 0 1 1 1v11.586l5.293-5.293a1 1 0 0 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 1 1 1.414-1.414L11 16.586V5a1 1 0 0 1 1-1Z"
-            fill="#000"
         />
     </svg>
 );

diff --git a/packages/icons/src/lib/icons/ArrowDownLeft.tsx b/packages/icons/src/lib/icons/ArrowDownLeft.tsx
@@ -14,7 +14,7 @@ const SvgArrowDownLeft = ({
         width="1em"
         height="1em"
         viewBox="0 0 24 24"
-        fill="none"
+        fill="currentColor"
         xmlns="http://www.w3.org/2000/svg"
         role="img"
         data-testid="test-icon"
@@ -35,7 +35,6 @@ const SvgArrowDownLeft = ({
             fillRule="evenodd"
             clipRule="evenodd"
             d="M7 6a1 1 0 0 1 1 1v7.586l8.293-8.293a1 1 0 1 1 1.414 1.414L9.414 16H17a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1Z"
-            fill="#000"
         />
     </svg>
 );

diff --git a/packages/icons/src/lib/icons/ArrowDownRight.tsx b/packages/icons/src/lib/icons/ArrowDownRight.tsx
@@ -14,7 +14,7 @@ const SvgArrowDownRight = ({
         width="1em"
         height="1em"
         viewBox="0 0 24 24"
-        fill="none"
+        fill="currentColor"
         xmlns="http://www.w3.org/2000/svg"
         role="img"
         data-testid="test-icon"
@@ -35,7 +35,6 @@ const SvgArrowDownRight = ({
             fillRule="evenodd"
             clipRule="evenodd"
             d="M6.293 6.293a1 1 0 0 1 1.414 0L16 14.586V7a1 1 0 1 1 2 0v10a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h7.586L6.293 7.707a1 1 0 0 1 0-1.414Z"
-            fill="#000"
         />
     </svg>
 );

diff --git a/packages/icons/src/lib/icons/ArrowLeft.tsx b/packages/icons/src/lib/icons/ArrowLeft.tsx
@@ -14,7 +14,7 @@ const SvgArrowLeft = ({
         width="1em"
         height="1em"
         viewBox="0 0 24 24"
-        fill="none"
+        fill="currentColor"
         xmlns="http://www.w3.org/2000/svg"
         role="img"
         data-testid="test-icon"
@@ -35,7 +35,6 @@ const SvgArrowLeft = ({
             fillRule="evenodd"
             clipRule="evenodd"
             d="M12.707 4.293a1 1 0 0 1 0 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l5.293 5.293a1 1 0 0 1-1.414 1.414l-7-7a1 1 0 0 1 0-1.414l7-7a1 1 0 0 1 1.414 0Z"
-            fill="#000"
         />
     </svg>
 );

diff --git a/packages/icons/src/lib/icons/ArrowUp.tsx b/packages/icons/src/lib/icons/ArrowUp.tsx
@@ -14,7 +14,7 @@ const SvgArrowUp = ({
         width="1em"
         height="1em"
         viewBox="0 0 24 25"
-        fill="none"
+        fill="currentColor"
         xmlns="http://www.w3.org/2000/svg"
         role="img"
         data-testid="test-icon"
@@ -35,7 +35,6 @@ const SvgArrowUp = ({
             fillRule="evenodd"
             clipRule="evenodd"
             d="M11.293 4.793a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1-1.414 1.414L13 7.914V19.5a1 1 0 1 1-2 0V7.914l-5.293 5.293a1 1 0 0 1-1.414-1.414l7-7Z"
-            fill="#000"
         />
     </svg>
 );

diff --git a/packages/icons/src/lib/icons/ArrowUpLeft.tsx b/packages/icons/src/lib/icons/ArrowUpLeft.tsx
@@ -14,7 +14,7 @@ const SvgArrowUpLeft = ({
         width="1em"
         height="1em"
         viewBox="0 0 24 24"
-        fill="none"
+        fill="currentColor"
         xmlns="http://www.w3.org/2000/svg"
         role="img"
         data-testid="test-icon"
@@ -35,7 +35,6 @@ const SvgArrowUpLeft = ({
             fillRule="evenodd"
             clipRule="evenodd"
             d="M6 7a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H9.414l8.293 8.293a1 1 0 0 1-1.414 1.414L8 9.414V17a1 1 0 1 1-2 0V7Z"
-            fill="#000"
         />
     </svg>
 );

diff --git a/packages/icons/src/lib/icons/ArrowUpRight.tsx b/packages/icons/src/lib/icons/ArrowUpRight.tsx
@@ -14,7 +14,7 @@ const SvgArrowUpRight = ({
         width="1em"
         height="1em"
         viewBox="0 0 24 24"
-        fill="none"
+        fill="currentColor"
         xmlns="http://www.w3.org/2000/svg"
         role="img"
         data-testid="test-icon"
@@ -35,7 +35,6 @@ const SvgArrowUpRight = ({
             fillRule="evenodd"
             clipRule="evenodd"
             d="M7 8a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V9.414l-8.293 8.293a1 1 0 0 1-1.414-1.414L14.586 8H7Z"
-            fill="#000"
         />
     </svg>
 );

diff --git a/packages/icons/src/lib/icons/Cat.tsx b/packages/icons/src/lib/icons/Cat.tsx
@@ -31,46 +31,23 @@ const SvgCat = ({
         {...props}
     >
         {title ? <title id={titleId}>{title}</title> : null}
-        <g clipPath="url(#cat_svg__a)">
-            <g clipPath="url(#cat_svg__b)">
-                <path
-                    d="m15.519 4.356 4.211-2.587c1.076-.664 2.46.115 2.46 1.373V15.24M8.607 4.356 4.384 1.769c-1.076-.664-2.46.115-2.46 1.373V15.24"
-                    stroke="#BC68FF"
-                    strokeWidth={1.735}
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                />
-                <path
-                    d="M14.374 22.425H9.751a7.824 7.824 0 0 1-7.828-7.828v-.72c0-5.574 5.425-10.129 10.128-10.129 4.704 0 10.128 4.555 10.128 10.128v.721a7.824 7.824 0 0 1-7.827 7.828h.022Z"
-                    stroke="#9B22FF"
-                    strokeWidth={1.868}
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                />
-                <path d="m11.021 15.593 1.042.526 1.03-.526" fill="#9B22FF" />
-                <path
-                    d="m11.021 15.593 1.042.526 1.03-.526M12.063 16.326v1.407"
-                    stroke="#BC68FF"
-                    strokeWidth={1.735}
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                />
-                <circle cx={8.077} cy={11.977} r={1.391} fill="#9B22FF" />
-                <circle cx={16.037} cy={11.977} r={1.391} fill="#9B22FF" />
-            </g>
-        </g>
-        <defs>
-            <clipPath id="cat_svg__a">
-                <path fill="#fff" d="M0 0h24v24H0z" />
-            </clipPath>
-            <clipPath id="cat_svg__b">
-                <path
-                    fill="#fff"
-                    transform="translate(.985 .59)"
-                    d="M0 0h22.144v22.773H0z"
-                />
-            </clipPath>
-        </defs>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="m4.873.973.001.001 3.963 2.427c1.056-.378 2.145-.587 3.214-.587 1.075 0 2.169.21 3.228.592L19.24.974h.002c1.7-1.049 3.884.182 3.884 2.169v12.096c0 .122-.024.24-.067.346a8.76 8.76 0 0 1-8.672 7.774H9.75a8.76 8.76 0 0 1-8.712-7.817.933.933 0 0 1-.05-.303V3.143c0-1.987 2.184-3.217 3.884-2.17ZM2.858 13.876v.721a6.89 6.89 0 0 0 6.893 6.894h4.6a6.89 6.89 0 0 0 6.894-6.894v-.72c0-2.477-1.208-4.776-3.007-6.475-1.807-1.706-4.12-2.72-6.187-2.72s-4.38 1.014-6.186 2.72C4.065 9.1 2.858 11.4 2.858 13.876Zm0-5.816V3.143a.68.68 0 0 1 1.035-.579l.003.002 2.923 1.79c-.8.474-1.554 1.043-2.237 1.687A12.353 12.353 0 0 0 2.858 8.06Zm18.398.017V3.143a.68.68 0 0 0-1.035-.579l-.002.001-2.925 1.797c.795.472 1.546 1.04 2.226 1.681.643.607 1.231 1.29 1.736 2.034Z"
+            fill="#9B22FF"
+        />
+        <path d="m11.021 15.593 1.042.526 1.03-.526" fill="#9B22FF" />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M10.247 15.202a.867.867 0 0 1 1.166-.383l.648.327.637-.325a.867.867 0 1 1 .79 1.544l-.557.285v1.083a.867.867 0 0 1-1.735 0v-1.08l-.566-.286a.867.867 0 0 1-.383-1.165Z"
+            fill="#BC68FF"
+        />
+        <path
+            d="M9.468 11.977a1.39 1.39 0 1 1-2.782 0 1.39 1.39 0 0 1 2.782 0ZM17.428 11.977a1.39 1.39 0 1 1-2.782 0 1.39 1.39 0 0 1 2.782 0Z"
+            fill="#9B22FF"
+        />
     </svg>
 );
 

diff --git a/packages/icons/src/lib/icons/Cloud.tsx b/packages/icons/src/lib/icons/Cloud.tsx
@@ -11,13 +11,11 @@ const SvgCloud = ({
     ...props
 }: SVGProps<SVGSVGElement> & SVGRProps) => (
     <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 24 24"
-        stroke="currentColor"
-        strokeWidth={2}
         width="1em"
         height="1em"
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg"
         role="img"
         data-testid="test-icon"
         aria-hidden="true"
@@ -34,9 +32,9 @@ const SvgCloud = ({
     >
         {title ? <title id={titleId}>{title}</title> : null}
         <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            d="M3 15a4 4 0 0 0 4 4h9a5 5 0 1 0-.1-9.999 5.002 5.002 0 1 0-9.78 2.096A4.001 4.001 0 0 0 3 15z"
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="m7.247 10.16-.79.136c-1.583.271-2.79 1.716-2.79 3.454 0 1.933 1.492 3.5 3.333 3.5h10.833c1.381 0 2.5-1.175 2.5-2.625 0-1.312-.918-2.402-2.116-2.595l-1.097-.176-.268-1.13C16.309 8.44 14.34 6.75 12 6.75c-1.869 0-3.5 1.076-4.36 2.678l-.393.732Zm11.222.14C17.746 7.257 15.124 5 12 5 9.505 5 7.33 6.439 6.188 8.569 3.813 8.976 2 11.14 2 13.75 2 16.65 4.239 19 7 19h10.833C20.135 19 22 17.041 22 14.625c0-2.19-1.532-4.003-3.531-4.324Z"
         />
     </svg>
 );

diff --git a/packages/icons/src/lib/icons/Compass.tsx b/packages/icons/src/lib/icons/Compass.tsx
@@ -14,7 +14,7 @@ const SvgCompass = ({
         width="1em"
         height="1em"
         viewBox="0 0 24 24"
-        fill="none"
+        fill="currentColor"
         xmlns="http://www.w3.org/2000/svg"
         role="img"
         data-testid="test-icon"
@@ -31,20 +31,16 @@ const SvgCompass = ({
         {...props}
     >
         {title ? <title id={titleId}>{title}</title> : null}
-        <g
-            clipPath="url(#compass_svg__a)"
+        <path
             fillRule="evenodd"
             clipRule="evenodd"
-            fill="#000"
-        >
-            <path d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Z" />
-            <path d="M16.947 7.053a1 1 0 0 1 .242 1.023l-2.12 6.36a1 1 0 0 1-.633.633l-6.36 2.12a1 1 0 0 1-1.265-1.265l2.12-6.36a1 1 0 0 1 .633-.633l6.36-2.12a1 1 0 0 1 1.023.242Zm-6.276 3.618-1.33 3.988 3.988-1.33 1.33-3.988-3.988 1.33Z" />
-        </g>
-        <defs>
-            <clipPath id="compass_svg__a">
-                <path fill="#fff" d="M0 0h24v24H0z" />
-            </clipPath>
-        </defs>
+            d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Z"
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M16.947 7.053a1 1 0 0 1 .242 1.023l-2.12 6.36a1 1 0 0 1-.633.633l-6.36 2.12a1 1 0 0 1-1.265-1.265l2.12-6.36a1 1 0 0 1 .633-.633l6.36-2.12a1 1 0 0 1 1.023.242Zm-6.276 3.618-1.33 3.988 3.988-1.33 1.33-3.988-3.988 1.33Z"
+        />
     </svg>
 );