sync icons (#465)

* u yarn.lock * u sync.ts * sync * a changeset
2023-08-28 13:26:01 +02:00 · 2023-08-28 13:26:01 +02:00 · 02ffce3ca5
parent 09200d4632
commit 02ffce3ca5
74 changed files with 1145 additions and 174 deletions
--- a/.changeset/shiny-poems-rescue.md
+++ b/.changeset/shiny-poems-rescue.md
@ -0,0 +1,5 @@
 ---
 '@status-im/icons': minor
 ---
 sync icons
--- a/packages/icons/scripts/sync.ts
+++ b/packages/icons/scripts/sync.ts
@ -81,6 +81,28 @@ for (const [nodeId, name] of Object.entries(NODE_IDS)) {
    const svgRaw = await fetch(image!).then(res => res.text())
    // note: probably a wrapper layer for https://www.figma.com/file/qLLuMLfpGxK9OfpIavwsmK/Iconset?type=design&node-id=4408-955&mode=dev, thus skipping
    // icon:: {
    //   key: 'c73f7bad669c2696c2158cef34967a20cc0f0f0f',
    //   name: 'Use=Default, Typo=False, Style=Gradient',
    //   description: '',
    //   remote: true,
    //   componentSetId: '4819:992',
    //   documentationLinks: []
    // }
    // raw::
    // transform::
    // icon:: {
    //   key: '53e1bc9f7ee455bc6cc38b90a9b7614ef64afe4e',
    //   name: '20/status-logo',
    //   description: '',
    //   remote: false,
    //   documentationLinks: []
    // }
    if (!svgRaw) {
      continue
    }
    const svg = await transform(svgRaw, {
      plugins: ['@svgr/plugin-svgo'],
      replaceAttrValues: {
--- a/packages/icons/src/activity-icon.tsx
+++ b/packages/icons/src/activity-icon.tsx
@ -0,0 +1,25 @@
 import { createIcon } from '../lib/create-icon'
 const SvgActivityIcon = 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={props.color}
        fillRule="evenodd"
        d="M3.565 12.192a2.1 2.1 0 1 1 2.97-2.97l1.672 1.672 2.707-2.667-1.692-1.692a2.1 2.1 0 1 1 2.97-2.97l.285.285a2.6 2.6 0 0 1 3.674 3.674l.284.284a2.1 2.1 0 0 1-2.97 2.97l-1.703-1.703-2.706 2.668 1.722 1.722a2.1 2.1 0 0 1-2.97 2.97l-.284-.284a2.6 2.6 0 0 1-3.674-3.674l-.285-.285Zm8.062-7.495.424.424 2.828 2.829.425.424.282.282a.9.9 0 1 1-1.273 1.273l-4.242-4.242a.9.9 0 1 1 1.273-1.273l.283.283ZM15.3 6.675A1.4 1.4 0 0 0 13.326 4.7l1.975 1.975ZM4.414 10.07a.9.9 0 0 0 0 1.273l4.242 4.242a.9.9 0 1 0 1.273-1.273L5.687 10.07a.9.9 0 0 0-1.273 0Zm.285 3.255A1.4 1.4 0 0 0 6.674 15.3L4.7 13.326Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgActivityIcon
--- a/packages/icons/src/add-token-icon.tsx
+++ b/packages/icons/src/add-token-icon.tsx
@ -13,7 +13,7 @@ const SvgAddTokenIcon = createIcon(props => {
      aria-hidden={true}
    >
      <path
-        fill="#647084"
+        fill={props.color}
        fillRule="evenodd"
        d="M3 10a7 7 0 1 1 14 0 7 7 0 0 1-14 0Z"
        clipRule="evenodd"
--- a/packages/icons/src/backspace-icon.tsx
+++ b/packages/icons/src/backspace-icon.tsx
@ -0,0 +1,25 @@
 import { createIcon } from '../lib/create-icon'
 const SvgBackspaceIcon = 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={props.color}
        fillRule="evenodd"
        d="m10.28 3.638-.945.022c-1.775.038-2.454.067-3.061.355-.611.29-.993.72-1.981 1.88-.657.77-1.324 1.616-1.824 2.39-.25.387-.449.742-.583 1.05-.14.32-.186.537-.186.665 0 .127.047.345.186.664.134.309.333.664.583 1.051.5.774 1.167 1.62 1.824 2.39.988 1.16 1.37 1.59 1.981 1.88.607.288 1.286.317 3.06.355l.946.022c1.53.035 2.728.063 3.688.013 1.16-.061 1.826-.233 2.246-.53.385-.273.671-.73.852-1.667.183-.953.234-2.285.234-4.178 0-1.893-.052-3.225-.235-4.178-.18-.938-.466-1.394-.85-1.666-.42-.297-1.086-.47-2.247-.53-.96-.051-2.158-.023-3.688.012Zm8.16 1.92c.212 1.102.26 2.56.26 4.442 0 1.883-.048 3.34-.26 4.442-.214 1.117-.618 1.98-1.417 2.545-.764.54-1.775.723-2.982.786-1.018.053-2.282.024-3.81-.012l-.927-.021-.153-.003c-1.567-.034-2.567-.055-3.478-.488-.91-.432-1.482-1.104-2.37-2.146l-.076-.09c-.674-.791-1.386-1.69-1.934-2.538a8.974 8.974 0 0 1-.691-1.252C.432 10.832.3 10.407.3 10c0-.407.131-.831.302-1.223.175-.403.417-.828.69-1.252.549-.848 1.261-1.747 1.935-2.538l.077-.09c.887-1.042 1.46-1.714 2.37-2.146.91-.433 1.91-.454 3.477-.488l.153-.003.927-.02v-.001c1.528-.036 2.792-.065 3.81-.012 1.207.063 2.218.246 2.982.786.8.565 1.203 1.428 1.417 2.545ZM10.008 10 7.675 7.667l.99-.99 2.333 2.333 2.333-2.333.99.99L11.988 10l2.334 2.334-.99.99-2.334-2.334-2.333 2.333-.99-.99L10.008 10Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgBackspaceIcon
--- a/packages/icons/src/bridge-icon.tsx
+++ b/packages/icons/src/bridge-icon.tsx
@ -15,7 +15,7 @@ const SvgBridgeIcon = createIcon(props => {
      <path
        fill={props.color}
        fillRule="evenodd"
-        d="m7.07 4.312-.001-.002v-.001l-.57-1.706-.568 1.705v.002l-.006.017a4.16 4.16 0 0 1-.164.373 4.794 4.794 0 0 1-.597.916c-.457.548-1.12 1.075-2.064 1.235V4H1.9v12h1.2v-3.764c.22.035.495.073.834.11 1.074.12 2.796.237 5.466.252V16h1.2v-3.402c2.67-.015 4.392-.132 5.466-.252.338-.037.613-.075.834-.11V16h1.2V4h-1.2v2.85c-.944-.16-1.607-.686-2.064-1.234a4.796 4.796 0 0 1-.76-1.289l-.007-.016v-.002l-.57-1.706-.568 1.706v.003l-.007.018a5.022 5.022 0 0 1-.162.383c-.12.255-.304.593-.555.927C11.7 6.317 10.981 6.9 10 6.9c-.981 0-1.7-.583-2.208-1.26a5.435 5.435 0 0 1-.716-1.31l-.006-.018Zm9.83 3.752c-1.4-.174-2.368-.939-2.986-1.68a5.813 5.813 0 0 1-.399-.54c-.1.166-.216.34-.348.516-.532.71-1.372 1.49-2.567 1.69v3.348c2.636-.015 4.312-.13 5.334-.244.433-.049.747-.096.966-.135V8.064ZM9.4 8.05c-1.195-.201-2.036-.98-2.568-1.69a6.28 6.28 0 0 1-.347-.516 5.82 5.82 0 0 1-.4.54C5.469 7.125 4.5 7.89 3.1 8.064v2.955c.219.039.533.086.966.135 1.022.113 2.698.229 5.334.244V8.051Z"
+        d="M6.75 2.4h-.485l-.101.472v.002l-.005.018a3.776 3.776 0 0 1-.145.43c-.117.29-.31.674-.61 1.057C4.813 5.13 3.793 5.9 2 5.9v1.2c2.207 0 3.56-.978 4.347-1.98l.053-.068V10.4H2v1.2h4.4v4.9h1.2v-4.9h4.8v4.9h1.2v-4.9H18v-1.2h-4.4V5.052l.053.069C14.44 6.12 15.793 7.1 18 7.1V5.9c-1.793 0-2.815-.772-3.403-1.52a4.396 4.396 0 0 1-.732-1.4l-.024-.088-.004-.018v-.002l-.102-.472h-1.454l-.113.454v.003l-.006.02a5.694 5.694 0 0 1-.125.389 5.77 5.77 0 0 1-.43.932C11.197 4.9 10.665 5.4 10 5.4s-1.196-.499-1.607-1.202a5.78 5.78 0 0 1-.555-1.322l-.005-.019v-.003h-.001L7.718 2.4H6.75Zm5.65 2.782C11.906 5.885 11.129 6.6 10 6.6s-1.906-.715-2.4-1.418V10.4h4.8V5.182Z"
        clipRule="evenodd"
      />
    </svg>
--- a/packages/icons/src/checktoken-icon.tsx
+++ b/packages/icons/src/checktoken-icon.tsx
@ -13,7 +13,7 @@ const SvgChecktokenIcon = createIcon(props => {
      aria-hidden={true}
    >
      <path
-        fill="#647084"
+        fill={props.color}
        fillRule="evenodd"
        d="M3 10a7 7 0 1 1 14 0 7 7 0 0 1-14 0Z"
        clipRule="evenodd"
--- a/packages/icons/src/clear-big-icon.tsx
+++ b/packages/icons/src/clear-big-icon.tsx
@ -0,0 +1,31 @@
 import { createIcon } from '../lib/create-icon'
 const SvgClearBigIcon = 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={props.color}
        fillRule="evenodd"
        d="M2.5 10a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1-15 0Z"
        clipRule="evenodd"
      />
      <path
        fill="#fff"
        fillRule="evenodd"
        d="m9.151 10-2.075 2.076.848.848L10 10.85l2.076 2.075.848-.848L10.85 10l2.075-2.076-.848-.848L10 9.15 7.924 7.076l-.848.848L9.15 10Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgClearBigIcon
--- a/packages/icons/src/clear-icon.tsx
+++ b/packages/icons/src/clear-icon.tsx
@ -15,7 +15,7 @@ const SvgClearIcon = createIcon(props => {
      <path
        fill={props.color}
        fillRule="evenodd"
-        d="M2.5 10a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1-15 0Z"
+        d="M3 10a7 7 0 1 1 14 0 7 7 0 0 1-14 0Z"
        clipRule="evenodd"
      />
      <path
--- a/packages/icons/src/confetti-icon.tsx
+++ b/packages/icons/src/confetti-icon.tsx
@ -29,12 +29,36 @@ const SvgConfettiIcon = createIcon(props => {
          d="M10.546 14.197 6.303 9.954l-.848.849 4.242 4.242.849-.848Zm-2.475 1.06L5.242 12.43l-.848.849 2.828 2.828.849-.848Z"
          clipRule="evenodd"
        />
-        <circle cx={14.362} cy={10.312} r={1} fill="#647084" opacity={0.8} />
+        <circle
-        <circle cx={8.787} cy={3.165} r={1.5} fill="#647084" opacity={0.4} />
+          cx={14.362}
-        <circle cx={16.545} cy={4.165} r={1} fill="#647084" opacity={0.6} />
+          cy={10.312}
-        <circle cx={11.751} cy={7.031} r={1.5} fill="#647084" opacity={0.8} />
+          r={1}
-        <circle cx={12.47} cy={3.446} r={1} fill="#647084" opacity={0.4} />
+          fill={props.color}
-        <circle cx={16.715} cy={7.897} r={1.5} fill="#647084" opacity={0.6} />
+          opacity={0.8}
        />
        <circle
          cx={8.787}
          cy={3.165}
          r={1.5}
          fill={props.color}
          opacity={0.4}
        />
        <circle cx={16.545} cy={4.165} r={1} fill={props.color} opacity={0.6} />
        <circle
          cx={11.751}
          cy={7.031}
          r={1.5}
          fill={props.color}
          opacity={0.8}
        />
        <circle cx={12.47} cy={3.446} r={1} fill={props.color} opacity={0.4} />
        <circle
          cx={16.715}
          cy={7.897}
          r={1.5}
          fill={props.color}
          opacity={0.6}
        />
      </g>
      <defs>
        <clipPath id="confetti-icon_svg__a">
--- a/packages/icons/src/delete-icon.tsx
+++ b/packages/icons/src/delete-icon.tsx
@ -15,7 +15,7 @@ const SvgDeleteIcon = createIcon(props => {
      <path
        fill={props.color}
        fillRule="evenodd"
-        d="m10.28 3.638-.945.022c-1.775.038-2.454.067-3.061.355-.611.29-.993.72-1.981 1.88-.657.77-1.324 1.616-1.824 2.39-.25.387-.449.742-.583 1.05-.14.32-.186.537-.186.665 0 .127.047.345.186.664.134.309.333.664.583 1.051.5.774 1.167 1.62 1.824 2.39.988 1.16 1.37 1.59 1.981 1.88.607.288 1.286.317 3.06.355l.946.022c1.53.035 2.728.063 3.688.013 1.16-.061 1.826-.233 2.246-.53.385-.273.671-.73.852-1.667.183-.953.234-2.285.234-4.178 0-1.893-.052-3.225-.235-4.178-.18-.938-.466-1.394-.85-1.666-.42-.297-1.086-.47-2.247-.53-.96-.051-2.158-.023-3.688.012Zm8.16 1.92c.212 1.102.26 2.56.26 4.442 0 1.883-.048 3.34-.26 4.442-.214 1.117-.618 1.98-1.417 2.545-.764.54-1.775.723-2.982.786-1.018.053-2.282.024-3.81-.012l-.927-.021-.153-.003c-1.567-.034-2.567-.055-3.478-.488-.91-.432-1.482-1.104-2.37-2.146l-.076-.09c-.674-.791-1.386-1.69-1.934-2.538a8.974 8.974 0 0 1-.691-1.252C.432 10.832.3 10.407.3 10c0-.407.131-.831.302-1.223.175-.403.417-.828.69-1.252.549-.848 1.261-1.747 1.935-2.538l.077-.09c.887-1.042 1.46-1.714 2.37-2.146.91-.433 1.91-.454 3.477-.488l.153-.003.927-.02v-.001c1.528-.036 2.792-.065 3.81-.012 1.207.063 2.218.246 2.982.786.8.565 1.203 1.428 1.417 2.545ZM10.008 10 7.675 7.667l.99-.99 2.333 2.333 2.333-2.333.99.99L11.988 10l2.334 2.334-.99.99-2.334-2.334-2.333 2.333-.99-.99L10.008 10Z"
+        d="M10 1.9c-.635 0-1.192.03-1.661.141-.481.113-.904.318-1.228.689-.317.362-.488.824-.584 1.35a8.84 8.84 0 0 0-.12 1.32H2.5v1.2h1.402c.009 2.345.074 4.21.229 5.689.166 1.594.441 2.793.9 3.675.475.915 1.14 1.472 2.011 1.781.832.295 1.83.355 2.959.355s2.126-.06 2.958-.355c.871-.309 1.536-.866 2.012-1.78.458-.883.733-2.082.9-3.676.154-1.479.22-3.344.229-5.689h1.4V5.4h-3.908a8.841 8.841 0 0 0-.12-1.32c-.096-.526-.266-.988-.583-1.35-.324-.37-.747-.576-1.228-.689-.469-.11-1.026-.141-1.661-.141ZM7.627 5.4h-.019c.014-.45.045-.811.1-1.104.075-.412.185-.638.306-.776.113-.13.284-.237.6-.31.328-.078.77-.11 1.386-.11.615 0 1.057.032 1.386.11.316.073.487.18.6.31.12.138.23.364.306.776.054.293.086.655.1 1.104H7.625Zm-2.304 6.764C5.175 10.746 5.11 8.93 5.101 6.6h9.798c-.01 2.33-.074 4.146-.223 5.564-.161 1.547-.417 2.566-.771 3.247-.337.648-.766.997-1.348 1.203-.621.22-1.436.286-2.557.286s-1.936-.065-2.557-.286c-.582-.206-1.011-.555-1.348-1.203-.354-.68-.61-1.7-.772-3.247ZM7.9 13.5V9h1.2v4.5H7.9Zm3 0V9h1.2v4.5h-1.2Z"
        clipRule="evenodd"
      />
    </svg>
--- a/packages/icons/src/derivated-path-big-icon.tsx
+++ b/packages/icons/src/derivated-path-big-icon.tsx
@ -0,0 +1,32 @@
 import { createIcon } from '../lib/create-icon'
 const SvgDerivatedPathBigIcon = 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(#derivated-path-big-icon_svg__a)">
        <path
          fill={props.color}
          fillRule="evenodd"
          d="M2.2 5.5a3.3 3.3 0 1 1 6.6 0 3.3 3.3 0 0 1-6.6 0ZM5.5.8a4.7 4.7 0 1 0 2.792 8.482l4.144 4.144a3.7 3.7 0 1 0 .99-.99L9.282 8.292a4.676 4.676 0 0 0 .866-2.092h1.718a3.701 3.701 0 1 0 0-1.4h-1.718A4.701 4.701 0 0 0 5.5.8Zm10 2.4a2.3 2.3 0 1 0 0 4.6 2.3 2.3 0 0 0 0-4.6Zm0 10a2.3 2.3 0 1 0 0 4.6 2.3 2.3 0 0 0 0-4.6Z"
          clipRule="evenodd"
        />
      </g>
      <defs>
        <clipPath id="derivated-path-big-icon_svg__a">
          <path fill="#fff" d="M0 0h20v20H0z" />
        </clipPath>
      </defs>
    </svg>
  )
 })
 export default SvgDerivatedPathBigIcon
--- a/packages/icons/src/derivated-path-icon.tsx
+++ b/packages/icons/src/derivated-path-icon.tsx
@ -0,0 +1,25 @@
 import { createIcon } from '../lib/create-icon'
 const SvgDerivatedPathIcon = 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={props.color}
        fillRule="evenodd"
        d="M2.6 7a3.4 3.4 0 1 1 6.8 0 3.4 3.4 0 0 1-6.8 0ZM6 2.4a4.6 4.6 0 1 0 2.9 8.171l3.31 2.575a3.1 3.1 0 1 0 .724-.957L9.728 9.695c.438-.604.733-1.32.834-2.095h1.396a3.101 3.101 0 1 0 0-1.2h-1.396A4.6 4.6 0 0 0 6 2.4Zm9 2.7a1.9 1.9 0 1 0 0 3.8 1.9 1.9 0 0 0 0-3.8Zm0 7.5a1.9 1.9 0 1 0 0 3.8 1.9 1.9 0 0 0 0-3.8Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgDerivatedPathIcon
--- a/packages/icons/src/faceid-big-icon.tsx
+++ b/packages/icons/src/faceid-big-icon.tsx
@ -0,0 +1,32 @@
 import { createIcon } from '../lib/create-icon'
 const SvgFaceidBigIcon = 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(#faceid-big-icon_svg__a)">
        <path
          fill={props.color}
          fillRule="evenodd"
          d="M8 .833c-.998.038-1.867.114-2.619.252-1.222.224-2.206.625-2.939 1.358-.733.732-1.133 1.716-1.357 2.938C.947 6.133.87 7.002.832 8h1.401c.037-.93.108-1.71.229-2.366.197-1.074.515-1.747.97-2.202.455-.454 1.128-.773 2.202-.97.657-.12 1.436-.191 2.366-.228V.833Zm4 1.4v-1.4c.998.038 1.867.114 2.618.252 1.223.224 2.207.625 2.94 1.358.732.732 1.132 1.716 1.357 2.938.138.752.214 1.621.252 2.619h-1.4c-.038-.93-.109-1.71-.23-2.366-.197-1.074-.515-1.747-.97-2.202-.454-.454-1.127-.773-2.201-.97-.657-.12-1.436-.191-2.366-.228Zm0 15.533c.93-.037 1.709-.107 2.366-.228 1.074-.197 1.747-.516 2.201-.97.455-.455.773-1.128.97-2.202.121-.657.192-1.436.23-2.366h1.4c-.038.998-.114 1.867-.252 2.619-.225 1.222-.625 2.206-1.358 2.939-.732.732-1.716 1.133-2.939 1.357-.751.138-1.62.214-2.618.252v-1.4ZM2.233 12c.037.93.108 1.71.229 2.366.197 1.074.515 1.747.97 2.201.455.455 1.128.774 2.202.971.657.12 1.436.191 2.366.228v1.401c-.998-.038-1.867-.114-2.619-.252-1.222-.224-2.206-.625-2.939-1.357-.733-.733-1.133-1.717-1.357-2.94C.947 13.869.87 12.999.832 12h1.401ZM7 7.25C7 8.217 6.552 9 6 9c-.553 0-1-.783-1-1.75 0-.966.447-1.75 1-1.75.552 0 1 .784 1 1.75ZM9.3 6v4.79l.205.205 1 1 .99-.99-.795-.795V6H9.3ZM15 7.25C15 8.217 14.552 9 14 9c-.553 0-1-.783-1-1.75 0-.966.447-1.75 1-1.75.552 0 1 .784 1 1.75Zm-6.15 6.742a2.3 2.3 0 0 1-.842-.842l-1.212.7a3.7 3.7 0 0 0 6.408 0l-1.212-.7a2.3 2.3 0 0 1-3.142.842Z"
          clipRule="evenodd"
        />
      </g>
      <defs>
        <clipPath id="faceid-big-icon_svg__a">
          <path fill="#fff" d="M0 0h20v20H0z" />
        </clipPath>
      </defs>
    </svg>
  )
 })
 export default SvgFaceidBigIcon
--- a/packages/icons/src/faces-icon.tsx
+++ b/packages/icons/src/faces-icon.tsx
@ -0,0 +1,25 @@
 import { createIcon } from '../lib/create-icon'
 const SvgFacesIcon = 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={props.color}
        fillRule="evenodd"
        d="M9.242 3.157c1.264-.192 2.555.101 3.675.847l.666-.999c-1.359-.904-2.95-1.273-4.522-1.034-1.57.239-3.013 1.066-4.11 2.333-1.097 1.265-1.792 2.9-1.992 4.649a9.077 9.077 0 0 0 .875 5.065c.77 1.538 1.966 2.758 3.42 3.452a6.295 6.295 0 0 0 4.606.348c1.525-.472 2.856-1.506 3.796-2.92.94-1.413 1.444-3.135 1.444-4.898h-1.2c0 .293-.016.585-.048.873-.01.02-.021.044-.036.07-.057.102-.15.242-.29.383-.27.27-.746.574-1.576.574-.83 0-1.306-.304-1.576-.574a1.746 1.746 0 0 1-.347-.498.463.463 0 0 1-.01-.023v-.001.002l.001.002v.001c.001.001.001.001-.568.191l-.57.19.001.001v.002l.002.003.003.009.009.024a2.477 2.477 0 0 0 .14.297c.1.18.256.414.49.648.48.48 1.255.926 2.425.926.564 0 1.036-.104 1.428-.265a7.212 7.212 0 0 1-.72 1.398c-.803 1.206-1.915 2.055-3.153 2.438a5.094 5.094 0 0 1-3.734-.283c-1.19-.57-2.202-1.585-2.864-2.907a7.877 7.877 0 0 1-.755-4.392c.174-1.525.778-2.93 1.705-4 .926-1.068 2.118-1.74 3.385-1.932ZM10.5 8.5c.552 0 1-.672 1-1.5s-.448-1.5-1-1.5-1 .672-1 1.5.448 1.5 1 1.5ZM17 7c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5.448-1.5 1-1.5 1 .672 1 1.5Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgFacesIcon
--- a/packages/icons/src/flags-icon.tsx
+++ b/packages/icons/src/flags-icon.tsx
@ -0,0 +1,25 @@
 import { createIcon } from '../lib/create-icon'
 const SvgFlagsIcon = 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={props.color}
        fillRule="evenodd"
        d="M4.6 3.9V2.5H3.4v15h1.2v-5.9h3.8v1.5h8.2V5.4h-5V3.9h-7Zm0 1.2v5.3h5v1.5h5.8V6.6h-5V5.1H4.6Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgFlagsIcon
--- a/packages/icons/src/food-icon.tsx
+++ b/packages/icons/src/food-icon.tsx
@ -0,0 +1,25 @@
 import { createIcon } from '../lib/create-icon'
 const SvgFoodIcon = 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={props.color}
        fillRule="evenodd"
        d="M6.1 7a3.9 3.9 0 0 1 3.8-3.899 3.6 3.6 0 0 0 4 3.477V8c0 .707 0 1.207-.027 1.6-.027.388-.077.628-.156.818a2.4 2.4 0 0 1-1.299 1.3c-.19.078-.43.128-.817.155-.394.027-.894.027-1.601.027H7.5a1.4 1.4 0 0 1-1.4-1.4V7ZM10 1.9A5.1 5.1 0 0 0 4.9 7v3.5a2.6 2.6 0 0 0 2.6 2.6h.4V16a2.1 2.1 0 1 0 4.2 0v-2.972c.278-.039.534-.101.777-.202a3.6 3.6 0 0 0 1.949-1.948c.15-.361.213-.747.244-1.196.03-.439.03-.98.03-1.66V6a.726.726 0 0 0-.93-.695A2.4 2.4 0 0 1 11.1 3c0-.529-.405-1.1-1.061-1.1H10Zm.9 11.197c-.264.003-.556.003-.878.003H9.1V16a.9.9 0 1 0 1.8 0v-2.903Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgFoodIcon
--- a/packages/icons/src/hashtag-square-icon.tsx
+++ b/packages/icons/src/hashtag-square-icon.tsx
@ -0,0 +1,25 @@
 import { createIcon } from '../lib/create-icon'
 const SvgHashtagSquareIcon = 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={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-.89.948-.184 2.18-.247 3.8-.247 1.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-1.62 0-2.852-.063-3.8-.247-.942-.182-1.548-.474-1.963-.89-.416-.416-.708-1.021-.89-1.963-.184-.948-.247-2.181-.247-3.8ZM10 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.9ZM7.685 7.4l.219-1.966 1.192.132L8.893 7.4h2.792l.219-1.966 1.192.132-.203 1.834H14.5v1.2h-1.74l-.312 2.8H14.5v1.2h-2.185l-.219 1.966-1.192-.132.203-1.834H8.315l-.219 1.966-1.192-.132.203-1.834H5.5v-1.2h1.74l.312-2.8H5.5V7.4h2.185Zm3.867 1.2-.311 2.8H8.448l.311-2.8h2.793Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgHashtagSquareIcon
--- a/packages/icons/src/hide-password-icon.tsx
+++ b/packages/icons/src/hide-password-icon.tsx
@ -0,0 +1,25 @@
 import { createIcon } from '../lib/create-icon'
 const SvgHidePasswordIcon = 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={props.color}
        fillRule="evenodd"
        d="M10 13.85c-2.298 0-4.156-1.034-5.463-2.103a11.807 11.807 0 0 1-1.495-1.465 9.541 9.541 0 0 1-.476-.605l-.02-.031-.005-.007L2 10l-.54.361v.002l.004.004.008.013.031.045.115.157c.099.133.244.32.434.543.379.444.937 1.036 1.661 1.628.43.352.922.707 1.473 1.032l-.79 1.973 1.207.483.745-1.862a9.219 9.219 0 0 0 3.002.748V17h1.3v-1.873a9.204 9.204 0 0 0 3.001-.748l.745 1.862 1.207-.482-.789-1.974c.55-.325 1.043-.68 1.473-1.032a13.099 13.099 0 0 0 1.66-1.628 10.848 10.848 0 0 0 .55-.7l.03-.045.01-.013.002-.004.001-.001L18 10l-.54-.36-.005.006-.021.03-.094.129a9.532 9.532 0 0 1-.382.477c-.34.399-.843.932-1.495 1.465-1.306 1.07-3.165 2.103-5.463 2.103Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgHidePasswordIcon
--- a/packages/icons/src/hypen-icon.tsx
+++ b/packages/icons/src/hypen-icon.tsx
@ -0,0 +1,20 @@
 import { createIcon } from '../lib/create-icon'
 const SvgHypenIcon = 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 stroke={props.color} strokeWidth={1.2} d="M6 10h8" />
    </svg>
  )
 })
 export default SvgHypenIcon
--- a/packages/icons/src/index.ts
+++ b/packages/icons/src/index.ts
@ -2,6 +2,7 @@ export { default as AccountNumberIcon } from './account-number-icon'
 export { default as ActiveIcon } from './active-icon'
 export { default as ActiveMembersIcon } from './active-members-icon'
 export { default as ActivityCenterIcon } from './activity-center-icon'
 export { default as ActivityIcon } from './activity-icon'
 export { default as AddIcon } from './add-icon'
 export { default as AddReactionIcon } from './add-reaction-icon'
 export { default as AddSmallIcon } from './add-small-icon'
@ -21,6 +22,7 @@ export { default as ArrowTopIcon } from './arrow-top-icon'
 export { default as AttachIcon } from './attach-icon'
 export { default as AudioIcon } from './audio-icon'
 export { default as AutomaticIcon } from './automatic-icon'
 export { default as BackspaceIcon } from './backspace-icon'
 export { default as BanUserIcon } from './ban-user-icon'
 export { default as BlockIcon } from './block-icon'
 export { default as BoldIcon } from './bold-icon'
@ -45,6 +47,7 @@ export { default as ChevronTopIcon } from './chevron-top-icon'
 export { default as ChevronsLeftIcon } from './chevrons-left-icon'
 export { default as ChevronsRightIcon } from './chevrons-right-icon'
 export { default as CircleIcon } from './circle-icon'
 export { default as ClearBigIcon } from './clear-big-icon'
 export { default as ClearIcon } from './clear-icon'
 export { default as CloseCircleIcon } from './close-circle-icon'
 export { default as CloseIcon } from './close-icon'
@ -77,6 +80,8 @@ export { default as DataUsageIcon } from './data-usage-icon'
 export { default as DeclineIcon } from './decline-icon'
 export { default as DecreaseWindowsIcon } from './decrease-windows-icon'
 export { default as DeleteIcon } from './delete-icon'
 export { default as DerivatedPathBigIcon } from './derivated-path-big-icon'
 export { default as DerivatedPathIcon } from './derivated-path-icon'
 export { default as DesktopIcon } from './desktop-icon'
 export { default as DestroyIcon } from './destroy-icon'
 export { default as DisconnectIcon } from './disconnect-icon'
@ -96,11 +101,14 @@ export { default as ExpandTopbarIcon } from './expand-topbar-icon'
 export { default as ExternalIcon } from './external-icon'
 export { default as FaceIdIcon } from './face-id-icon'
 export { default as FacebookIcon } from './facebook-icon'
 export { default as FaceidBigIcon } from './faceid-big-icon'
 export { default as FaceidKeyIcon } from './faceid-key-icon'
 export { default as FacesIcon } from './faces-icon'
 export { default as FavouriteIcon } from './favourite-icon'
 export { default as FeedIcon } from './feed-icon'
 export { default as FileIcon } from './file-icon'
 export { default as FlagIcon } from './flag-icon'
 export { default as FlagsIcon } from './flags-icon'
 export { default as FlashIcon } from './flash-icon'
 export { default as FlashOffIcon } from './flash-off-icon'
 export { default as FlashlightOffIcon } from './flashlight-off-icon'
@ -109,6 +117,7 @@ export { default as FlickrIcon } from './flickr-icon'
 export { default as FlipIcon } from './flip-icon'
 export { default as FocusIcon } from './focus-icon'
 export { default as FolderIcon } from './folder-icon'
 export { default as FoodIcon } from './food-icon'
 export { default as FormatIcon } from './format-icon'
 export { default as ForwardIcon } from './forward-icon'
 export { default as FriendIcon } from './friend-icon'
@ -120,13 +129,16 @@ export { default as GiftIcon } from './gift-icon'
 export { default as GithubIcon } from './github-icon'
 export { default as GlobeIcon } from './globe-icon'
 export { default as HashtagIcon } from './hashtag-icon'
 export { default as HashtagSquareIcon } from './hashtag-square-icon'
 export { default as HeartBreakIcon } from './heart-break-icon'
 export { default as HeartIcon } from './heart-icon'
 export { default as HelpIcon } from './help-icon'
 export { default as HideIcon } from './hide-icon'
 export { default as HidePasswordIcon } from './hide-password-icon'
 export { default as HistoryIcon } from './history-icon'
 export { default as HoldIcon } from './hold-icon'
 export { default as HourglassIcon } from './hourglass-icon'
 export { default as HypenIcon } from './hypen-icon'
 export { default as ImageIcon } from './image-icon'
 export { default as ImportIcon } from './import-icon'
 export { default as InactiveIcon } from './inactive-icon'
@ -139,6 +151,7 @@ export { default as ItalicIcon } from './italic-icon'
 export { default as JustifyIcon } from './justify-icon'
 export { default as KeyIcon } from './key-icon'
 export { default as KeyboardIcon } from './keyboard-icon'
 export { default as KeycardCardIcon } from './keycard-card-icon'
 export { default as KeycardIcon } from './keycard-icon'
 export { default as KeycardLogoIcon } from './keycard-logo-icon'
 export { default as KickUserIcon } from './kick-user-icon'
@ -172,16 +185,21 @@ export { default as MobileIcon } from './mobile-icon'
 export { default as MultiProfileIcon } from './multi-profile-icon'
 export { default as MutedIcon } from './muted-icon'
 export { default as MutualContactIcon } from './mutual-contact-icon'
 export { default as NatureIcon } from './nature-icon'
 export { default as NegativeStateIcon } from './negative-state-icon'
 export { default as NewMessageIcon } from './new-message-icon'
 export { default as NewWindowIcon } from './new-window-icon'
 export { default as NftIcon } from './nft-icon'
 export { default as NodeIcon } from './node-icon'
 export { default as NotStartedIcon } from './not-started-icon'
 export { default as NotificationBadgeIcon } from './notification-badge-icon'
 export { default as NotificationIcon } from './notification-icon'
 export { default as NotificationsIcon } from './notifications-icon'
 export { default as NotificationsUnreadIcon } from './notifications-unread-icon'
 export { default as NumberedListIcon } from './numbered-list-icon'
 export { default as ObjectsIcon } from './objects-icon'
 export { default as OfflineIcon } from './offline-icon'
 export { default as OfflineLeftIcon } from './offline-left-icon'
 export { default as OnlineIcon } from './online-icon'
 export { default as OnlineLeftIcon } from './online-left-icon'
 export { default as OpenIcon } from './open-icon'
@ -217,6 +235,7 @@ export { default as ReplyIcon } from './reply-icon'
 export { default as RevealIcon } from './reveal-icon'
 export { default as RevealWhitelistIcon } from './reveal-whitelist-icon'
 export { default as RevereIcon } from './revere-icon'
 export { default as RevertIcon } from './revert-icon'
 export { default as ReviewIdIcon } from './review-id-icon'
 export { default as ReviewRequestIcon } from './review-request-icon'
 export { default as RightAlignIcon } from './right-align-icon'
@ -236,6 +255,7 @@ export { default as SortIcon } from './sort-icon'
 export { default as SpeedIcon } from './speed-icon'
 export { default as SpotifyIcon } from './spotify-icon'
 export { default as StatusIcon } from './status-icon'
 export { default as StatusIconIcon } from './status-icon-icon'
 export { default as StatusLogoIcon } from './status-logo-icon'
 export { default as StickersIcon } from './stickers-icon'
 export { default as StopIcon } from './stop-icon'
@ -244,6 +264,7 @@ export { default as SubscriptIcon } from './subscript-icon'
 export { default as SuperareIcon } from './superare-icon'
 export { default as SuperscriptIcon } from './superscript-icon'
 export { default as SwapIcon } from './swap-icon'
 export { default as SymbolsIcon } from './symbols-icon'
 export { default as SyncingIcon } from './syncing-icon'
 export { default as TableIcon } from './table-icon'
 export { default as TabletIcon } from './tablet-icon'
@ -255,7 +276,9 @@ export { default as TokenIcon } from './token-icon'
 export { default as TokenSalesIcon } from './token-sales-icon'
 export { default as TopbarDockIcon } from './topbar-dock-icon'
 export { default as TopbarIcon } from './topbar-icon'
 export { default as TouchIdBigIcon } from './touch-id-big-icon'
 export { default as TrashIcon } from './trash-icon'
 export { default as TravelIcon } from './travel-icon'
 export { default as TumblrIcon } from './tumblr-icon'
 export { default as TwitchIcon } from './twitch-icon'
 export { default as TwitterIcon } from './twitter-icon'
@ -272,6 +295,7 @@ export { default as VideoIcon } from './video-icon'
 export { default as WaffleIcon } from './waffle-icon'
 export { default as WalletIcon } from './wallet-icon'
 export { default as WarningIcon } from './warning-icon'
 export { default as WebIcon } from './web-icon'
 export { default as WorldIcon } from './world-icon'
 export { default as YoutubeIcon } from './youtube-icon'
 export { default as ZoomInIcon } from './zoom-in-icon'
--- a/packages/icons/src/keycard-card-icon.tsx
+++ b/packages/icons/src/keycard-card-icon.tsx
@ -0,0 +1,25 @@
 import { createIcon } from '../lib/create-icon'
 const SvgKeycardCardIcon = 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={props.color}
        fillRule="evenodd"
        d="M10 4.6c1.617 0 2.857.063 3.814.226.956.163 1.575.418 1.993.762.817.673 1.094 1.877 1.094 4.412 0 2.534-.277 3.739-1.094 4.412-.418.344-1.037.599-1.993.762-.957.163-2.197.226-3.813.226-1.617 0-2.857-.063-3.814-.226-.956-.163-1.575-.418-1.992-.762C3.377 13.739 3.1 12.534 3.1 10c0-2.535.276-3.74 1.094-4.412.417-.344 1.036-.6 1.992-.762C7.143 4.663 8.383 4.6 10 4.6Zm8.1 5.4c0-2.466-.223-4.261-1.53-5.338-.645-.531-1.495-.839-2.554-1.02-1.06-.18-2.382-.242-4.015-.242-1.634 0-2.956.062-4.015.243-1.06.18-1.91.488-2.554 1.019C2.124 5.739 1.9 7.534 1.9 10c0 2.465.223 4.26 1.53 5.338.645.531 1.496.838 2.555 1.019 1.059.18 2.381.243 4.015.243 1.633 0 2.955-.062 4.015-.243 1.059-.18 1.909-.488 2.554-1.019 1.308-1.077 1.53-2.873 1.53-5.338Zm-6.524-.883c-.076.184-.076.417-.076.883s0 .699.076.883a1 1 0 0 0 .541.54c.184.077.417.077.883.077h.5c.466 0 .699 0 .883-.076a1 1 0 0 0 .54-.541C15 10.699 15 10.466 15 10s0-.699-.076-.883a1 1 0 0 0-.541-.54c-.184-.077-.417-.077-.883-.077H13c-.466 0-.699 0-.883.076a1 1 0 0 0-.54.541Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgKeycardCardIcon
--- a/packages/icons/src/locked-icon.tsx
+++ b/packages/icons/src/locked-icon.tsx
@ -15,7 +15,7 @@ const SvgLockedIcon = createIcon(props => {
      <path
        fill={props.color}
        fillRule="evenodd"
-        d="M10 2.4c-.798 0-1.732.129-2.461.777-.69.613-1.082 1.586-1.133 2.998-.577.15-1.068.388-1.455.776-.5.5-.752 1.173-.886 1.982C3.93 9.737 3.9 10.75 3.9 12s.03 2.263.165 3.067c.134.81.385 1.482.886 1.982.5.5 1.173.752 1.982.887.804.134 1.818.164 3.067.164 1.25 0 2.263-.03 3.067-.164.81-.135 1.482-.386 1.982-.887.5-.5.752-1.173.887-1.982.134-.804.164-1.818.164-3.067s-.03-2.263-.164-3.067c-.135-.809-.386-1.482-.886-1.982-.388-.388-.879-.626-1.456-.776-.051-1.412-.444-2.386-1.133-2.998C11.732 2.529 10.797 2.4 10 2.4Zm2.382 3.578c-.076-1.061-.385-1.608-.718-1.905-.396-.351-.961-.473-1.664-.473s-1.268.122-1.664.473c-.333.297-.642.844-.718 1.905C8.292 5.916 9.082 5.9 10 5.9c.918 0 1.708.016 2.382.078ZM5.248 9.13C5.132 9.825 5.1 10.749 5.1 12c0 1.251.032 2.175.148 2.87.115.691.302 1.081.551 1.33.25.25.64.437 1.331.552.696.116 1.62.148 2.87.148 1.251 0 2.175-.032 2.87-.148.692-.115 1.081-.302 1.33-.551.25-.25.437-.64.552-1.33.116-.697.148-1.62.148-2.871s-.032-2.175-.148-2.87c-.115-.691-.302-1.081-.551-1.33-.25-.25-.64-.437-1.33-.552-.696-.116-1.62-.148-2.87-.148-1.252 0-2.175.032-2.871.148-.691.115-1.081.302-1.33.551-.25.25-.437.64-.552 1.33ZM8.5 11.4h3v1.2h-3v-1.2Z"
+        d="M10 2.4c-.798 0-1.733.129-2.462.777-.69.613-1.081 1.586-1.133 2.998-.577.15-1.067.388-1.454.776-.501.5-.752 1.173-.887 1.982C3.93 9.737 3.9 10.75 3.9 12s.03 2.263.164 3.067c.135.81.386 1.482.887 1.982.5.5 1.173.752 1.982.887.804.134 1.818.164 3.067.164s2.263-.03 3.067-.164c.809-.135 1.481-.386 1.982-.887.5-.5.752-1.173.886-1.982.135-.804.165-1.818.165-3.067s-.03-2.263-.165-3.067c-.134-.809-.385-1.482-.886-1.982-.387-.388-.878-.626-1.455-.776-.051-1.412-.444-2.386-1.133-2.998C11.73 2.529 10.797 2.4 10 2.4Zm2.382 3.578c-.076-1.061-.385-1.608-.718-1.905-.396-.351-.962-.473-1.664-.473-.703 0-1.268.122-1.664.473-.333.297-.643.844-.719 1.905C8.291 5.916 9.082 5.9 10 5.9c.917 0 1.708.016 2.382.078ZM5.248 9.13C5.132 9.825 5.1 10.749 5.1 12c0 1.251.032 2.175.148 2.87.115.691.302 1.081.551 1.33.25.25.64.437 1.33.552.696.116 1.62.148 2.87.148 1.252 0 2.175-.032 2.87-.148.692-.115 1.082-.302 1.332-.551.249-.25.435-.64.55-1.33.117-.697.149-1.62.149-2.871s-.032-2.175-.148-2.87c-.115-.691-.302-1.081-.551-1.33-.25-.25-.64-.437-1.33-.552C12.173 7.132 11.25 7.1 10 7.1s-2.175.032-2.87.148c-.692.115-1.082.302-1.33.551-.25.25-.437.64-.552 1.33ZM8.5 11.4h3v1.2h-3v-1.2Z"
        clipRule="evenodd"
      />
    </svg>
--- a/packages/icons/src/nature-icon.tsx
+++ b/packages/icons/src/nature-icon.tsx
@ -0,0 +1,25 @@
 import { createIcon } from '../lib/create-icon'
 const SvgNatureIcon = 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={props.color}
        fillRule="evenodd"
        d="M8.468 1.625 8 2l-.469-.375L8 1.04l.468.585Zm6.782 2.246-.218-.559h-.002l-.004.002-.015.006-.054.022a24.06 24.06 0 0 0-.922.402 28.21 28.21 0 0 0-2.32 1.207c-.257.15-.523.312-.793.483a23.979 23.979 0 0 0-.401-.732 27.748 27.748 0 0 0-1.87-2.841 15.429 15.429 0 0 0-.133-.173l-.036-.045-.01-.013-.002-.003-.001-.001-.47.374a111.68 111.68 0 0 0-.468-.375v.002l-.004.003-.01.013-.035.045-.132.173a27.759 27.759 0 0 0-1.87 2.842C4.469 6.467 3.399 8.833 3.399 11c0 1.909.69 3.208 1.65 4.02a4.654 4.654 0 0 0 2.35 1.037V18.5h1.2v-2.443c.165-.023.334-.055.507-.1.68.259 1.518.405 2.379.29 1.195-.158 2.402-.817 3.248-2.282 1.083-1.876 1.34-4.46 1.348-6.493a27.761 27.761 0 0 0-.199-3.397 16.221 16.221 0 0 0-.028-.215l-.008-.057-.003-.016v-.006l-.594.09Zm0 0 .593-.09-.113-.742-.698.273.218.559Zm-3.796 2.648C12.096 7.934 12.6 9.514 12.6 11c0 1.909-.69 3.208-1.65 4.02a4.94 4.94 0 0 1-.08.067c.151 0 .304-.009.458-.03.837-.11 1.713-.559 2.367-1.692.378-.656.645-1.435.829-2.265H13.5V9.9h1.23c.057-.432.095-.869.119-1.3H13V7.4h1.883a26.569 26.569 0 0 0-.133-2.663l-.211.097c-.578.267-1.368.657-2.219 1.153-.286.167-.576.345-.866.532Zm-1.28 7.585a3.44 3.44 0 0 1-1.574.738V7H7.4v7.842a3.44 3.44 0 0 1-1.575-.738C5.16 13.543 4.6 12.591 4.6 11c0-1.834.93-3.968 1.92-5.702A26.56 26.56 0 0 1 8 3l.135.189c.367.52.856 1.253 1.344 2.108.99 1.734 1.92 3.868 1.92 5.702 0 1.591-.56 2.542-1.224 3.104Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgNatureIcon
--- a/packages/icons/src/notification-badge-icon.tsx
+++ b/packages/icons/src/notification-badge-icon.tsx
@ -0,0 +1,20 @@
 import { createIcon } from '../lib/create-icon'
 const SvgNotificationBadgeIcon = 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}
    >
      <circle cx={10} cy={10} r={4} fill="#2A4AF5" />
    </svg>
  )
 })
 export default SvgNotificationBadgeIcon
--- a/packages/icons/src/objects-icon.tsx
+++ b/packages/icons/src/objects-icon.tsx
@ -0,0 +1,25 @@
 import { createIcon } from '../lib/create-icon'
 const SvgObjectsIcon = 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={props.color}
        fillRule="evenodd"
        d="M7 1.9h-.382l-.162.346-3.5 7.5-.398.854H9.4v6.3H7v1.2h6v-1.2h-2.4v-6.3h6.842l-.398-.854-3.5-7.5-.162-.346H7ZM4.442 9.4l.607-1.3h9.902l.607 1.3H4.442Zm9.95-2.5H5.608l1.773-3.8h5.236l1.773 3.8Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgObjectsIcon
--- a/packages/icons/src/offline-icon.tsx
+++ b/packages/icons/src/offline-icon.tsx
@ -0,0 +1,20 @@
 import { createIcon } from '../lib/create-icon'
 const SvgOfflineIcon = 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}
    >
      <circle cx={10} cy={10} r={4} fill="#A1ABBD" />
    </svg>
  )
 })
 export default SvgOfflineIcon
--- a/packages/icons/src/offline-left-icon.tsx
+++ b/packages/icons/src/offline-left-icon.tsx
@ -0,0 +1,20 @@
 import { createIcon } from '../lib/create-icon'
 const SvgOfflineLeftIcon = createIcon(props => {
  return (
    <svg
      {...props}
      xmlns="http://www.w3.org/2000/svg"
      width={props.width}
      height={props.height}
      fill="none"
      viewBox="0 0 14 20"
      focusable={false}
      aria-hidden={true}
    >
      <circle cx={4} cy={10} r={4} fill="#A1ABBD" />
    </svg>
  )
 })
 export default SvgOfflineLeftIcon
--- a/packages/icons/src/options-circle-icon.tsx
+++ b/packages/icons/src/options-circle-icon.tsx
@ -13,7 +13,7 @@ const SvgOptionsCircleIcon = createIcon(props => {
      aria-hidden={true}
    >
      <path
-        fill="#647084"
+        fill={props.color}
        fillRule="evenodd"
        d="M10 1.9a8.1 8.1 0 1 0 0 16.2 8.1 8.1 0 0 0 0-16.2Zm-4 9.35a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM11.25 10a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM14 11.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z"
        clipRule="evenodd"
--- a/packages/icons/src/pending-state-icon.tsx
+++ b/packages/icons/src/pending-state-icon.tsx
@ -16,11 +16,11 @@ const SvgPendingStateIcon = createIcon(props => {
        cx={10}
        cy={10}
        r={7}
-        stroke="#647084"
+        stroke={props.color}
        strokeWidth={1.2}
        opacity={0.4}
      />
-      <path stroke="#647084" strokeWidth={1.2} d="m13 12-3-1.5V7" />
+      <path stroke={props.color} strokeWidth={1.2} d="m13 12-3-1.5V7" />
    </svg>
  )
 })
--- a/packages/icons/src/revert-icon.tsx
+++ b/packages/icons/src/revert-icon.tsx
@ -0,0 +1,25 @@
 import { createIcon } from '../lib/create-icon'
 const SvgRevertIcon = 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={props.color}
        fillRule="evenodd"
        d="M7.36 3.625a6.9 6.9 0 1 1-3.336 9.825l-1.039.6A8.1 8.1 0 1 0 4.1 4.45V3H2.9v4.1H7V5.9H4.45a6.9 6.9 0 0 1 2.91-2.275Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgRevertIcon
--- a/packages/icons/src/status-icon-icon.tsx
+++ b/packages/icons/src/status-icon-icon.tsx
@ -0,0 +1,23 @@
 import { createIcon } from '../lib/create-icon'
 const SvgStatusIconIcon = 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={props.color}
        d="M10.079 9.74c.7.07 1.402.142 2.264.095 2.337-.127 3.753-1.3 3.652-3.05-.102-1.783-1.985-2.881-3.87-2.778-3.07.167-5.328 2.8-5.582 5.812a7.636 7.636 0 0 1 1.27-.175c.862-.047 1.564.024 2.266.095Zm-6.074 3.654c.098 1.668 1.902 2.696 3.707 2.6 2.941-.157 5.104-2.622 5.347-5.44a7.48 7.48 0 0 1-1.216.164c-.826.044-1.498-.023-2.17-.09-.672-.066-1.344-.133-2.17-.089-2.238.12-3.595 1.216-3.498 2.855Z"
      />
    </svg>
  )
 })
 export default SvgStatusIconIcon
--- a/packages/icons/src/status-icon.tsx
+++ b/packages/icons/src/status-icon.tsx
@ -12,10 +12,19 @@ const SvgStatusIcon = createIcon(props => {
      focusable={false}
      aria-hidden={true}
    >
-      <path
+      <g clipPath="url(#status-icon_svg__a)">
-        fill={props.color}
+        <path
-        d="M10.079 9.74c.7.07 1.402.142 2.264.095 2.337-.127 3.753-1.3 3.652-3.05-.102-1.783-1.985-2.881-3.87-2.778-3.07.167-5.328 2.8-5.582 5.812a7.636 7.636 0 0 1 1.27-.175c.862-.047 1.564.024 2.266.095Zm-6.074 3.654c.098 1.668 1.902 2.696 3.707 2.6 2.941-.157 5.104-2.622 5.347-5.44a7.48 7.48 0 0 1-1.216.164c-.826.044-1.498-.023-2.17-.09-.672-.066-1.344-.133-2.17-.089-2.238.12-3.595 1.216-3.498 2.855Z"
+          fill={props.color}
-      />
+          fillRule="evenodd"
          d="M0 10C0 2.5 2.5 0 10 0s10 2.5 10 10-2.5 10-10 10S0 17.5 0 10Zm7.393-.616c.186-2.328 1.858-4.385 4.123-4.515 1.39-.08 2.78.77 2.854 2.148.061 1.109-.628 1.918-1.826 2.229a4.29 4.29 0 0 1-.866.135c-.637.035-1.154-.02-1.672-.075-.517-.055-1.034-.11-1.67-.074a4.454 4.454 0 0 0-.907.141l-.036.01Zm5.213 1.23c-.186 2.328-1.858 4.385-4.123 4.514-1.39.08-2.78-.769-2.855-2.147-.058-1.11.629-1.918 1.827-2.229a4.29 4.29 0 0 1 .866-.134c.636-.036 1.153.019 1.67.074.518.055 1.035.11 1.672.073a4.46 4.46 0 0 0 .87-.13l.027-.008.046-.013Z"
          clipRule="evenodd"
        />
      </g>
      <defs>
        <clipPath id="status-icon_svg__a">
          <path fill="#fff" d="M0 0h20v20H0z" />
        </clipPath>
      </defs>
    </svg>
  )
 })
--- a/packages/icons/src/status-logo-icon.tsx
+++ b/packages/icons/src/status-logo-icon.tsx
@ -20,51 +20,44 @@ const SvgStatusLogoIcon = createIcon(props => {
          clipRule="evenodd"
        />
        <g clipPath="url(#status-logo-icon_svg__b)">
-          <g clipPath="url(#status-logo-icon_svg__c)">
+          <mask
-            <mask
+            id="status-logo-icon_svg__c"
-              id="status-logo-icon_svg__d"
+            width={16}
-              width={16}
+            height={17}
-              height={17}
+            x={2}
-              x={2}
+            y={1}
-              y={1}
+            maskUnits="userSpaceOnUse"
-              maskUnits="userSpaceOnUse"
+            style={{
-              style={{
+              maskType: 'alpha',
-                maskType: 'alpha',
+            }}
-              }}
+          >
-            >
+            <path fill="#fff" d="M10 2c-6 0-8 2-8 8s2 8 8 8 8-2 8-8-2-8-8-8Z" />
-              <path
+          </mask>
-                fill="#fff"
+          <g mask="url(#status-logo-icon_svg__c)">
-                d="M10 2c-6 0-8 2-8 8s2 8 8 8 8-2 8-8-2-8-8-8Z"
+            <g filter="url(#status-logo-icon_svg__d)">
-              />
+              <circle cx={13.5} cy={6.5} r={9.5} fill="#1992D7" />
            </mask>
            <g mask="url(#status-logo-icon_svg__d)">
              <g filter="url(#status-logo-icon_svg__e)">
                <circle cx={13.5} cy={6.5} r={9.5} fill="#1992D7" />
              </g>
              <g filter="url(#status-logo-icon_svg__f)">
                <circle cx={18.5} cy={11.5} r={9.5} fill="#F6B03C" />
              </g>
              <g filter="url(#status-logo-icon_svg__g)">
                <circle cx={4.5} cy={17.5} r={9.5} fill="#FF7D46" />
              </g>
              <g filter="url(#status-logo-icon_svg__h)">
                <circle cx={-1.5} cy={6.5} r={9.5} fill="#7140FD" />
              </g>
              <g
                fill="#fff"
                fillRule="evenodd"
                clipRule="evenodd"
                filter="url(#status-logo-icon_svg__i)"
              >
                <path d="M11.828 10.43c-.13 1.633-1.302 3.075-2.888 3.165-.974.056-1.948-.539-2-1.505-.04-.777.44-1.345 1.28-1.562.198-.052.401-.084.606-.094.891-.05 1.45.154 2.341.103.206-.01.41-.041.61-.092l.051-.014Zm-3.652-.861c.13-1.632 1.302-3.074 2.888-3.165.974-.055 1.947.54 2 1.506.043.777-.44 1.344-1.28 1.562a3.02 3.02 0 0 1-.606.094c-.892.05-1.45-.154-2.341-.104a3.07 3.07 0 0 0-.61.092l-.051.015Z" />
              </g>
            </g>
            <g filter="url(#status-logo-icon_svg__e)">
              <circle cx={18.5} cy={11.5} r={9.5} fill="#F6B03C" />
            </g>
            <g filter="url(#status-logo-icon_svg__f)">
              <circle cx={4.5} cy={17.5} r={9.5} fill="#FF7D46" />
            </g>
            <g filter="url(#status-logo-icon_svg__g)">
              <circle cx={-1.5} cy={6.5} r={9.5} fill="#7140FD" />
            </g>
            <path
              fill="#fff"
              fillRule="evenodd"
              d="M11.064 6.404c-1.586.09-2.758 1.533-2.888 3.165A.966.966 0 0 1 8.2 9.56l.026-.007c.2-.05.404-.081.61-.092.445-.025.807.014 1.17.052.362.039.725.078 1.171.052a3.02 3.02 0 0 0 .606-.094c.84-.218 1.323-.785 1.28-1.562-.053-.966-1.026-1.561-2-1.506ZM8.94 13.595c1.586-.09 2.758-1.533 2.888-3.164a.96.96 0 0 1-.051.014c-.2.05-.404.082-.61.092a6.768 6.768 0 0 1-1.171-.052 6.787 6.787 0 0 0-1.17-.051c-.205.01-.408.042-.606.094-.84.217-1.32.785-1.28 1.562.052.966 1.026 1.561 2 1.505Z"
              clipRule="evenodd"
            />
          </g>
        </g>
      </g>
      <defs>
        <filter
-          id="status-logo-icon_svg__e"
+          id="status-logo-icon_svg__d"
          width={28.43}
          height={28.43}
          x={-0.715}
@ -80,7 +73,7 @@ const SvgStatusLogoIcon = createIcon(props => {
          />
        </filter>
        <filter
-          id="status-logo-icon_svg__f"
+          id="status-logo-icon_svg__e"
          width={28.43}
          height={28.43}
          x={4.285}
@ -96,7 +89,7 @@ const SvgStatusLogoIcon = createIcon(props => {
          />
        </filter>
        <filter
-          id="status-logo-icon_svg__g"
+          id="status-logo-icon_svg__f"
          width={28.43}
          height={28.43}
          x={-9.715}
@ -112,7 +105,7 @@ const SvgStatusLogoIcon = createIcon(props => {
          />
        </filter>
        <filter
-          id="status-logo-icon_svg__h"
+          id="status-logo-icon_svg__g"
          width={28.43}
          height={28.43}
          x={-15.715}
@ -127,43 +120,12 @@ const SvgStatusLogoIcon = createIcon(props => {
            stdDeviation={2.358}
          />
        </filter>
        <filter
          id="status-logo-icon_svg__i"
          width={36.229}
          height={37.298}
          x={-8.112}
          y={-4.636}
          colorInterpolationFilters="sRGB"
          filterUnits="userSpaceOnUse"
        >
          <feFlood floodOpacity={0} result="BackgroundImageFix" />
          <feColorMatrix
            in="SourceAlpha"
            result="hardAlpha"
            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          />
          <feOffset dy={4.013} />
          <feGaussianBlur stdDeviation={7.525} />
          <feColorMatrix values="0 0 0 0 0.0352941 0 0 0 0 0.0627451 0 0 0 0 0.109804 0 0 0 0.12 0" />
          <feBlend
            in2="BackgroundImageFix"
            result="effect1_dropShadow_4408_955"
          />
          <feBlend
            in="SourceGraphic"
            in2="effect1_dropShadow_4408_955"
            result="shape"
          />
        </filter>
        <clipPath id="status-logo-icon_svg__a">
          <path fill="#fff" d="M0 0h20v20H0z" />
        </clipPath>
        <clipPath id="status-logo-icon_svg__b">
          <path fill="#fff" d="M2 2h16v16H2z" />
        </clipPath>
        <clipPath id="status-logo-icon_svg__c">
          <path fill="#fff" d="M2 2h16v16H2z" />
        </clipPath>
      </defs>
    </svg>
  )
--- a/packages/icons/src/symbols-icon.tsx
+++ b/packages/icons/src/symbols-icon.tsx
@ -0,0 +1,25 @@
 import { createIcon } from '../lib/create-icon'
 const SvgSymbolsIcon = 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={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-.89.948-.184 2.18-.247 3.8-.247 1.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-1.62 0-2.852-.063-3.8-.247-.942-.182-1.548-.474-1.963-.89-.416-.416-.708-1.021-.89-1.963-.184-.948-.247-2.181-.247-3.8ZM10 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.9ZM7.685 7.4l.219-1.966 1.192.132L8.893 7.4h2.792l.219-1.966 1.192.132-.203 1.834H14.5v1.2h-1.74l-.312 2.8H14.5v1.2h-2.185l-.219 1.966-1.192-.132.203-1.834H8.315l-.219 1.966-1.192-.132.203-1.834H5.5v-1.2h1.74l.312-2.8H5.5V7.4h2.185Zm3.867 1.2-.311 2.8H8.448l.311-2.8h2.793Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgSymbolsIcon
--- a/packages/icons/src/touch-id-big-icon.tsx
+++ b/packages/icons/src/touch-id-big-icon.tsx
@ -0,0 +1,25 @@
 import { createIcon } from '../lib/create-icon'
 const SvgTouchIdBigIcon = 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={props.color}
        fillRule="evenodd"
        d="m1.186 7.356 1.341.402a7.803 7.803 0 0 1 14.946 0l1.341-.402a9.204 9.204 0 0 0-17.628 0ZM10.7 11v7.5H9.3V11h1.4ZM10 7.3A3.7 3.7 0 0 0 6.3 11v6.5h1.4V11a2.3 2.3 0 1 1 4.6 0v6.5h1.4V11A3.7 3.7 0 0 0 10 7.3ZM3.3 11a6.7 6.7 0 1 1 13.4 0v.5h-1.4V11a5.3 5.3 0 0 0-10.6 0v3.5H3.3V11Zm12 2.5V16h1.4v-2.5h-1.4Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgTouchIdBigIcon
--- a/packages/icons/src/travel-icon.tsx
+++ b/packages/icons/src/travel-icon.tsx
@ -0,0 +1,25 @@
 import { createIcon } from '../lib/create-icon'
 const SvgTravelIcon = 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={props.color}
        fillRule="evenodd"
        d="M9.401 2.9H6.4v3.5h-2v4.334l-2.09.697-.493.164.093.512L2.5 12l-.59.108v.003l.002.006.003.017a3.013 3.013 0 0 0 .061.257 8.002 8.002 0 0 0 1.362 2.726C4.505 16.627 6.55 18.1 10 18.1c3.45 0 5.496-1.473 6.663-2.983a8.005 8.005 0 0 0 1.14-2.045 7.08 7.08 0 0 0 .27-.88l.008-.036.005-.022.003-.017.001-.006v-.002c0-.001 0-.002-.59-.109l.59.107.094-.512-.494-.164-2.09-.697V6.4h-2V2.9h-2.999V1.5h-1.2v1.4Zm4.999 7.434V7.6H5.6v2.734l4.21-1.403.19-.063.19.063 4.21 1.403Zm-2-3.934H7.6V4.1h4.8v2.3Zm-1.798 3.933V14h-1.2v-3.668L3.228 12.39a6.805 6.805 0 0 0 1.06 1.993C5.245 15.623 6.95 16.9 10 16.9s4.755-1.277 5.713-2.517a6.803 6.803 0 0 0 1.06-1.993l-6.171-2.057Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgTravelIcon
--- a/packages/icons/src/twitter-icon.tsx
+++ b/packages/icons/src/twitter-icon.tsx
@ -14,7 +14,13 @@ const SvgTwitterIcon = createIcon(props => {
    >
      <path
        fill={props.color}
-        d="M20 3.512a8.256 8.256 0 0 1-2.363.678 4.237 4.237 0 0 0 1.804-2.371 7.977 7.977 0 0 1-2.6 1.038 4.06 4.06 0 0 0-2.094-1.253 3.93 3.93 0 0 0-2.405.196 4.14 4.14 0 0 0-1.884 1.578 4.43 4.43 0 0 0-.71 2.412c0 .34.028.667.096.979a11.206 11.206 0 0 1-4.684-1.3 11.722 11.722 0 0 1-3.768-3.187 4.468 4.468 0 0 0-.455 3.127 4.303 4.303 0 0 0 1.715 2.606A3.914 3.914 0 0 1 .8 7.486v.048c.001.99.328 1.95.927 2.718a4.093 4.093 0 0 0 2.358 1.496c-.35.097-.712.145-1.075.142-.26.004-.52-.02-.776-.074a4.328 4.328 0 0 0 1.461 2.131 4.023 4.023 0 0 0 2.37.857A8.008 8.008 0 0 1 0 16.575 11.175 11.175 0 0 0 6.29 18.5c7.545 0 11.67-6.539 11.67-12.206 0-.19-.006-.373-.015-.555A8.399 8.399 0 0 0 20 3.512Z"
+        fillRule="evenodd"
        d="M7.979 11.024 1.025 1h5.379L19 18.98h-5.503l-4.722-6.808L2.81 19H1l6.979-7.976Zm6.152 6.758L3.32 2.197h2.453l10.92 15.585H14.13Z"
        clipRule="evenodd"
      />
      <path
        fill={props.color}
        d="m18.518 1.018-6.716 7.688-.798-1.14 5.73-6.549 1.784.001Z"
      />
    </svg>
  )
--- a/packages/icons/src/unlocked-icon.tsx
+++ b/packages/icons/src/unlocked-icon.tsx
@ -15,7 +15,7 @@ const SvgUnlockedIcon = createIcon(props => {
      <path
        fill={props.color}
        fillRule="evenodd"
-        d="M12.175 1.715c-.69-.399-1.565-.755-2.52-.558-.971.2-1.853.932-2.648 2.308l1.04.6c.705-1.221 1.347-1.63 1.85-1.733.519-.107 1.07.07 1.678.422.608.351 1.037.74 1.204 1.242.14.42.135 1.043-.32 1.99C11.767 5.917 10.951 5.9 10 5.9c-1.249 0-2.263.03-3.067.164-.809.135-1.482.386-1.982.887-.5.5-.752 1.173-.886 1.982C3.93 9.737 3.9 10.75 3.9 12s.03 2.263.165 3.067c.134.81.385 1.482.886 1.982.5.5 1.173.752 1.982.887.804.134 1.818.164 3.067.164 1.25 0 2.263-.03 3.067-.164.81-.135 1.482-.386 1.982-.887.5-.5.752-1.173.887-1.982.134-.804.164-1.818.164-3.067s-.03-2.263-.164-3.067c-.135-.81-.386-1.482-.886-1.982-.37-.369-.83-.602-1.372-.753.42-.994.484-1.845.24-2.58-.307-.926-1.053-1.505-1.743-1.903ZM5.248 9.13C5.132 9.825 5.1 10.749 5.1 12c0 1.25.032 2.175.148 2.87.115.691.302 1.081.551 1.33.25.25.64.437 1.331.552.696.116 1.62.148 2.87.148 1.251 0 2.175-.032 2.87-.148.692-.115 1.081-.302 1.33-.551.25-.25.437-.64.552-1.33.116-.697.148-1.62.148-2.871s-.032-2.175-.148-2.87c-.115-.691-.302-1.081-.551-1.33-.25-.25-.64-.437-1.33-.552-.696-.116-1.62-.148-2.87-.148-1.252 0-2.175.032-2.871.148-.691.115-1.081.302-1.33.551-.25.25-.437.64-.552 1.33ZM9.4 13.5v-3h1.2v3H9.4Z"
+        d="M12.175 1.715c-.69-.399-1.564-.755-2.52-.558-.971.2-1.853.932-2.648 2.308l1.04.6c.705-1.221 1.347-1.63 1.85-1.733.52-.107 1.07.07 1.678.422.609.351 1.037.74 1.204 1.242.14.42.135 1.043-.32 1.99-.69-.068-1.506-.086-2.459-.086-1.249 0-2.263.03-3.067.164-.809.135-1.481.386-1.982.887-.5.5-.751 1.173-.886 1.982C3.93 9.737 3.9 10.75 3.9 12s.03 2.263.165 3.067c.135.81.386 1.482.886 1.982s1.173.752 1.982.887c.805.134 1.818.164 3.067.164 1.25 0 2.263-.03 3.068-.164.808-.135 1.48-.386 1.982-.887.5-.5.751-1.173.886-1.982.134-.804.164-1.818.164-3.067s-.03-2.263-.164-3.067c-.135-.81-.386-1.482-.886-1.982-.369-.369-.83-.602-1.372-.753.42-.994.484-1.845.24-2.58-.307-.926-1.052-1.505-1.743-1.903ZM5.248 9.13C5.133 9.825 5.1 10.749 5.1 12c0 1.25.033 2.175.149 2.87.115.691.301 1.081.55 1.33.25.25.64.437 1.331.552.696.116 1.62.148 2.87.148 1.251 0 2.175-.032 2.87-.148.692-.115 1.082-.302 1.331-.551.25-.25.436-.64.551-1.33.116-.697.148-1.62.148-2.871s-.032-2.175-.148-2.87c-.115-.691-.301-1.081-.55-1.33-.25-.25-.64-.437-1.331-.552-.696-.116-1.62-.148-2.87-.148-1.252 0-2.175.032-2.87.148-.692.115-1.082.302-1.331.551-.25.25-.436.64-.552 1.33ZM9.4 13.5v-3h1.2v3H9.4Z"
        clipRule="evenodd"
      />
    </svg>
--- a/packages/icons/src/web-icon.tsx
+++ b/packages/icons/src/web-icon.tsx
@ -0,0 +1,30 @@
 import { createIcon } from '../lib/create-icon'
 const SvgWebIcon = 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
        stroke={props.color}
        strokeWidth={1.2}
        d="M10 2.5c6.5 0 7.5 1 7.5 7.5s-1 7.5-7.5 7.5-7.5-1-7.5-7.5 1-7.5 7.5-7.5Z"
      />
      <path
        fill={props.color}
        fillRule="evenodd"
        d="M6.75 5.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2.5 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2.5 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
        clipRule="evenodd"
      />
    </svg>
  )
 })
 export default SvgWebIcon
--- a/packages/icons/svg/activity-icon.svg
+++ b/packages/icons/svg/activity-icon.svg
@ -0,0 +1,14 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#09101C"
    fill-rule="evenodd"
    d="M3.565 12.192a2.1 2.1 0 1 1 2.97-2.97l1.672 1.672 2.707-2.667-1.692-1.692a2.1 2.1 0 1 1 2.97-2.97l.285.285a2.6 2.6 0 0 1 3.674 3.674l.284.284a2.1 2.1 0 0 1-2.97 2.97l-1.703-1.703-2.706 2.668 1.722 1.722a2.1 2.1 0 0 1-2.97 2.97l-.284-.284a2.6 2.6 0 0 1-3.674-3.674l-.285-.285Zm8.062-7.495.424.424 2.828 2.829.425.424.282.282a.9.9 0 1 1-1.273 1.273l-4.242-4.242a.9.9 0 1 1 1.273-1.273l.283.283ZM15.3 6.675A1.4 1.4 0 0 0 13.326 4.7l1.975 1.975ZM4.414 10.07a.9.9 0 0 0 0 1.273l4.242 4.242a.9.9 0 1 0 1.273-1.273l-4.242-4.242a.9.9 0 0 0-1.273 0Zm.285 3.255a1.4 1.4 0 0 0 1.975 1.975L4.7 13.326Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/backspace-icon.svg
+++ b/packages/icons/svg/backspace-icon.svg
@ -0,0 +1,14 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#000"
    fill-rule="evenodd"
    d="m10.28 3.638-.945.022c-1.775.038-2.454.067-3.061.355-.611.29-.993.72-1.981 1.88-.657.77-1.324 1.616-1.824 2.39-.25.387-.449.742-.583 1.05-.14.32-.186.537-.186.665 0 .127.047.345.186.664.134.309.333.664.583 1.051.5.774 1.167 1.62 1.824 2.39.988 1.16 1.37 1.59 1.981 1.88.607.288 1.286.317 3.06.355l.946.022c1.53.035 2.728.063 3.688.013 1.16-.061 1.826-.233 2.246-.53.385-.273.671-.73.852-1.667.183-.953.234-2.285.234-4.178 0-1.893-.052-3.225-.235-4.178-.18-.938-.466-1.394-.85-1.666-.42-.297-1.086-.47-2.247-.53-.96-.051-2.158-.023-3.688.012Zm8.16 1.92c.212 1.102.26 2.56.26 4.442 0 1.883-.048 3.34-.26 4.442-.214 1.117-.618 1.98-1.417 2.545-.764.54-1.775.723-2.982.786-1.018.053-2.282.024-3.81-.012l-.927-.021-.153-.003c-1.567-.034-2.567-.055-3.478-.488-.91-.432-1.482-1.104-2.37-2.146l-.076-.09c-.674-.791-1.386-1.69-1.934-2.538a8.974 8.974 0 0 1-.691-1.252C.432 10.832.3 10.407.3 10c0-.407.131-.831.302-1.223.175-.403.417-.828.69-1.252.549-.848 1.261-1.747 1.935-2.538l.077-.09c.887-1.042 1.46-1.714 2.37-2.146.91-.433 1.91-.454 3.477-.488l.153-.003.927-.02v-.001c1.528-.036 2.792-.065 3.81-.012 1.207.063 2.218.246 2.982.786.8.565 1.203 1.428 1.417 2.545ZM10.008 10 7.675 7.667l.99-.99 2.333 2.333 2.333-2.333.99.99L11.988 10l2.334 2.334-.99.99-2.334-2.334-2.333 2.333-.99-.99L10.008 10Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/bridge-icon.svg
+++ b/packages/icons/svg/bridge-icon.svg
@ -8,7 +8,7 @@
  <path
    fill="#09101C"
    fill-rule="evenodd"
-    d="m7.07 4.312-.001-.002v-.001l-.57-1.706-.568 1.705v.002l-.006.017a4.16 4.16 0 0 1-.164.373c-.126.252-.321.585-.597.916-.457.548-1.12 1.075-2.064 1.235V4H1.9v12h1.2v-3.764c.22.035.495.073.834.11 1.074.12 2.796.237 5.466.252V16h1.2v-3.402c2.67-.015 4.392-.132 5.466-.252.338-.037.613-.075.834-.11V16h1.2V4h-1.2v2.85c-.944-.16-1.607-.686-2.064-1.234a4.796 4.796 0 0 1-.76-1.289l-.007-.016v-.002l-.57-1.706-.568 1.706v.003l-.007.018a5.022 5.022 0 0 1-.162.383c-.12.255-.304.593-.555.927C11.7 6.317 10.981 6.9 10 6.9c-.981 0-1.7-.583-2.208-1.26a5.435 5.435 0 0 1-.716-1.31l-.006-.018Zm9.83 3.752c-1.4-.174-2.368-.939-2.986-1.68a5.813 5.813 0 0 1-.399-.54c-.1.166-.216.34-.348.516-.532.71-1.372 1.49-2.567 1.69v3.348c2.636-.015 4.312-.13 5.334-.244.433-.049.747-.096.966-.135V8.064ZM9.4 8.05C8.205 7.849 7.364 7.07 6.832 6.36a6.28 6.28 0 0 1-.347-.516 5.82 5.82 0 0 1-.4.54C5.469 7.125 4.5 7.89 3.1 8.064v2.955c.219.039.533.086.966.135 1.022.113 2.698.229 5.334.244V8.051Z"
+    d="M6.75 2.4h-.485l-.101.472v.002l-.005.018a3.776 3.776 0 0 1-.145.43c-.117.29-.31.674-.61 1.057C4.813 5.13 3.793 5.9 2 5.9v1.2c2.207 0 3.56-.978 4.347-1.98l.053-.068V10.4H2v1.2h4.4v4.9h1.2v-4.9h4.8v4.9h1.2v-4.9H18v-1.2h-4.4V5.052l.053.069C14.44 6.12 15.793 7.1 18 7.1V5.9c-1.793 0-2.815-.772-3.403-1.52a4.396 4.396 0 0 1-.732-1.4l-.024-.088-.004-.018v-.002l-.102-.472h-1.454l-.113.454v.003l-.006.02a5.694 5.694 0 0 1-.125.389 5.77 5.77 0 0 1-.43.932C11.197 4.9 10.665 5.4 10 5.4s-1.196-.499-1.607-1.202a5.78 5.78 0 0 1-.555-1.322l-.005-.019v-.003h-.001L7.718 2.4H6.75Zm5.65 2.782C11.906 5.885 11.129 6.6 10 6.6s-1.906-.715-2.4-1.418V10.4h4.8V5.182Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/clear-big-icon.svg
+++ b/packages/icons/svg/clear-big-icon.svg
@ -0,0 +1,20 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#09101C"
    fill-rule="evenodd"
    d="M2.5 10a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1-15 0Z"
    clip-rule="evenodd"
  />
  <path
    fill="#fff"
    fill-rule="evenodd"
    d="m9.151 10-2.075 2.076.848.848L10 10.85l2.076 2.075.848-.848L10.85 10l2.075-2.076-.848-.848L10 9.15 7.924 7.076l-.848.848L9.15 10Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/clear-icon.svg
+++ b/packages/icons/svg/clear-icon.svg
@ -8,7 +8,7 @@
  <path
    fill="#09101C"
    fill-rule="evenodd"
-    d="M2.5 10a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1-15 0Z"
+    d="M3 10a7 7 0 1 1 14 0 7 7 0 0 1-14 0Z"
    clip-rule="evenodd"
  />
  <path
--- a/packages/icons/svg/delete-icon.svg
+++ b/packages/icons/svg/delete-icon.svg
@ -6,9 +6,9 @@
  viewBox="0 0 20 20"
 >
  <path
-    fill="#000"
+    fill="#09101C"
    fill-rule="evenodd"
-    d="m10.28 3.638-.945.022c-1.775.038-2.454.067-3.061.355-.611.29-.993.72-1.981 1.88-.657.77-1.324 1.616-1.824 2.39-.25.387-.449.742-.583 1.05-.14.32-.186.537-.186.665 0 .127.047.345.186.664.134.309.333.664.583 1.051.5.774 1.167 1.62 1.824 2.39.988 1.16 1.37 1.59 1.981 1.88.607.288 1.286.317 3.06.355l.946.022c1.53.035 2.728.063 3.688.013 1.16-.061 1.826-.233 2.246-.53.385-.273.671-.73.852-1.667.183-.953.234-2.285.234-4.178 0-1.893-.052-3.225-.235-4.178-.18-.938-.466-1.394-.85-1.666-.42-.297-1.086-.47-2.247-.53-.96-.051-2.158-.023-3.688.012Zm8.16 1.92c.212 1.102.26 2.56.26 4.442 0 1.883-.048 3.34-.26 4.442-.214 1.117-.618 1.98-1.417 2.545-.764.54-1.775.723-2.982.786-1.018.053-2.282.024-3.81-.012l-.927-.021-.153-.003c-1.567-.034-2.567-.055-3.478-.488-.91-.432-1.482-1.104-2.37-2.146l-.076-.09c-.674-.791-1.386-1.69-1.934-2.538a8.974 8.974 0 0 1-.691-1.252C.432 10.832.3 10.407.3 10c0-.407.131-.831.302-1.223.175-.403.417-.828.69-1.252.549-.848 1.261-1.747 1.935-2.538l.077-.09c.887-1.042 1.46-1.714 2.37-2.146.91-.433 1.91-.454 3.477-.488l.153-.003.927-.02v-.001c1.528-.036 2.792-.065 3.81-.012 1.207.063 2.218.246 2.982.786.8.565 1.203 1.428 1.417 2.545ZM10.008 10 7.675 7.667l.99-.99 2.333 2.333 2.333-2.333.99.99L11.988 10l2.334 2.334-.99.99-2.334-2.334-2.333 2.333-.99-.99L10.008 10Z"
+    d="M10 1.9c-.635 0-1.192.03-1.661.141-.481.113-.904.318-1.228.689-.317.362-.488.824-.584 1.35a8.84 8.84 0 0 0-.12 1.32H2.5v1.2H3.902c.009 2.345.074 4.21.229 5.689.166 1.594.441 2.793.9 3.675.475.915 1.14 1.472 2.011 1.781.832.295 1.83.355 2.959.355s2.126-.06 2.958-.355c.871-.309 1.536-.866 2.012-1.78.458-.883.733-2.082.9-3.676.154-1.479.22-3.344.229-5.689H17.5V5.4H13.592a8.841 8.841 0 0 0-.12-1.32c-.096-.526-.266-.988-.583-1.35-.324-.37-.747-.576-1.228-.689-.469-.11-1.026-.141-1.661-.141ZM7.627 5.4h-.019c.014-.45.045-.811.1-1.104.075-.412.185-.638.306-.776.113-.13.284-.237.6-.31.328-.078.77-.11 1.386-.11.615 0 1.057.032 1.386.11.316.073.487.18.6.31.12.138.23.364.306.776.054.293.086.655.1 1.104H7.625Zm-2.304 6.764C5.175 10.746 5.11 8.93 5.101 6.6H14.899c-.01 2.33-.074 4.146-.223 5.564-.161 1.547-.417 2.566-.771 3.247-.337.648-.766.997-1.348 1.203-.621.22-1.436.286-2.557.286s-1.936-.065-2.557-.286c-.582-.206-1.011-.555-1.348-1.203-.354-.68-.61-1.7-.772-3.247ZM7.9 13.5V9h1.2v4.5H7.9Zm3 0V9h1.2v4.5h-1.2Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/derivated-path-big-icon.svg
+++ b/packages/icons/svg/derivated-path-big-icon.svg
@ -0,0 +1,21 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <g clip-path="url(#clip0_4906_1097)">
    <path
      fill="#09101C"
      fill-rule="evenodd"
      d="M2.2 5.5a3.3 3.3 0 1 1 6.6 0 3.3 3.3 0 0 1-6.6 0ZM5.5.8a4.7 4.7 0 1 0 2.792 8.482l4.144 4.144a3.7 3.7 0 1 0 .99-.99L9.282 8.292a4.676 4.676 0 0 0 .866-2.092h1.718a3.701 3.701 0 1 0 0-1.4h-1.718A4.701 4.701 0 0 0 5.5.8Zm10 2.4a2.3 2.3 0 1 0 0 4.6 2.3 2.3 0 0 0 0-4.6Zm0 10a2.3 2.3 0 1 0 0 4.6 2.3 2.3 0 0 0 0-4.6Z"
      clip-rule="evenodd"
    />
  </g>
  <defs>
    <clipPath id="clip0_4906_1097">
      <path fill="#fff" d="M0 0h20v20H0z" />
    </clipPath>
  </defs>
 </svg>
--- a/packages/icons/svg/derivated-path-icon.svg
+++ b/packages/icons/svg/derivated-path-icon.svg
@ -0,0 +1,14 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#09101C"
    fill-rule="evenodd"
    d="M2.6 7a3.4 3.4 0 1 1 6.8 0 3.4 3.4 0 0 1-6.8 0ZM6 2.4a4.6 4.6 0 1 0 2.9 8.171l3.31 2.575a3.1 3.1 0 1 0 .724-.957L9.728 9.695c.438-.604.733-1.32.834-2.095h1.396a3.101 3.101 0 1 0 0-1.2h-1.396A4.6 4.6 0 0 0 6 2.4Zm9 2.7a1.9 1.9 0 1 0 0 3.8 1.9 1.9 0 0 0 0-3.8Zm0 7.5a1.9 1.9 0 1 0 0 3.8 1.9 1.9 0 0 0 0-3.8Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/faceid-big-icon.svg
+++ b/packages/icons/svg/faceid-big-icon.svg
@ -0,0 +1,21 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <g clip-path="url(#clip0_2970_889)">
    <path
      fill="#09101C"
      fill-rule="evenodd"
      d="M8 .833c-.998.038-1.867.114-2.619.252-1.222.224-2.206.625-2.939 1.358-.733.732-1.133 1.716-1.357 2.938C.947 6.133.87 7.002.832 8h1.401c.037-.93.108-1.71.229-2.366.197-1.074.515-1.747.97-2.202.455-.454 1.128-.773 2.202-.97.657-.12 1.436-.191 2.366-.228V.833Zm4 1.4v-1.4c.998.038 1.867.114 2.618.252 1.223.224 2.207.625 2.94 1.358.732.732 1.132 1.716 1.357 2.938.138.752.214 1.621.252 2.619h-1.4c-.038-.93-.109-1.71-.23-2.366-.197-1.074-.515-1.747-.97-2.202-.454-.454-1.127-.773-2.201-.97-.657-.12-1.436-.191-2.366-.228Zm0 15.533c.93-.037 1.709-.107 2.366-.228 1.074-.197 1.747-.516 2.201-.97.455-.455.773-1.128.97-2.202.121-.657.192-1.436.23-2.366h1.4c-.038.998-.114 1.867-.252 2.619-.225 1.222-.625 2.206-1.358 2.939-.732.732-1.716 1.133-2.939 1.357-.751.138-1.62.214-2.618.252v-1.4ZM2.233 12c.037.93.108 1.71.229 2.366.197 1.074.515 1.747.97 2.201.455.455 1.128.774 2.202.971.657.12 1.436.191 2.366.228v1.401c-.998-.038-1.867-.114-2.619-.252-1.222-.224-2.206-.625-2.939-1.357-.733-.733-1.133-1.717-1.357-2.94C.947 13.869.87 12.999.832 12h1.401ZM7 7.25C7 8.217 6.552 9 6 9c-.553 0-1-.783-1-1.75 0-.966.447-1.75 1-1.75.552 0 1 .784 1 1.75ZM9.3 6v4.79l.205.205 1 1 .99-.99-.795-.795V6H9.3ZM15 7.25C15 8.217 14.552 9 14 9c-.553 0-1-.783-1-1.75 0-.966.447-1.75 1-1.75.552 0 1 .784 1 1.75Zm-6.15 6.742a2.3 2.3 0 0 1-.842-.842l-1.212.7a3.7 3.7 0 0 0 6.408 0l-1.212-.7a2.3 2.3 0 0 1-3.142.842Z"
      clip-rule="evenodd"
    />
  </g>
  <defs>
    <clipPath id="clip0_2970_889">
      <path fill="#fff" d="M0 0h20v20H0z" />
    </clipPath>
  </defs>
 </svg>
--- a/packages/icons/svg/faces-icon.svg
+++ b/packages/icons/svg/faces-icon.svg
@ -0,0 +1,14 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#09101C"
    fill-rule="evenodd"
    d="M9.242 3.157c1.264-.192 2.555.101 3.675.847l.666-.999c-1.359-.904-2.95-1.273-4.522-1.034-1.57.239-3.013 1.066-4.11 2.333-1.097 1.265-1.792 2.9-1.992 4.649a9.077 9.077 0 0 0 .875 5.065c.77 1.538 1.966 2.758 3.42 3.452a6.295 6.295 0 0 0 4.606.348c1.525-.472 2.856-1.506 3.796-2.92.94-1.413 1.444-3.135 1.444-4.898h-1.2c0 .293-.016.585-.048.873-.01.02-.021.044-.036.07-.057.102-.15.242-.29.383-.27.27-.746.574-1.576.574-.83 0-1.306-.304-1.576-.574a1.746 1.746 0 0 1-.347-.498.463.463 0 0 1-.01-.023v-.001.002l.001.002v.001c.001.001.001.001-.568.191l-.57.19.001.001v.002l.002.003.003.009.009.024a2.477 2.477 0 0 0 .14.297c.1.18.256.414.49.648.48.48 1.255.926 2.425.926.564 0 1.036-.104 1.428-.265a7.212 7.212 0 0 1-.72 1.398c-.803 1.206-1.915 2.055-3.153 2.438a5.094 5.094 0 0 1-3.734-.283c-1.19-.57-2.202-1.585-2.864-2.907a7.877 7.877 0 0 1-.755-4.392c.174-1.525.778-2.93 1.705-4 .926-1.068 2.118-1.74 3.385-1.932ZM10.5 8.5c.552 0 1-.672 1-1.5s-.448-1.5-1-1.5-1 .672-1 1.5.448 1.5 1 1.5ZM17 7c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5.448-1.5 1-1.5 1 .672 1 1.5Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/flags-icon.svg
+++ b/packages/icons/svg/flags-icon.svg
@ -0,0 +1,14 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#09101C"
    fill-rule="evenodd"
    d="M4.6 3.9V2.5H3.4v15h1.2v-5.9h3.8v1.5h8.2V5.4h-5V3.9h-7Zm0 1.2v5.3h5v1.5h5.8V6.6h-5V5.1H4.6Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/food-icon.svg
+++ b/packages/icons/svg/food-icon.svg
@ -0,0 +1,14 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#09101C"
    fill-rule="evenodd"
    d="M6.1 7A3.9 3.9 0 0 1 9.9 3.101 3.6 3.6 0 0 0 13.9 6.578V8c0 .707 0 1.207-.027 1.6-.027.388-.077.628-.156.818a2.4 2.4 0 0 1-1.299 1.3c-.19.078-.43.128-.817.155-.394.027-.894.027-1.601.027H7.5a1.4 1.4 0 0 1-1.4-1.4V7ZM10 1.9A5.1 5.1 0 0 0 4.9 7v3.5a2.6 2.6 0 0 0 2.6 2.6h.4V16a2.1 2.1 0 1 0 4.2 0v-2.972c.278-.039.534-.101.777-.202a3.6 3.6 0 0 0 1.949-1.948c.15-.361.213-.747.244-1.196.03-.439.03-.98.03-1.66V6a.726.726 0 0 0-.93-.695A2.4 2.4 0 0 1 11.1 3c0-.529-.405-1.1-1.061-1.1H10Zm.9 11.197c-.264.003-.556.003-.878.003H9.1V16a.9.9 0 1 0 1.8 0v-2.903Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/hashtag-square-icon.svg
+++ b/packages/icons/svg/hashtag-square-icon.svg
@ -0,0 +1,14 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#09101C"
    fill-rule="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-.89.948-.184 2.18-.247 3.8-.247 1.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-1.62 0-2.852-.063-3.8-.247-.942-.182-1.548-.474-1.963-.89-.416-.416-.708-1.021-.89-1.963-.184-.948-.247-2.181-.247-3.8ZM10 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.9ZM7.685 7.4l.219-1.966 1.192.132L8.893 7.4h2.792l.219-1.966 1.192.132-.203 1.834H14.5v1.2h-1.74l-.312 2.8H14.5v1.2h-2.185l-.219 1.966-1.192-.132.203-1.834H8.315l-.219 1.966-1.192-.132.203-1.834H5.5v-1.2h1.74l.312-2.8H5.5V7.4h2.185Zm3.867 1.2-.311 2.8H8.448l.311-2.8h2.793Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/heart-icon.svg
+++ b/packages/icons/svg/heart-icon.svg
@ -10,5 +10,3 @@
    d="m10 16.517-.253.544.253.117.253-.117-.253-.544ZM3 7.534l.598.054L3 7.534Zm14 0-.598.046v.008L17 7.534Zm-7-2.017-.345.49.343.241.344-.238L10 5.517Zm0 11 .253-.544-.003-.002a1.327 1.327 0 0 0-.07-.034c-.051-.024-.127-.063-.225-.113a17.45 17.45 0 0 1-3.252-2.191c-1.77-1.523-3.328-3.594-3.105-6.045l-1.196-.109c-.277 3.05 1.665 5.47 3.52 7.064a18.654 18.654 0 0 0 3.73 2.472l.068.033.02.009.005.003h.001l.254-.543Zm0 0a78.287 78.287 0 0 0 .254.543h.001l.006-.003.019-.009a7.928 7.928 0 0 0 .318-.16 18.659 18.659 0 0 0 3.48-2.346c1.855-1.593 3.797-4.013 3.52-7.063l-1.195.109c.222 2.45-1.336 4.522-3.107 6.045A17.453 17.453 0 0 1 9.75 15.97l-.003.001.253.545Zm7.598-9.03c-.132-1.723-.672-2.867-1.55-3.506-.869-.633-1.924-.662-2.844-.492-.927.17-1.816.56-2.457.893a12.177 12.177 0 0 0-1.081.636l-.005.004h-.002v.001l.341.494.342.493.002-.002a10.97 10.97 0 0 1 .956-.562c.593-.307 1.36-.637 2.121-.777.767-.142 1.431-.074 1.921.282.482.351.942 1.09 1.06 2.629l1.196-.092Zm-14 .101c.14-1.538.608-2.282 1.098-2.636.495-.358 1.158-.424 1.917-.283.754.14 1.512.469 2.098.777a10.684 10.684 0 0 1 .942.56l.002.002.345-.491.345-.491-.002-.002c-.002 0-.003-.002-.005-.003a1.632 1.632 0 0 0-.077-.052 11.886 11.886 0 0 0-.992-.585c-.635-.334-1.515-.724-2.437-.895-.917-.17-1.967-.14-2.84.491-.879.636-1.433 1.776-1.59 3.5l1.196.108Z"
  />
 </svg>
--- a/packages/icons/svg/hide-password-icon.svg
+++ b/packages/icons/svg/hide-password-icon.svg
@ -0,0 +1,14 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#09101C"
    fill-rule="evenodd"
    d="M10 13.85c-2.298 0-4.156-1.034-5.463-2.103a11.807 11.807 0 0 1-1.495-1.465 9.541 9.541 0 0 1-.476-.605l-.02-.031-.005-.007L2 10l-.54.361v.002l.004.004.008.013.031.045.115.157c.099.133.244.32.434.543.379.444.937 1.036 1.661 1.628.43.352.922.707 1.473 1.032l-.79 1.973 1.207.483.745-1.862c.891.386 1.895.667 3.002.748V17h1.3v-1.873a9.204 9.204 0 0 0 3.001-.748l.745 1.862 1.207-.482-.789-1.974c.55-.325 1.043-.68 1.473-1.032a13.099 13.099 0 0 0 1.66-1.628 10.848 10.848 0 0 0 .55-.7l.03-.045.01-.013.002-.004.001-.001L18 10l-.54-.36-.005.006-.021.03-.094.129a9.532 9.532 0 0 1-.382.477c-.34.399-.843.932-1.495 1.465-1.306 1.07-3.165 2.103-5.463 2.103Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/hypen-icon.svg
+++ b/packages/icons/svg/hypen-icon.svg
@ -0,0 +1,9 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path stroke="#09101C" stroke-width="1.2" d="M6 10h8" />
 </svg>
--- a/packages/icons/svg/keycard-card-icon.svg
+++ b/packages/icons/svg/keycard-card-icon.svg
@ -0,0 +1,14 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#09101C"
    fill-rule="evenodd"
    d="M10 4.6c1.617 0 2.857.063 3.814.226.956.163 1.575.418 1.993.762.817.673 1.094 1.877 1.094 4.412 0 2.534-.277 3.739-1.094 4.412-.418.344-1.037.599-1.993.762-.957.163-2.197.226-3.813.226-1.617 0-2.857-.063-3.814-.226-.956-.163-1.575-.418-1.992-.762C3.377 13.739 3.1 12.534 3.1 10c0-2.535.276-3.74 1.094-4.412.417-.344 1.036-.6 1.992-.762.957-.163 2.197-.226 3.814-.226Zm8.1 5.4c0-2.466-.223-4.261-1.53-5.338-.645-.531-1.495-.839-2.554-1.02-1.06-.18-2.382-.242-4.015-.242-1.634 0-2.956.062-4.015.243-1.06.18-1.91.488-2.554 1.019C2.124 5.739 1.9 7.534 1.9 10c0 2.465.223 4.26 1.53 5.338.645.531 1.496.838 2.555 1.019 1.059.18 2.381.243 4.015.243 1.633 0 2.955-.062 4.015-.243 1.059-.18 1.909-.488 2.554-1.019 1.308-1.077 1.53-2.873 1.53-5.338Zm-6.524-.883c-.076.184-.076.417-.076.883s0 .699.076.883a1 1 0 0 0 .541.54c.184.077.417.077.883.077h.5c.466 0 .699 0 .883-.076a1 1 0 0 0 .54-.541C15 10.699 15 10.466 15 10s0-.699-.076-.883a1 1 0 0 0-.541-.54c-.184-.077-.417-.077-.883-.077H13c-.466 0-.699 0-.883.076a1 1 0 0 0-.54.541Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/locked-icon.svg
+++ b/packages/icons/svg/locked-icon.svg
@ -8,7 +8,7 @@
  <path
    fill="#09101C"
    fill-rule="evenodd"
-    d="M10 2.4c-.798 0-1.732.129-2.461.777-.69.613-1.082 1.586-1.133 2.998-.577.15-1.068.388-1.455.776-.5.5-.752 1.173-.886 1.982C3.93 9.737 3.9 10.75 3.9 12s.03 2.263.165 3.067c.134.81.385 1.482.886 1.982.5.5 1.173.752 1.982.887.804.134 1.818.164 3.067.164 1.25 0 2.263-.03 3.067-.164.81-.135 1.482-.386 1.982-.887.5-.5.752-1.173.887-1.982.134-.804.164-1.818.164-3.067s-.03-2.263-.164-3.067c-.135-.809-.386-1.482-.886-1.982-.388-.388-.879-.626-1.456-.776-.051-1.412-.444-2.386-1.133-2.998C11.732 2.529 10.797 2.4 10 2.4Zm2.382 3.578c-.076-1.061-.385-1.608-.718-1.905-.396-.351-.961-.473-1.664-.473s-1.268.122-1.664.473c-.333.297-.642.844-.718 1.905C8.292 5.916 9.082 5.9 10 5.9c.918 0 1.708.016 2.382.078ZM5.248 9.13C5.132 9.825 5.1 10.749 5.1 12c0 1.251.032 2.175.148 2.87.115.691.302 1.081.551 1.33.25.25.64.437 1.331.552.696.116 1.62.148 2.87.148 1.251 0 2.175-.032 2.87-.148.692-.115 1.081-.302 1.33-.551.25-.25.437-.64.552-1.33.116-.697.148-1.62.148-2.871s-.032-2.175-.148-2.87c-.115-.691-.302-1.081-.551-1.33-.25-.25-.64-.437-1.33-.552-.696-.116-1.62-.148-2.87-.148-1.252 0-2.175.032-2.871.148-.691.115-1.081.302-1.33.551-.25.25-.437.64-.552 1.33ZM8.5 11.4h3v1.2h-3v-1.2Z"
+    d="M10 2.4c-.798 0-1.733.129-2.462.777-.69.613-1.081 1.586-1.133 2.998-.577.15-1.067.388-1.454.776-.501.5-.752 1.173-.887 1.982C3.93 9.737 3.9 10.75 3.9 12s.03 2.263.164 3.067c.135.81.386 1.482.887 1.982.5.5 1.173.752 1.982.887.804.134 1.818.164 3.067.164s2.263-.03 3.067-.164c.809-.135 1.481-.386 1.982-.887.5-.5.752-1.173.886-1.982.135-.804.165-1.818.165-3.067s-.03-2.263-.165-3.067c-.134-.809-.385-1.482-.886-1.982-.387-.388-.878-.626-1.455-.776-.051-1.412-.444-2.386-1.133-2.998C11.73 2.529 10.797 2.4 10 2.4Zm2.382 3.578c-.076-1.061-.385-1.608-.718-1.905-.396-.351-.962-.473-1.664-.473-.703 0-1.268.122-1.664.473-.333.297-.643.844-.719 1.905C8.291 5.916 9.082 5.9 10 5.9c.917 0 1.708.016 2.382.078ZM5.248 9.13C5.132 9.825 5.1 10.749 5.1 12c0 1.251.032 2.175.148 2.87.115.691.302 1.081.551 1.33.25.25.64.437 1.33.552.696.116 1.62.148 2.87.148 1.252 0 2.175-.032 2.87-.148.692-.115 1.082-.302 1.332-.551.249-.25.435-.64.55-1.33.117-.697.149-1.62.149-2.871s-.032-2.175-.148-2.87c-.115-.691-.302-1.081-.551-1.33-.25-.25-.64-.437-1.33-.552C12.173 7.132 11.25 7.1 10 7.1s-2.175.032-2.87.148c-.692.115-1.082.302-1.33.551-.25.25-.437.64-.552 1.33ZM8.5 11.4h3v1.2h-3v-1.2Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/nature-icon.svg
+++ b/packages/icons/svg/nature-icon.svg
@ -0,0 +1,14 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#09101C"
    fill-rule="evenodd"
    d="M8.468 1.625 8 2l-.469-.375L8 1.04l.468.585Zm6.782 2.246-.218-.559h-.002l-.004.002-.015.006-.054.022a24.06 24.06 0 0 0-.922.402c-.602.279-1.428.687-2.32 1.207-.257.15-.523.312-.793.483a23.979 23.979 0 0 0-.401-.732 27.748 27.748 0 0 0-1.87-2.841 15.429 15.429 0 0 0-.133-.173l-.036-.045-.01-.013-.002-.003-.001-.001-.47.374a111.68 111.68 0 0 0-.468-.375v.002l-.004.003-.01.013-.035.045-.132.173a27.759 27.759 0 0 0-1.87 2.842C4.469 6.467 3.399 8.833 3.399 11c0 1.909.69 3.208 1.65 4.02a4.654 4.654 0 0 0 2.35 1.037V18.5h1.2v-2.443c.165-.023.334-.055.507-.1.68.259 1.518.405 2.379.29 1.195-.158 2.402-.817 3.248-2.282 1.083-1.876 1.34-4.46 1.348-6.493a27.761 27.761 0 0 0-.199-3.397 16.221 16.221 0 0 0-.028-.215l-.008-.057-.003-.016v-.006l-.594.09Zm0 0 .593-.09-.113-.742-.698.273.218.559Zm-3.796 2.648C12.096 7.934 12.6 9.514 12.6 11c0 1.909-.69 3.208-1.65 4.02a4.94 4.94 0 0 1-.08.067c.151 0 .304-.009.458-.03.837-.11 1.713-.559 2.367-1.692.378-.656.645-1.435.829-2.265H13.5V9.9h1.23c.057-.432.095-.869.119-1.3H13V7.4h1.883a26.569 26.569 0 0 0-.133-2.663l-.211.097c-.578.267-1.368.657-2.219 1.153-.286.167-.576.345-.866.532Zm-1.28 7.585a3.44 3.44 0 0 1-1.574.738V7H7.4v7.842a3.44 3.44 0 0 1-1.575-.738C5.16 13.543 4.6 12.591 4.6 11c0-1.834.93-3.968 1.92-5.702A26.56 26.56 0 0 1 8 3l.135.189c.367.52.856 1.253 1.344 2.108.99 1.734 1.92 3.868 1.92 5.702 0 1.591-.56 2.542-1.224 3.104Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/notification-badge-icon.svg
+++ b/packages/icons/svg/notification-badge-icon.svg
@ -0,0 +1,9 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <circle cx="10" cy="10" r="4" fill="#2A4AF5" />
 </svg>
--- a/packages/icons/svg/objects-icon.svg
+++ b/packages/icons/svg/objects-icon.svg
@ -0,0 +1,14 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#09101C"
    fill-rule="evenodd"
    d="M7 1.9h-.382l-.162.346-3.5 7.5-.398.854H9.4v6.3H7v1.2h6v-1.2h-2.4v-6.3H17.442l-.398-.854-3.5-7.5-.162-.346H7ZM4.442 9.4l.607-1.3h9.902l.607 1.3H4.442Zm9.95-2.5H5.608l1.773-3.8h5.236l1.773 3.8Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/offline-icon.svg
+++ b/packages/icons/svg/offline-icon.svg
@ -0,0 +1,9 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <circle cx="10" cy="10" r="4" fill="#A1ABBD" />
 </svg>
--- a/packages/icons/svg/offline-left-icon.svg
+++ b/packages/icons/svg/offline-left-icon.svg
@ -0,0 +1,9 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="14"
  height="20"
  fill="none"
  viewBox="0 0 14 20"
 >
  <circle cx="4" cy="10" r="4" fill="#A1ABBD" />
 </svg>
--- a/packages/icons/svg/revert-icon.svg
+++ b/packages/icons/svg/revert-icon.svg
@ -0,0 +1,14 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#09101C"
    fill-rule="evenodd"
    d="M7.36 3.625a6.9 6.9 0 1 1-3.336 9.825l-1.039.6A8.1 8.1 0 1 0 4.1 4.45V3H2.9v4.1H7V5.9H4.45a6.9 6.9 0 0 1 2.91-2.275Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/status-icon-icon.svg
+++ b/packages/icons/svg/status-icon-icon.svg
@ -0,0 +1,12 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#09101C"
    d="M10.079 9.74c.7.07 1.402.142 2.264.095 2.337-.127 3.753-1.3 3.652-3.05-.102-1.783-1.985-2.881-3.87-2.778-3.07.167-5.328 2.8-5.582 5.812a7.636 7.636 0 0 1 1.27-.175c.862-.047 1.564.024 2.266.095ZM4.005 13.394c.098 1.668 1.902 2.696 3.707 2.6 2.941-.157 5.104-2.622 5.347-5.44a7.48 7.48 0 0 1-1.216.164c-.826.044-1.498-.023-2.17-.09-.672-.066-1.344-.133-2.17-.089-2.238.12-3.595 1.216-3.498 2.855Z"
  />
 </svg>
--- a/packages/icons/svg/status-icon.svg
+++ b/packages/icons/svg/status-icon.svg
@ -5,8 +5,17 @@
  fill="none"
  viewBox="0 0 20 20"
 >
-  <path
+  <g clip-path="url(#clip0_4721_1050)">
-    fill="#09101C"
+    <path
-    d="M10.079 9.74c.7.07 1.402.142 2.264.095 2.337-.127 3.753-1.3 3.652-3.05-.102-1.783-1.985-2.881-3.87-2.778-3.07.167-5.328 2.8-5.582 5.812a7.636 7.636 0 0 1 1.27-.175c.862-.047 1.564.024 2.266.095ZM4.005 13.394c.098 1.668 1.902 2.696 3.707 2.6 2.941-.157 5.104-2.622 5.347-5.44a7.48 7.48 0 0 1-1.216.164c-.826.044-1.498-.023-2.17-.09-.672-.066-1.344-.133-2.17-.089-2.238.12-3.595 1.216-3.498 2.855Z"
+      fill="#09101C"
-  />
+      fill-rule="evenodd"
      d="M0 10C0 2.5 2.5 0 10 0s10 2.5 10 10-2.5 10-10 10S0 17.5 0 10Zm7.393-.616c.186-2.328 1.858-4.385 4.123-4.515 1.39-.08 2.78.77 2.854 2.148.061 1.109-.628 1.918-1.826 2.229-.283.074-.573.12-.866.135-.637.035-1.154-.02-1.672-.075-.517-.055-1.034-.11-1.67-.074a4.454 4.454 0 0 0-.907.141l-.036.01Zm5.213 1.23c-.186 2.328-1.858 4.385-4.123 4.514-1.39.08-2.78-.769-2.855-2.147-.058-1.11.629-1.918 1.827-2.229.283-.074.573-.119.866-.134.636-.036 1.153.019 1.67.074.518.055 1.035.11 1.672.073a4.46 4.46 0 0 0 .87-.13l.027-.008.046-.013Z"
      clip-rule="evenodd"
    />
  </g>
  <defs>
    <clipPath id="clip0_4721_1050">
      <path fill="#fff" d="M0 0h20v20H0z" />
    </clipPath>
  </defs>
 </svg>
--- a/packages/icons/svg/status-logo-icon.svg
+++ b/packages/icons/svg/status-logo-icon.svg
@ -13,42 +13,36 @@
      clip-rule="evenodd"
    />
    <g clip-path="url(#clip1_4408_955)">
-      <g clip-path="url(#clip2_4408_955)">
+      <mask
-        <mask
+        id="mask0_4408_955"
-          id="mask0_4408_955"
+        width="16"
-          width="16"
+        height="17"
-          height="17"
+        x="2"
-          x="2"
+        y="1"
-          y="1"
+        maskUnits="userSpaceOnUse"
-          maskUnits="userSpaceOnUse"
+        style="mask-type: alpha"
-          style="mask-type: alpha"
+      >
-        >
+        <path fill="#fff" d="M10 2c-6 0-8 2-8 8s2 8 8 8 8-2 8-8-2-8-8-8Z" />
-          <path fill="#fff" d="M10 2c-6 0-8 2-8 8s2 8 8 8 8-2 8-8-2-8-8-8Z" />
+      </mask>
-        </mask>
+      <g mask="url(#mask0_4408_955)">
-        <g mask="url(#mask0_4408_955)">
+        <g filter="url(#filter0_f_4408_955)">
-          <g filter="url(#filter0_f_4408_955)">
+          <circle cx="13.5" cy="6.5" r="9.5" fill="#1992D7" />
            <circle cx="13.5" cy="6.5" r="9.5" fill="#1992D7" />
          </g>
          <g filter="url(#filter1_f_4408_955)">
            <circle cx="18.5" cy="11.5" r="9.5" fill="#F6B03C" />
          </g>
          <g filter="url(#filter2_f_4408_955)">
            <circle cx="4.5" cy="17.5" r="9.5" fill="#FF7D46" />
          </g>
          <g filter="url(#filter3_f_4408_955)">
            <circle cx="-1.5" cy="6.5" r="9.5" fill="#7140FD" />
          </g>
          <g
            fill="#fff"
            fill-rule="evenodd"
            clip-rule="evenodd"
            filter="url(#filter4_d_4408_955)"
          >
            <path
              d="M11.828 10.43c-.13 1.633-1.302 3.075-2.888 3.165-.974.056-1.948-.539-2-1.505-.04-.777.44-1.345 1.28-1.562.198-.052.401-.084.606-.094.891-.05 1.45.154 2.341.103.206-.01.41-.041.61-.092l.051-.014ZM8.176 9.569c.13-1.632 1.302-3.074 2.888-3.165.974-.055 1.947.54 2 1.506.043.777-.44 1.344-1.28 1.562a3.02 3.02 0 0 1-.606.094c-.892.05-1.45-.154-2.341-.104-.206.01-.41.041-.61.092l-.051.015Z"
            />
          </g>
        </g>
        <g filter="url(#filter1_f_4408_955)">
          <circle cx="18.5" cy="11.5" r="9.5" fill="#F6B03C" />
        </g>
        <g filter="url(#filter2_f_4408_955)">
          <circle cx="4.5" cy="17.5" r="9.5" fill="#FF7D46" />
        </g>
        <g filter="url(#filter3_f_4408_955)">
          <circle cx="-1.5" cy="6.5" r="9.5" fill="#7140FD" />
        </g>
        <path
          fill="#fff"
          fill-rule="evenodd"
          d="M11.064 6.404c-1.586.09-2.758 1.533-2.888 3.165A.966.966 0 0 1 8.2 9.56l.026-.007c.2-.05.404-.081.61-.092.445-.025.807.014 1.17.052.362.039.725.078 1.171.052a3.02 3.02 0 0 0 .606-.094c.84-.218 1.323-.785 1.28-1.562-.053-.966-1.026-1.561-2-1.506ZM8.94 13.595c1.586-.09 2.758-1.533 2.888-3.164a.96.96 0 0 1-.051.014c-.2.05-.404.082-.61.092-.446.025-.808-.013-1.171-.052a6.787 6.787 0 0 0-1.17-.051c-.205.01-.408.042-.606.094-.84.217-1.32.785-1.28 1.562.052.966 1.026 1.561 2 1.505Z"
          clip-rule="evenodd"
        />
      </g>
    </g>
  </g>
@ -117,41 +111,11 @@
        stdDeviation="2.358"
      />
    </filter>
    <filter
      id="filter4_d_4408_955"
      width="36.229"
      height="37.298"
      x="-8.112"
      y="-4.636"
      color-interpolation-filters="sRGB"
      filterUnits="userSpaceOnUse"
    >
      <feFlood flood-opacity="0" result="BackgroundImageFix" />
      <feColorMatrix
        in="SourceAlpha"
        result="hardAlpha"
        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
      />
      <feOffset dy="4.013" />
      <feGaussianBlur stdDeviation="7.525" />
      <feColorMatrix
        values="0 0 0 0 0.0352941 0 0 0 0 0.0627451 0 0 0 0 0.109804 0 0 0 0.12 0"
      />
      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_4408_955" />
      <feBlend
        in="SourceGraphic"
        in2="effect1_dropShadow_4408_955"
        result="shape"
      />
    </filter>
    <clipPath id="clip0_4408_955">
      <path fill="#fff" d="M0 0h20v20H0z" />
    </clipPath>
    <clipPath id="clip1_4408_955">
      <path fill="#fff" d="M2 2h16v16H2z" />
    </clipPath>
    <clipPath id="clip2_4408_955">
      <path fill="#fff" d="M2 2h16v16H2z" />
    </clipPath>
  </defs>
 </svg>
--- a/packages/icons/svg/symbols-icon.svg
+++ b/packages/icons/svg/symbols-icon.svg
@ -0,0 +1,14 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#09101C"
    fill-rule="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-.89.948-.184 2.18-.247 3.8-.247 1.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-1.62 0-2.852-.063-3.8-.247-.942-.182-1.548-.474-1.963-.89-.416-.416-.708-1.021-.89-1.963-.184-.948-.247-2.181-.247-3.8ZM10 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.9ZM7.685 7.4l.219-1.966 1.192.132L8.893 7.4h2.792l.219-1.966 1.192.132-.203 1.834H14.5v1.2h-1.74l-.312 2.8H14.5v1.2h-2.185l-.219 1.966-1.192-.132.203-1.834H8.315l-.219 1.966-1.192-.132.203-1.834H5.5v-1.2h1.74l.312-2.8H5.5V7.4h2.185Zm3.867 1.2-.311 2.8H8.448l.311-2.8h2.793Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/touch-id-big-icon.svg
+++ b/packages/icons/svg/touch-id-big-icon.svg
@ -0,0 +1,14 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#09101C"
    fill-rule="evenodd"
    d="m1.186 7.356 1.341.402a7.803 7.803 0 0 1 14.946 0l1.341-.402a9.204 9.204 0 0 0-17.628 0ZM10.7 11v7.5H9.3V11h1.4ZM10 7.3A3.7 3.7 0 0 0 6.3 11v6.5h1.4V11a2.3 2.3 0 1 1 4.6 0v6.5h1.4V11A3.7 3.7 0 0 0 10 7.3ZM3.3 11a6.7 6.7 0 1 1 13.4 0v.5h-1.4V11a5.3 5.3 0 0 0-10.6 0v3.5H3.3V11Zm12 2.5V16h1.4v-2.5h-1.4Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/travel-icon.svg
+++ b/packages/icons/svg/travel-icon.svg
@ -0,0 +1,14 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    fill="#09101C"
    fill-rule="evenodd"
    d="M9.401 2.9H6.4v3.5h-2v4.334l-2.09.697-.493.164.093.512L2.5 12l-.59.108v.003l.002.006.003.017a3.013 3.013 0 0 0 .061.257 8.002 8.002 0 0 0 1.362 2.726C4.505 16.627 6.55 18.1 10 18.1c3.45 0 5.496-1.473 6.663-2.983a8.005 8.005 0 0 0 1.14-2.045 7.08 7.08 0 0 0 .27-.88l.008-.036.005-.022.003-.017.001-.006v-.002c0-.001 0-.002-.59-.109l.59.107.094-.512-.494-.164-2.09-.697V6.4h-2V2.9h-2.999V1.5h-1.2v1.4Zm4.999 7.434V7.6H5.6v2.734l4.21-1.403.19-.063.19.063 4.21 1.403Zm-2-3.934H7.6V4.1h4.8v2.3Zm-1.798 3.933V14h-1.2v-3.668L3.228 12.39a6.805 6.805 0 0 0 1.06 1.993C5.245 15.623 6.95 16.9 10 16.9s4.755-1.277 5.713-2.517a6.803 6.803 0 0 0 1.06-1.993l-6.171-2.057Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/twitter-icon.svg
+++ b/packages/icons/svg/twitter-icon.svg
@ -7,6 +7,12 @@
 >
  <path
    fill="#09101C"
-    d="M20 3.512a8.256 8.256 0 0 1-2.363.678 4.237 4.237 0 0 0 1.804-2.371 7.977 7.977 0 0 1-2.6 1.038 4.06 4.06 0 0 0-2.094-1.253 3.93 3.93 0 0 0-2.405.196 4.14 4.14 0 0 0-1.884 1.578 4.43 4.43 0 0 0-.71 2.412c0 .34.028.667.096.979a11.206 11.206 0 0 1-4.684-1.3 11.722 11.722 0 0 1-3.768-3.187 4.468 4.468 0 0 0-.455 3.127 4.303 4.303 0 0 0 1.715 2.606A3.914 3.914 0 0 1 .8 7.486v.048c.001.99.328 1.95.927 2.718a4.093 4.093 0 0 0 2.358 1.496c-.35.097-.712.145-1.075.142-.26.004-.52-.02-.776-.074a4.328 4.328 0 0 0 1.461 2.131 4.023 4.023 0 0 0 2.37.857A8.008 8.008 0 0 1 0 16.575 11.175 11.175 0 0 0 6.29 18.5c7.545 0 11.67-6.539 11.67-12.206 0-.19-.006-.373-.015-.555A8.399 8.399 0 0 0 20 3.512Z"
+    fill-rule="evenodd"
    d="M7.979 11.024 1.025 1h5.379L19 18.98h-5.503l-4.722-6.808L2.81 19H1l6.979-7.976Zm6.152 6.758L3.32 2.197h2.453l10.92 15.585H14.13Z"
    clip-rule="evenodd"
  />
  <path
    fill="#09101C"
    d="m18.518 1.018-6.716 7.688-.798-1.14 5.73-6.549 1.784.001Z"
  />
 </svg>
--- a/packages/icons/svg/unlocked-icon.svg
+++ b/packages/icons/svg/unlocked-icon.svg
@ -8,7 +8,7 @@
  <path
    fill="#09101C"
    fill-rule="evenodd"
-    d="M12.175 1.715c-.69-.399-1.565-.755-2.52-.558-.971.2-1.853.932-2.648 2.308l1.04.6c.705-1.221 1.347-1.63 1.85-1.733.519-.107 1.07.07 1.678.422.608.351 1.037.74 1.204 1.242.14.42.135 1.043-.32 1.99C11.767 5.917 10.951 5.9 10 5.9c-1.249 0-2.263.03-3.067.164-.809.135-1.482.386-1.982.887-.5.5-.752 1.173-.886 1.982C3.93 9.737 3.9 10.75 3.9 12s.03 2.263.165 3.067c.134.81.385 1.482.886 1.982.5.5 1.173.752 1.982.887.804.134 1.818.164 3.067.164 1.25 0 2.263-.03 3.067-.164.81-.135 1.482-.386 1.982-.887.5-.5.752-1.173.887-1.982.134-.804.164-1.818.164-3.067s-.03-2.263-.164-3.067c-.135-.81-.386-1.482-.886-1.982-.37-.369-.83-.602-1.372-.753.42-.994.484-1.845.24-2.58-.307-.926-1.053-1.505-1.743-1.903ZM5.248 9.13C5.132 9.825 5.1 10.749 5.1 12c0 1.25.032 2.175.148 2.87.115.691.302 1.081.551 1.33.25.25.64.437 1.331.552.696.116 1.62.148 2.87.148 1.251 0 2.175-.032 2.87-.148.692-.115 1.081-.302 1.33-.551.25-.25.437-.64.552-1.33.116-.697.148-1.62.148-2.871s-.032-2.175-.148-2.87c-.115-.691-.302-1.081-.551-1.33-.25-.25-.64-.437-1.33-.552-.696-.116-1.62-.148-2.87-.148-1.252 0-2.175.032-2.871.148-.691.115-1.081.302-1.33.551-.25.25-.437.64-.552 1.33ZM9.4 13.5v-3h1.2v3H9.4Z"
+    d="M12.175 1.715c-.69-.399-1.564-.755-2.52-.558-.971.2-1.853.932-2.648 2.308l1.04.6c.705-1.221 1.347-1.63 1.85-1.733.52-.107 1.07.07 1.678.422.609.351 1.037.74 1.204 1.242.14.42.135 1.043-.32 1.99-.69-.068-1.506-.086-2.459-.086-1.249 0-2.263.03-3.067.164-.809.135-1.481.386-1.982.887-.5.5-.751 1.173-.886 1.982C3.93 9.737 3.9 10.75 3.9 12s.03 2.263.165 3.067c.135.81.386 1.482.886 1.982s1.173.752 1.982.887c.805.134 1.818.164 3.067.164 1.25 0 2.263-.03 3.068-.164.808-.135 1.48-.386 1.982-.887.5-.5.751-1.173.886-1.982.134-.804.164-1.818.164-3.067s-.03-2.263-.164-3.067c-.135-.81-.386-1.482-.886-1.982-.369-.369-.83-.602-1.372-.753.42-.994.484-1.845.24-2.58-.307-.926-1.052-1.505-1.743-1.903ZM5.248 9.13C5.133 9.825 5.1 10.749 5.1 12c0 1.25.033 2.175.149 2.87.115.691.301 1.081.55 1.33.25.25.64.437 1.331.552.696.116 1.62.148 2.87.148 1.251 0 2.175-.032 2.87-.148.692-.115 1.082-.302 1.331-.551.25-.25.436-.64.551-1.33.116-.697.148-1.62.148-2.871s-.032-2.175-.148-2.87c-.115-.691-.301-1.081-.55-1.33-.25-.25-.64-.437-1.331-.552-.696-.116-1.62-.148-2.87-.148-1.252 0-2.175.032-2.87.148-.692.115-1.082.302-1.331.551-.25.25-.436.64-.552 1.33ZM9.4 13.5v-3h1.2v3H9.4Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/packages/icons/svg/web-icon.svg
+++ b/packages/icons/svg/web-icon.svg
@ -0,0 +1,19 @@
 <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 20 20"
 >
  <path
    stroke="#09101C"
    stroke-width="1.2"
    d="M10 2.5c6.5 0 7.5 1 7.5 7.5s-1 7.5-7.5 7.5-7.5-1-7.5-7.5 1-7.5 7.5-7.5Z"
  />
  <path
    fill="#09101C"
    fill-rule="evenodd"
    d="M6.75 5.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.25 5.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM11.75 5.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
    clip-rule="evenodd"
  />
 </svg>
--- a/yarn.lock
+++ b/yarn.lock
@ -7632,7 +7632,7 @@
  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc"
  integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
-"@types/react-dom@^18.0.11":
+"@types/react-dom@18.0.11", "@types/react-dom@^18.0.11":
  version "18.0.11"
  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.0.11.tgz#321351c1459bc9ca3d216aefc8a167beec334e33"
  integrity sha512-O38bPbI2CWtgw/OoQoY+BRelw7uysmXbWvw3nLWO21H1HSh+GOlqPuXshJfjmpNlKiiSDG9cc1JZAaMmVdcTlw==
@ -7646,7 +7646,7 @@
  dependencies:
    "@types/react" "*"
-"@types/react@*", "@types/react@>=16", "@types/react@^18.0.33":
+"@types/react@*", "@types/react@18.0.33", "@types/react@>=16", "@types/react@^18.0.33":
  version "18.0.33"
  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.33.tgz#a1575160cb4376787c2f5fe0312302f824baa61e"
  integrity sha512-sHxzVxeanvQyQ1lr8NSHaj0kDzcNiGpILEVt69g9S31/7PfMvNCKLKcsHw4lYKjs3cGNJjXSP4mYzX43QlnjNA==