feat: syncs new icons (#524)

* feat: syncs new icons * feat: adds changeset
status-im · Jan 24, 2024 · b59b504 · b59b504 · vercel · Jan 24, 2024
1 parent 74a94d4
commit b59b504
Show file tree

Hide file tree

Showing 130 changed files with 1,953 additions and 78 deletions.
diff --git a/.changeset/six-horses-tease.md b/.changeset/six-horses-tease.md
@@ -0,0 +1,5 @@
+---
+'@status-im/icons': minor
+---
+
+Updates and syncs new icons from design system
diff --git a/packages/icons/src/add-small-icon.tsx b/packages/icons/src/add-small-icon.tsx
@@ -12,7 +12,7 @@ const SvgAddSmallIcon = createIcon(props => {
       focusable={false}
       aria-hidden={true}
     >
-      <circle cx={10} cy={10} r={7.5} stroke="#A1ABBD" strokeWidth={1.2} />
+      <circle cx={10} cy={10} r={7} stroke="#A1ABBD" strokeWidth={1.2} />
       <path
         fill={props.color}
         fillRule="evenodd"

diff --git a/packages/icons/src/afghanistan-icon.tsx b/packages/icons/src/afghanistan-icon.tsx
diff --git a/packages/icons/src/alert-icon.tsx b/packages/icons/src/alert-icon.tsx
@@ -15,7 +15,7 @@ const SvgAlertIcon = createIcon(props => {
       <path
         fill={props.color}
         fillRule="evenodd"
-        d="M3.1 10a6.9 6.9 0 1 1 13.8 0 6.9 6.9 0 0 1-13.8 0ZM10 1.9a8.1 8.1 0 1 0 0 16.2 8.1 8.1 0 0 0 0-16.2Zm.55 9.6.2-6h-1.5l.2 6h1.1Zm.2 2.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"
+        d="M3.6 10a6.4 6.4 0 1 1 12.8 0 6.4 6.4 0 0 1-12.8 0ZM10 2.4a7.6 7.6 0 1 0 0 15.2 7.6 7.6 0 0 0 0-15.2Zm.55 9.1.2-6h-1.5l.2 6h1.1Zm.2 2.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"
         clipRule="evenodd"
       />
     </svg>

diff --git a/packages/icons/src/argentina-icon.tsx b/packages/icons/src/argentina-icon.tsx
@@ -0,0 +1,48 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgArgentinaIcon = createIcon(props => {
+  return (
+    <svg
+      {...props}
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.width}
+      height={props.height}
+      fill="none"
+      viewBox="0 0 20 20"
+      focusable={false}
+      aria-hidden={true}
+    >
+      <path
+        fill="#75AADB"
+        d="M20 15a2.222 2.222 0 0 1-2.222 2.222H2.222A2.222 2.222 0 0 1 0 15V5c0-1.227.995-2.222 2.222-2.222h15.556C19.005 2.778 20 3.773 20 5v10Z"
+      />
+      <path fill="#fff" d="M0 7.222h20v5.556H0V7.222Z" />
+      <path
+        fill="#FCBF49"
+        d="m10 7.222.271 1.416.792-1.204-.291 1.411 1.192-.81-.81 1.193 1.412-.29-1.204.79 1.416.272-1.416.271 1.204.792-1.412-.291.81 1.192-1.192-.81.291 1.412-.792-1.204L10 12.778l-.271-1.416-.792 1.204.291-1.412-1.192.81.809-1.192-1.411.291 1.204-.792L7.222 10l1.416-.271-1.204-.792 1.411.291-.81-1.192 1.193.809-.29-1.411.79 1.204L10 7.222Z"
+      />
+      <path
+        fill="#843511"
+        d="m10 7.961.134.703L10.2 9l.188-.286.393-.597-.144.7-.07.336.283-.193.593-.401-.402.592-.192.283.335-.069.7-.145-.597.394L11 9.8l.336.065.703.134-.703.134L11 10.2l.286.188.597.393-.7-.144-.336-.07.192.283.402.592-.592-.402-.284-.192.07.336.145.7-.393-.597-.188-.286-.065.336-.134.703-.134-.703L9.8 11l-.188.286-.394.598.145-.701.07-.335-.284.192-.592.402.401-.593.193-.283-.336.07-.7.145.597-.394L9 10.2l-.336-.065L7.96 10l.703-.134L9 9.8l-.286-.188-.598-.394.7.145.336.07-.193-.284-.402-.592.592.402.284.192-.07-.335-.144-.7.393.597L9.8 9l.065-.337L10 7.96Zm0-.739-.271 1.416-.792-1.204.291 1.411-1.192-.809.809 1.193-1.411-.291 1.204.791L7.222 10l1.416.271-1.204.792 1.411-.291-.81 1.192 1.193-.81-.29 1.412.79-1.204.272 1.416.271-1.416.792 1.204-.291-1.412 1.192.81-.81-1.192 1.412.291-1.204-.792L12.778 10l-1.416-.271 1.204-.792-1.412.291.81-1.192-1.192.809.291-1.412-.792 1.204L10 7.222Zm1.063.212h.003-.003Zm.9.602h.004-.003Zm.603.901h.003-.003Z"
+      />
+      <path
+        fill="#FCBF49"
+        d="M10 11.111a1.111 1.111 0 1 0 0-2.222 1.111 1.111 0 0 0 0 2.222Z"
+      />
+      <path
+        fill="#843511"
+        d="M10 11.18a1.182 1.182 0 0 1 0-2.36 1.182 1.182 0 0 1 0 2.36Zm0-2.222a1.043 1.043 0 0 0 0 2.084 1.043 1.043 0 0 0 0-2.084Z"
+      />
+      <path
+        fill="#C16540"
+        d="M9.89 9.874c0 .087-.145.156-.324.156-.18 0-.325-.07-.325-.156s.145-.155.325-.155c.179 0 .324.07.324.155Zm.862-.013c0-.09-.148-.162-.33-.162-.182 0-.33.072-.33.162 0 .09.148.162.33.162.183 0 .33-.072.33-.162Z"
+      />
+      <path
+        fill="#ED8662"
+        d="M9.702 10.486c0-.07.136-.128.304-.128.168 0 .304.057.304.127s-.136.128-.304.128c-.168 0-.304-.057-.304-.127Z"
+      />
+    </svg>
+  )
+})
+
+export default SvgArgentinaIcon
diff --git a/packages/icons/src/australia-icon.tsx b/packages/icons/src/australia-icon.tsx
@@ -0,0 +1,43 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgAustraliaIcon = createIcon(props => {
+  return (
+    <svg
+      {...props}
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.width}
+      height={props.height}
+      fill="none"
+      viewBox="0 0 20 20"
+      focusable={false}
+      aria-hidden={true}
+    >
+      <path
+        fill="#00247D"
+        d="M17.778 2.778H2.222a2.23 2.23 0 0 0-.335.025l-.003.974-1.516-.002A2.213 2.213 0 0 0 0 5v10c0 1.227.995 2.222 2.222 2.222h15.556A2.222 2.222 0 0 0 20 15V5a2.222 2.222 0 0 0-2.222-2.222Z"
+      />
+      <path
+        fill="#fff"
+        d="m5 14.457-.679.627.067-.922-.914-.14.763-.521-.46-.802.883.271.34-.86.34.86.884-.271-.461.802.763.522-.914.14.067.921-.68-.627Zm10.528-9.145-.444.41.044-.603-.599-.091.5-.342-.301-.524.578.177.222-.563.223.563.578-.177-.302.524.499.342-.598.09.044.604-.444-.41Zm-2.223 3.334-.443.41.043-.603-.598-.091.5-.343-.302-.524.578.177.223-.563.222.563.579-.177-.302.524.499.343-.598.09.044.604-.444-.41Zm5-1.112-.443.411.044-.603-.599-.091.5-.343-.301-.524.577.177.223-.563.222.563.579-.177-.302.524.499.343-.598.09.044.604-.445-.41Zm-2.777 7.778-.444.41.044-.602-.599-.092.5-.342-.301-.524.578.177.222-.563.223.563.578-.177-.302.524.499.342-.598.091.044.604-.444-.41Zm1.694-6.423.163.331.365.053-.263.257.062.364-.327-.172-.327.172.063-.364-.264-.257.365-.053.163-.331Z"
+      />
+      <path
+        fill="#00247D"
+        d="M10.556 10V2.778H2.222c-.178 0-.335.025-.335.025l-.003.974-1.516-.002s-.024.033-.07.114A2.216 2.216 0 0 0 0 5v5h10.556Z"
+      />
+      <path
+        fill="#fff"
+        d="M10.556 2.778H9.26L6.667 4.594V2.778H3.889v1.427L1.887 2.803a2.19 2.19 0 0 0-.93.37L3.57 5h-.964L.537 3.55a2.307 2.307 0 0 0-.17.225L2.119 5H0v2.778h2.158L0 9.315V10h1.851L3.89 8.573V10h2.778V8.184L9.26 10h1.296V8.873L8.992 7.778h1.564V5H8.992l1.564-1.095V2.778Z"
+      />
+      <path
+        fill="#CF1B2B"
+        d="M6.111 2.778H4.444v2.778H0v1.666h4.444V10h1.667V7.222h4.445V5.556H6.11V2.778Z"
+      />
+      <path
+        fill="#CF1B2B"
+        d="M10.556 2.778h-.812L6.667 4.933V5h.872l3.017-2.112v-.11Zm-9.598.394a2.251 2.251 0 0 0-.42.379L2.604 5h.964L.958 3.172Zm2.618 4.606L.408 10h.96l2.52-1.765v-.457h-.312Zm6.98 2.112v-.678L8.507 7.778H7.54l3.017 2.112Z"
+      />
+    </svg>
+  )
+})
+
+export default SvgAustraliaIcon
diff --git a/packages/icons/src/automatic-icon.tsx b/packages/icons/src/automatic-icon.tsx
@@ -15,10 +15,10 @@ const SvgAutomaticIcon = createIcon(props => {
       <path
         fill="#A1ABBD"
         fillRule="evenodd"
-        d="M8.958 5.723a5.5 5.5 0 1 0 0 8.554A6.97 6.97 0 0 1 7.5 10a6.97 6.97 0 0 1 1.458-4.277Z"
+        d="M8.813 6.433a4 4 0 1 0 0 7.133A5.478 5.478 0 0 1 7.5 10c0-1.36.494-2.606 1.313-3.567Z"
         clipRule="evenodd"
       />
-      <circle cx={14.5} cy={10} r={5.5} fill="#23ADA0" />
+      <circle cx={13} cy={10} r={4} fill="#23ADA0" />
     </svg>
   )
 })

diff --git a/packages/icons/src/block-icon.tsx b/packages/icons/src/block-icon.tsx
@@ -15,7 +15,7 @@ const SvgBlockIcon = createIcon(props => {
       <path
         fill={props.color}
         fillRule="evenodd"
-        d="M3.1 10a6.9 6.9 0 0 1 11.336-5.285l-9.721 9.721A6.872 6.872 0 0 1 3.1 10Zm2.463 5.285a6.9 6.9 0 0 0 9.721-9.721l-9.72 9.72ZM10 1.9a8.1 8.1 0 1 0 0 16.2 8.1 8.1 0 0 0 0-16.2Z"
+        d="M3.6 10a6.4 6.4 0 0 1 10.48-4.93l-9.01 9.011A6.374 6.374 0 0 1 3.6 10Zm2.318 4.93a6.4 6.4 0 0 0 9.011-9.011l-9.01 9.01ZM10 2.4a7.6 7.6 0 1 0 0 15.2 7.6 7.6 0 0 0 0-15.2Z"
         clipRule="evenodd"
       />
     </svg>

diff --git a/packages/icons/src/brazil-icon.tsx b/packages/icons/src/brazil-icon.tsx
@@ -0,0 +1,44 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgBrazilIcon = createIcon(props => {
+  return (
+    <svg
+      {...props}
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.width}
+      height={props.height}
+      fill="none"
+      viewBox="0 0 20 20"
+      focusable={false}
+      aria-hidden={true}
+    >
+      <path
+        fill="#009B3A"
+        d="M20 15a2.222 2.222 0 0 1-2.222 2.222H2.222A2.222 2.222 0 0 1 0 15V5c0-1.227.995-2.222 2.222-2.222h15.556C19.005 2.778 20 3.773 20 5v10Z"
+      />
+      <path
+        fill="#FEDF01"
+        d="M18.182 10 10 16.18 1.818 10 10 3.82 18.182 10Z"
+      />
+      <path
+        fill="#002776"
+        d="M9.987 13.546a3.588 3.588 0 1 0 0-7.176 3.588 3.588 0 0 0 0 7.176Z"
+      />
+      <path
+        fill="#CBE9D4"
+        d="M6.82 8.27a3.57 3.57 0 0 0-.373 1.124c2.22-.16 5.232 1.051 6.525 2.553a3.57 3.57 0 0 0 .49-1.113c-1.595-1.56-4.398-2.572-6.641-2.563Z"
+      />
+      <path
+        fill="#88C9F9"
+        d="M6.667 10.13h.555v.555h-.555v-.556Zm.555 1.11h.556v.556h-.556v-.555Z"
+      />
+      <path
+        fill="#55ACEE"
+        d="M8.333 10.13h.556v.555h-.556v-.556Zm1.111.555H10v.556h-.556v-.556Zm2.223 1.111h.555v.556h-.555v-.556ZM10 12.352h.556v.555H10v-.555Zm1.667-3.334h.555v.556h-.555v-.556Z"
+      />
+      <path fill="#3B88C3" d="M10.556 11.24h.555v.556h-.555v-.555Z" />
+    </svg>
+  )
+})
+
+export default SvgBrazilIcon
diff --git a/packages/icons/src/browser-icon.tsx b/packages/icons/src/browser-icon.tsx
@@ -15,7 +15,7 @@ const SvgBrowserIcon = createIcon(props => {
       <path
         fill={props.color}
         fillRule="evenodd"
-        d="M3.1 10a6.9 6.9 0 1 1 13.8 0 6.9 6.9 0 0 1-13.8 0ZM10 1.9a8.1 8.1 0 1 0 0 16.2 8.1 8.1 0 0 0 0-16.2ZM8.218 9.483c.043-.104.085-.201.126-.29l2.463 2.463a7.206 7.206 0 0 1-.29.126c-.443.182-.983.363-1.519.513-.536.15-1.05.265-1.442.32a4.63 4.63 0 0 1-.196.025c.006-.059.014-.124.024-.196.056-.391.17-.906.321-1.443.15-.535.33-1.075.513-1.518Zm3.564 1.034a8.035 8.035 0 0 1-.126.29L9.193 8.344c.089-.04.186-.083.29-.126.443-.182.983-.363 1.518-.513.537-.15 1.052-.265 1.443-.32.072-.01.137-.019.196-.025a4.632 4.632 0 0 1-.024.196c-.056.391-.17.906-.321 1.443-.15.535-.33 1.075-.513 1.518Zm1.433-4.333a.815.815 0 0 1 .391.21.818.818 0 0 1 .21.39c.024.105.033.21.035.305a3.88 3.88 0 0 1-.048.637 12.98 12.98 0 0 1-.353 1.596c-.16.57-.354 1.156-.558 1.652-.103.248-.21.481-.32.681a2.41 2.41 0 0 1-.38.537 2.406 2.406 0 0 1-.537.38c-.2.11-.433.218-.68.32-.497.204-1.084.399-1.653.558-.568.16-1.136.288-1.596.354a3.987 3.987 0 0 1-.637.048 1.47 1.47 0 0 1-.304-.036.815.815 0 0 1-.391-.21.815.815 0 0 1-.21-.39 1.475 1.475 0 0 1-.036-.305 3.99 3.99 0 0 1 .048-.637c.066-.46.195-1.028.354-1.596.159-.57.354-1.156.558-1.652.102-.248.21-.481.32-.681.106-.193.232-.389.38-.537a2.42 2.42 0 0 1 .536-.38c.2-.11.434-.217.682-.32a15.287 15.287 0 0 1 1.652-.558 13.113 13.113 0 0 1 1.596-.354c.227-.032.448-.052.637-.048.094.003.2.011.304.036Z"
+        d="M3.6 10a6.4 6.4 0 1 1 12.8 0 6.4 6.4 0 0 1-12.8 0ZM10 2.4a7.6 7.6 0 1 0 0 15.2 7.6 7.6 0 0 0 0-15.2ZM8.218 9.483c.043-.104.085-.201.126-.29l2.463 2.463a7.357 7.357 0 0 1-.29.126 14.18 14.18 0 0 1-1.519.513c-.537.15-1.05.265-1.442.32a3.916 3.916 0 0 1-.196.025c.006-.059.014-.124.024-.196.056-.391.17-.906.32-1.443.15-.535.331-1.075.514-1.518Zm3.564 1.034a6.543 6.543 0 0 1-.127.29L9.194 8.344a7.35 7.35 0 0 1 .29-.126c.442-.182.983-.363 1.518-.513a11.8 11.8 0 0 1 1.443-.32c.072-.01.137-.019.195-.025a4.632 4.632 0 0 1-.024.196c-.056.391-.17.906-.32 1.443-.15.535-.33 1.075-.513 1.518Zm1.433-4.333a.815.815 0 0 1 .391.21c.137.137.188.3.21.39.024.105.033.21.035.305a3.88 3.88 0 0 1-.048.637 12.98 12.98 0 0 1-.353 1.596c-.16.57-.354 1.156-.559 1.652a6.88 6.88 0 0 1-.32.682 2.41 2.41 0 0 1-.38.536 2.407 2.407 0 0 1-.536.38c-.2.11-.433.218-.681.32-.496.204-1.083.399-1.652.559-.568.159-1.137.287-1.596.353a3.987 3.987 0 0 1-.638.048 1.475 1.475 0 0 1-.303-.036.815.815 0 0 1-.391-.21.815.815 0 0 1-.21-.39 1.473 1.473 0 0 1-.036-.304c-.004-.19.016-.41.048-.638.066-.46.194-1.028.353-1.596.16-.57.355-1.156.56-1.652.101-.248.209-.481.319-.681.105-.193.232-.389.38-.537a2.42 2.42 0 0 1 .536-.38c.2-.11.434-.217.682-.32a15.287 15.287 0 0 1 1.652-.558 13.111 13.111 0 0 1 1.596-.353 3.88 3.88 0 0 1 .637-.048c.094.002.2.01.304.035Z"
         clipRule="evenodd"
       />
     </svg>

diff --git a/packages/icons/src/china-icon.tsx b/packages/icons/src/china-icon.tsx
@@ -0,0 +1,27 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgChinaIcon = createIcon(props => {
+  return (
+    <svg
+      {...props}
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.width}
+      height={props.height}
+      fill="none"
+      viewBox="0 0 20 20"
+      focusable={false}
+      aria-hidden={true}
+    >
+      <path
+        fill="#DE2910"
+        d="M20 15a2.222 2.222 0 0 1-2.222 2.222H2.222A2.222 2.222 0 0 1 0 15V5c0-1.227.995-2.222 2.222-2.222h15.556C19.005 2.778 20 3.773 20 5v10Z"
+      />
+      <path
+        fill="#FFDE02"
+        d="m6.187 4.987.409.198.327-.314-.062.45.4.214-.447.08-.08.447-.214-.4-.45.061.314-.327-.197-.409Zm2.591 1.634-.197.408.314.328-.45-.062-.214.4-.08-.447-.447-.08.4-.214-.062-.45.328.315.408-.198Zm-.531 2.1.149.428.453.01-.361.274.131.435-.372-.26-.373.26.131-.435-.362-.274.454-.01.15-.428Zm-2.06 1.822.409.198.327-.315-.062.45.4.215-.447.08-.08.446-.214-.4-.45.062.314-.327-.197-.41Zm-2.298-4.46.516 1.485 1.57.032-1.252.949.455 1.503-1.29-.897-1.289.897.455-1.503L1.803 7.6l1.57-.032.516-1.484Z"
+      />
+    </svg>
+  )
+})
+
+export default SvgChinaIcon
diff --git a/packages/icons/src/circle-icon.tsx b/packages/icons/src/circle-icon.tsx
@@ -15,13 +15,13 @@ const SvgCircleIcon = createIcon(props => {
       <path
         fill="#2A4AF5"
         fillRule="evenodd"
-        d="M10 3.2a6.8 6.8 0 1 0 0 13.6 6.8 6.8 0 0 0 0-13.6ZM10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Z"
+        d="M10 3.625a6.375 6.375 0 1 0 0 12.75 6.375 6.375 0 0 0 0-12.75ZM10 2.5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15Z"
         clipRule="evenodd"
       />
       <path
         fill="#2A4AF5"
         fillRule="evenodd"
-        d="M10 3.2a6.8 6.8 0 1 0 0 13.6 6.8 6.8 0 0 0 0-13.6Z"
+        d="M10 3a7 7 0 1 0 0 14 7 7 0 0 0 0-14Z"
         clipRule="evenodd"
         opacity={0.4}
       />

diff --git a/packages/icons/src/collapse-ls-icon.tsx b/packages/icons/src/collapse-ls-icon.tsx
@@ -22,7 +22,7 @@ const SvgCollapseLsIcon = createIcon(props => {
       <path
         fill={props.color}
         fillRule="evenodd"
-        d="M3.1 10c0-1.619.063-2.852.247-3.8.182-.942.474-1.547.89-1.963.415-.416 1.021-.708 1.963-.89l.028-.006c-.024.172-.05.368-.074.593C6.026 5.086 5.9 6.984 5.9 10c0 3.015.126 4.914.254 6.066.025.225.05.421.074.593l-.028-.006c-.942-.182-1.548-.474-1.963-.89-.416-.416-.708-1.021-.89-1.963-.184-.948-.247-2.181-.247-3.8Zm4.367 6.818a15.732 15.732 0 0 1-.12-.884C7.223 14.836 7.1 12.984 7.1 10s.124-4.836.246-5.934c.043-.382.085-.671.12-.884A31.766 31.766 0 0 1 10 3.1c1.619 0 2.852.063 3.8.247.942.182 1.547.474 1.963.89.416.416.708 1.021.89 1.963.184.948.247 2.181.247 3.8 0 1.619-.063 2.852-.247 3.8-.182.942-.474 1.547-.89 1.963-.416.416-1.021.708-1.963.89-.948.184-2.181.247-3.8.247-.978 0-1.815-.023-2.533-.082ZM10 1.9c-1.631 0-2.96.062-4.028.269-1.074.208-1.937.573-2.584 1.22-.647.646-1.011 1.51-1.22 2.583C1.963 7.039 1.9 8.369 1.9 10c0 1.631.062 2.96.269 4.028.208 1.074.572 1.937 1.22 2.584.646.646 1.509 1.011 2.583 1.22 1.067.206 2.397.268 4.028.268 1.63 0 2.96-.062 4.028-.269 1.074-.208 1.937-.573 2.584-1.22.646-.646 1.011-1.51 1.22-2.583.206-1.067.268-2.397.268-4.028 0-1.631-.062-2.96-.269-4.028-.208-1.074-.573-1.937-1.22-2.584-.646-.646-1.51-1.011-2.583-1.22C12.961 1.963 11.631 1.9 10 1.9Zm5.348 8.1-.424.424-2.5 2.5-.848-.848 1.476-1.476H9V9.4h4.052l-1.476-1.476.848-.848 2.5 2.5.425.424Z"
+        d="M3.1 10c0-1.619.063-2.852.247-3.8.182-.942.474-1.547.89-1.963.415-.416 1.021-.708 1.963-.89l.028-.005c-.024.17-.05.367-.074.592C6.026 5.086 5.9 6.984 5.9 10c0 3.015.126 4.914.254 6.066.025.225.05.421.074.593l-.028-.006c-.942-.182-1.548-.474-1.963-.89-.416-.416-.708-1.021-.89-1.963-.184-.948-.247-2.181-.247-3.8Zm4.367 6.818a15.737 15.737 0 0 1-.12-.884C7.223 14.836 7.1 12.984 7.1 10s.124-4.836.246-5.934c.043-.382.085-.671.12-.884A31.767 31.767 0 0 1 10 3.1c1.619 0 2.852.063 3.8.247.942.182 1.547.474 1.963.89.416.416.708 1.021.89 1.963.184.948.247 2.181.247 3.8 0 1.619-.063 2.852-.247 3.8-.182.942-.474 1.547-.89 1.963-.416.416-1.021.708-1.963.89-.948.184-2.181.247-3.8.247-.978 0-1.815-.023-2.533-.082ZM10 1.9c-1.631 0-2.96.062-4.028.269-1.074.208-1.937.573-2.584 1.22-.647.646-1.011 1.51-1.22 2.583C1.963 7.039 1.9 8.369 1.9 10c0 1.631.062 2.96.269 4.028.208 1.074.572 1.937 1.22 2.584.646.647 1.509 1.011 2.583 1.22 1.067.206 2.397.268 4.028.268 1.63 0 2.96-.062 4.028-.269 1.074-.208 1.937-.572 2.584-1.22.646-.646 1.011-1.51 1.22-2.583.206-1.067.268-2.397.268-4.028 0-1.631-.062-2.96-.269-4.028-.208-1.074-.573-1.937-1.22-2.584-.646-.646-1.51-1.011-2.583-1.22C12.961 1.963 11.631 1.9 10 1.9Zm1.576 11.024-2.5-2.5L8.65 10l.425-.424 2.5-2.5.848.848L10.948 9.4H15v1.2h-4.052l1.476 1.476-.848.848Z"
         clipRule="evenodd"
       />
     </svg>

diff --git a/packages/icons/src/correct-icon.tsx b/packages/icons/src/correct-icon.tsx
@@ -12,7 +12,7 @@ const SvgCorrectIcon = createIcon(props => {
       focusable={false}
       aria-hidden={true}
     >
-      <circle cx={10} cy={10} r={7.5} stroke="#23ADA0" strokeWidth={1.2} />
+      <circle cx={10} cy={10} r={7} stroke="#23ADA0" strokeWidth={1.2} />
       <path stroke="#23ADA0" strokeWidth={1.2} d="m7.25 10.75 2 1.5 3.5-4.5" />
     </svg>
   )

diff --git a/packages/icons/src/currency-icon.tsx b/packages/icons/src/currency-icon.tsx
@@ -0,0 +1,30 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgCurrencyIcon = createIcon(props => {
+  return (
+    <svg
+      {...props}
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.width}
+      height={props.height}
+      fill="none"
+      viewBox="0 0 20 20"
+      focusable={false}
+      aria-hidden={true}
+    >
+      <g clipPath="url(#currency-icon_svg__a)">
+        <path
+          fill={props.color}
+          d="m13.21 8.007-.556 1.207H4.782l.434-1.207h7.993Zm-1.039 2.415-.555 1.207H4.782l.434-1.207h6.955Zm2.463-5.675-.58 1.256a5.02 5.02 0 0 0-.814-.604 3.962 3.962 0 0 0-.9-.392 3.483 3.483 0 0 0-.99-.14c-.684 0-1.3.19-1.847.568-.548.379-.98.936-1.298 1.673-.318.736-.477 1.64-.477 2.71s.159 1.974.477 2.71c.318.737.75 1.295 1.298 1.673a3.173 3.173 0 0 0 1.847.567c.354 0 .688-.046 1.002-.138a3.88 3.88 0 0 0 .888-.38c.277-.162.533-.343.766-.544l.604 1.256a4.25 4.25 0 0 1-1.485.905 5.272 5.272 0 0 1-1.775.302c-.99 0-1.867-.258-2.632-.773-.76-.515-1.358-1.247-1.793-2.197-.43-.95-.646-2.077-.646-3.38 0-1.305.215-2.432.646-3.382.435-.95 1.032-1.682 1.793-2.197.765-.515 1.642-.773 2.632-.773.64 0 1.238.111 1.793.332.56.222 1.056.538 1.491.948Z"
+        />
+      </g>
+      <defs>
+        <clipPath id="currency-icon_svg__a">
+          <path fill="#fff" d="M0 0h20v20H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+
+export default SvgCurrencyIcon