From cce6700fa41a00562f49e4e5793d375d33eb0621 Mon Sep 17 00:00:00 2001
From: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
Date: Fri, 20 Jan 2023 15:18:05 +0100
Subject: [PATCH] add all icons + cross-platform generation

---
 packages/icons/12/add-reaction.tsx           |  32 ++++
 packages/icons/12/add.tsx                    |  26 +++
 packages/icons/12/alert.tsx                  |  22 +++
 packages/icons/12/arrow-down.tsx             |  26 +++
 packages/icons/12/arrow-right.tsx            |  26 +++
 packages/icons/12/arrow-up.tsx               |  26 +++
 packages/icons/12/block.tsx                  |  33 ++++
 packages/icons/12/camera.tsx                 |  29 +++
 packages/icons/12/cards.tsx                  |  29 +++
 packages/icons/12/check-large.tsx            |  21 +++
 packages/icons/12/check.tsx                  |  22 +++
 packages/icons/12/chevron-bottom.tsx         |  21 +++
 packages/icons/12/chevron-left.tsx           |  21 +++
 packages/icons/12/chevron-right.tsx          |  21 +++
 packages/icons/12/chevron-top.tsx            |  21 +++
 packages/icons/12/close.tsx                  |  25 +++
 packages/icons/12/color.tsx                  |  27 +++
 packages/icons/12/communities.tsx            |  33 ++++
 packages/icons/12/contact.tsx                |  28 +++
 packages/icons/12/copy.tsx                   |  36 ++++
 packages/icons/12/delivered.tsx              |  26 +++
 packages/icons/12/dropdown.tsx               |  29 +++
 packages/icons/12/edit.tsx                   |  26 +++
 packages/icons/12/gas.tsx                    |  35 ++++
 packages/icons/12/hold.tsx                   |  29 +++
 packages/icons/12/index.ts                   |  56 ++++++
 packages/icons/12/info-1.tsx                 |  26 +++
 packages/icons/12/info.tsx                   |  22 +++
 packages/icons/12/jump-to.tsx                |  26 +++
 packages/icons/12/lightning.tsx              |  26 +++
 packages/icons/12/list.tsx                   |  28 +++
 packages/icons/12/loading.tsx                |  55 ++++++
 packages/icons/12/locked.tsx                 |  25 +++
 packages/icons/12/mention.tsx                |  30 ++++
 packages/icons/12/more.tsx                   |  23 +++
 packages/icons/12/negative.tsx               |  29 +++
 packages/icons/12/notification.tsx           |  21 +++
 packages/icons/12/pause.tsx                  |  21 +++
 packages/icons/12/pending.tsx                |  23 +++
 packages/icons/12/pick.tsx                   |  33 ++++
 packages/icons/12/placeholder.tsx            |  26 +++
 packages/icons/12/play.tsx                   |  24 +++
 packages/icons/12/positive.tsx               |  29 +++
 packages/icons/12/progress.tsx               |  29 +++
 packages/icons/12/pullup.tsx                 |  35 ++++
 packages/icons/12/remove.tsx                 |  34 ++++
 packages/icons/12/search.tsx                 |  26 +++
 packages/icons/12/send-message.tsx           |  28 +++
 packages/icons/12/sent.tsx                   |  21 +++
 packages/icons/12/timeout.tsx                |  32 ++++
 packages/icons/12/total-members.tsx          |  34 ++++
 packages/icons/12/trash.tsx                  |  29 +++
 packages/icons/12/unlocked.tsx               |  25 +++
 packages/icons/12/untrustworthy.tsx          |  22 +++
 packages/icons/12/verified-1.tsx             |  33 ++++
 packages/icons/12/verified.tsx               |  22 +++
 packages/icons/12/whistle.tsx                |  31 ++++
 packages/icons/16/add-user.tsx               |  35 ++++
 packages/icons/16/add.tsx                    |  21 +++
 packages/icons/16/alert.tsx                  |  30 ++++
 packages/icons/16/arrow-down.tsx             |  21 +++
 packages/icons/16/arrow-right.tsx            |  21 +++
 packages/icons/16/calendar.tsx               |  33 ++++
 packages/icons/16/check-circle.tsx           |  22 +++
 packages/icons/16/chevron-down.tsx           |  21 +++
 packages/icons/16/chevron-left.tsx           |  21 +++
 packages/icons/16/chevron-right.tsx          |  21 +++
 packages/icons/16/chevron-top.tsx            |  21 +++
 packages/icons/16/close.tsx                  |  25 +++
 packages/icons/16/connection.tsx             |  33 ++++
 packages/icons/16/contact-book.tsx           |  40 +++++
 packages/icons/16/delete.tsx                 |  34 ++++
 packages/icons/16/email.tsx                  |  26 +++
 packages/icons/16/forward.tsx                |  26 +++
 packages/icons/16/gif.tsx                    |  31 ++++
 packages/icons/16/group.tsx                  |  30 ++++
 packages/icons/16/history.tsx                |  27 +++
 packages/icons/16/index.ts                   |  39 ++++
 packages/icons/16/info.tsx                   |  22 +++
 packages/icons/16/lightning.tsx              |  26 +++
 packages/icons/16/locked.tsx                 |  26 +++
 packages/icons/16/mention.tsx                |  26 +++
 packages/icons/16/more.tsx                   |  23 +++
 packages/icons/16/mute.tsx                   |  26 +++
 packages/icons/16/negative.tsx               |  22 +++
 packages/icons/16/notification.tsx           |  21 +++
 packages/icons/16/pin.tsx                    |  26 +++
 packages/icons/16/placeholder.tsx            |  26 +++
 packages/icons/16/positive.tsx               |  22 +++
 packages/icons/16/privacy.tsx                |  26 +++
 packages/icons/16/progress.tsx               |  29 +++
 packages/icons/16/remove-user.tsx            |  35 ++++
 packages/icons/16/sad.tsx                    |  28 +++
 packages/icons/16/stickers.tsx               |  30 ++++
 packages/icons/16/unlocked.tsx               |  26 +++
 packages/icons/16/unmute.tsx                 |  26 +++
 packages/icons/16/world.tsx                  |  26 +++
 packages/icons/20/account-number.tsx         |  25 +++
 packages/icons/20/active-member.tsx          |  26 +++
 packages/icons/20/activity-center.tsx        |  26 +++
 packages/icons/20/add-reaction.tsx           |  32 ++++
 packages/icons/20/add-small.tsx              |  34 ++++
 packages/icons/20/add-token.tsx              |  27 +++
 packages/icons/20/add-user.tsx               |  26 +++
 packages/icons/20/add.tsx                    |  26 +++
 packages/icons/20/alert.tsx                  |  22 +++
 packages/icons/20/alphabetically.tsx         |  33 ++++
 packages/icons/20/android.tsx                |  32 ++++
 packages/icons/20/anonymous.tsx              |  26 +++
 packages/icons/20/arrow-down.tsx             |  26 +++
 packages/icons/20/arrow-left.tsx             |  26 +++
 packages/icons/20/arrow-right.tsx            |  26 +++
 packages/icons/20/arrow-up.tsx               |  26 +++
 packages/icons/20/attach.tsx                 |  26 +++
 packages/icons/20/audio.tsx                  |  26 +++
 packages/icons/20/automatic.tsx              |  27 +++
 packages/icons/20/block.tsx                  |  26 +++
 packages/icons/20/bold.tsx                   |  26 +++
 packages/icons/20/bridge.tsx                 |  32 ++++
 packages/icons/20/browser.tsx                |  26 +++
 packages/icons/20/bullet-list.tsx            |  55 ++++++
 packages/icons/20/bullet.tsx                 |  21 +++
 packages/icons/20/buy.tsx                    |  26 +++
 packages/icons/20/camera.tsx                 |  26 +++
 packages/icons/20/card-view.tsx              |  26 +++
 packages/icons/20/centre-align.tsx           |  27 +++
 packages/icons/20/chatkey.tsx                |  28 +++
 packages/icons/20/check.tsx                  |  21 +++
 packages/icons/20/chevron-down.tsx           |  21 +++
 packages/icons/20/chevron-left.tsx           |  21 +++
 packages/icons/20/chevron-right.tsx          |  21 +++
 packages/icons/20/chevron-up.tsx             |  21 +++
 packages/icons/20/chevrons-left.tsx          |  21 +++
 packages/icons/20/chevrons-right.tsx         |  21 +++
 packages/icons/20/clear.tsx                  |  27 +++
 packages/icons/20/close.tsx                  |  26 +++
 packages/icons/20/code-block.tsx             |  26 +++
 packages/icons/20/code.tsx                   |  26 +++
 packages/icons/20/collapse.tsx               |  26 +++
 packages/icons/20/colour-pick.tsx            |  32 ++++
 packages/icons/20/communities.tsx            |  26 +++
 packages/icons/20/connection.tsx             |  33 ++++
 packages/icons/20/contact-book.tsx           |  26 +++
 packages/icons/20/contact.tsx                |  44 +++++
 packages/icons/20/copy.tsx                   |  35 ++++
 packages/icons/20/correct.tsx                |  29 +++
 packages/icons/20/crown.tsx                  |  33 ++++
 packages/icons/20/customize.tsx              |  32 ++++
 packages/icons/20/dark.tsx                   |  24 +++
 packages/icons/20/data-usage.tsx             |  26 +++
 packages/icons/20/delete.tsx                 |  26 +++
 packages/icons/20/desktop.tsx                |  26 +++
 packages/icons/20/download.tsx               |  32 ++++
 packages/icons/20/dropdown.tsx               |  22 +++
 packages/icons/20/duration.tsx               |  27 +++
 packages/icons/20/edit.tsx                   |  26 +++
 packages/icons/20/email.tsx                  |  26 +++
 packages/icons/20/expand.tsx                 |  26 +++
 packages/icons/20/external.tsx               |  26 +++
 packages/icons/20/face-id.tsx                |  25 +++
 packages/icons/20/favourite.tsx              |  26 +++
 packages/icons/20/file.tsx                   |  37 ++++
 packages/icons/20/flag.tsx                   |  26 +++
 packages/icons/20/flash-off.tsx              |  27 +++
 packages/icons/20/flash.tsx                  |  26 +++
 packages/icons/20/flashlight-off.tsx         |  26 +++
 packages/icons/20/flashlight-on.tsx          |  32 ++++
 packages/icons/20/flip.tsx                   |  26 +++
 packages/icons/20/folder.tsx                 |  26 +++
 packages/icons/20/format.tsx                 |  28 +++
 packages/icons/20/forward.tsx                |  26 +++
 packages/icons/20/friend.tsx                 |  34 ++++
 packages/icons/20/gas.tsx                    |  37 ++++
 packages/icons/20/gif.tsx                    |  35 ++++
 packages/icons/20/globe.tsx                  |  26 +++
 packages/icons/20/hashtag-1.tsx              |  26 +++
 packages/icons/20/hashtag.tsx                |  35 ++++
 packages/icons/20/heart.tsx                  |  26 +++
 packages/icons/20/help.tsx                   |  26 +++
 packages/icons/20/hide.tsx                   |  31 ++++
 packages/icons/20/history.tsx                |  26 +++
 packages/icons/20/hold.tsx                   |  22 +++
 packages/icons/20/image.tsx                  |  26 +++
 packages/icons/20/inactive.tsx               |  21 +++
 packages/icons/20/index.ts                   | 177 +++++++++++++++++++
 packages/icons/20/info-badge.tsx             |  23 +++
 packages/icons/20/info.tsx                   |  23 +++
 packages/icons/20/italic.tsx                 |  26 +++
 packages/icons/20/justify.tsx                |  27 +++
 packages/icons/20/key.tsx                    |  31 ++++
 packages/icons/20/keyboard.tsx               |  32 ++++
 packages/icons/20/keycard-logo.tsx           |  26 +++
 packages/icons/20/keycard.tsx                |  56 ++++++
 packages/icons/20/laptop.tsx                 |  26 +++
 packages/icons/20/left-align.tsx             |  27 +++
 packages/icons/20/light.tsx                  |  26 +++
 packages/icons/20/link.tsx                   |  26 +++
 packages/icons/20/list-view.tsx              |  38 ++++
 packages/icons/20/loading.tsx                |  42 +++++
 packages/icons/20/locked.tsx                 |  26 +++
 packages/icons/20/log-out.tsx                |  32 ++++
 packages/icons/20/members.tsx                |  32 ++++
 packages/icons/20/mention.tsx                |  26 +++
 packages/icons/20/menu.tsx                   |  27 +++
 packages/icons/20/messages.tsx               |  26 +++
 packages/icons/20/mobile.tsx                 |  30 ++++
 packages/icons/20/multi-profile.tsx          |  38 ++++
 packages/icons/20/muted.tsx                  |  26 +++
 packages/icons/20/mutual-contact.tsx         |  28 +++
 packages/icons/20/new-message.tsx            |  26 +++
 packages/icons/20/nft.tsx                    |  39 ++++
 packages/icons/20/node.tsx                   |  26 +++
 packages/icons/20/notification.tsx           |  21 +++
 packages/icons/20/notifications.tsx          |  26 +++
 packages/icons/20/numbered-list.tsx          |  40 +++++
 packages/icons/20/online-left.tsx            |  21 +++
 packages/icons/20/online.tsx                 |  21 +++
 packages/icons/20/options.tsx                |  23 +++
 packages/icons/20/password.tsx               |  35 ++++
 packages/icons/20/pause.tsx                  |  22 +++
 packages/icons/20/pending-user.tsx           |  26 +++
 packages/icons/20/pending.tsx                |  22 +++
 packages/icons/20/pin-1.tsx                  |  26 +++
 packages/icons/20/pin.tsx                    |  26 +++
 packages/icons/20/placeholder.tsx            |  26 +++
 packages/icons/20/play.tsx                   |  24 +++
 packages/icons/20/privacy.tsx                |  26 +++
 packages/icons/20/profile.tsx                |  35 ++++
 packages/icons/20/pullup.tsx                 |  28 +++
 packages/icons/20/qr-code.tsx                |  54 ++++++
 packages/icons/20/quarter.tsx                |  24 +++
 packages/icons/20/reaction.tsx               |  28 +++
 packages/icons/20/receive-message.tsx        |  26 +++
 packages/icons/20/receive.tsx                |  32 ++++
 packages/icons/20/recent.tsx                 |  22 +++
 packages/icons/20/refresh.tsx                |  26 +++
 packages/icons/20/remove-user.tsx            |  26 +++
 packages/icons/20/reply.tsx                  |  26 +++
 packages/icons/20/reveal.tsx                 |  26 +++
 packages/icons/20/revere.tsx                 |  26 +++
 packages/icons/20/right-align.tsx            |  27 +++
 packages/icons/20/rotate.tsx                 |  26 +++
 packages/icons/20/sad.tsx                    |  28 +++
 packages/icons/20/save.tsx                   |  32 ++++
 packages/icons/20/scan.tsx                   |  25 +++
 packages/icons/20/search.tsx                 |  26 +++
 packages/icons/20/seed.tsx                   |  24 +++
 packages/icons/20/send-message.tsx           |  26 +++
 packages/icons/20/send.tsx                   |  32 ++++
 packages/icons/20/settings.tsx               |  24 +++
 packages/icons/20/share.tsx                  |  32 ++++
 packages/icons/20/signature.tsx              |  29 +++
 packages/icons/20/sort.tsx                   |  26 +++
 packages/icons/20/speed.tsx                  |  30 ++++
 packages/icons/20/status.tsx                 |  24 +++
 packages/icons/20/stickers.tsx               |  26 +++
 packages/icons/20/stop.tsx                   |  21 +++
 packages/icons/20/strikethrough.tsx          |  26 +++
 packages/icons/20/subscript.tsx              |  35 ++++
 packages/icons/20/superscript.tsx            |  33 ++++
 packages/icons/20/swap.tsx                   |  33 ++++
 packages/icons/20/syncing.tsx                |  26 +++
 packages/icons/20/toggle.tsx                 |  34 ++++
 packages/icons/20/token.tsx                  |  26 +++
 packages/icons/20/unblock.tsx                |  22 +++
 packages/icons/20/underline.tsx              |  34 ++++
 packages/icons/20/unlocked.tsx               |  26 +++
 packages/icons/20/unread.tsx                 |  27 +++
 packages/icons/20/untrustworthy.tsx          |  29 +++
 packages/icons/20/up-to-date.tsx             |  22 +++
 packages/icons/20/verified.tsx               |  29 +++
 packages/icons/20/video.tsx                  |  26 +++
 packages/icons/20/wallet.tsx                 |  26 +++
 packages/icons/20/warning.tsx                |  34 ++++
 packages/icons/20/world.tsx                  |  26 +++
 packages/icons/package.json                  |  35 +++-
 packages/icons/reactions/angry.tsx           |  65 +++++++
 packages/icons/reactions/index.ts            |   6 +
 packages/icons/reactions/laugh.tsx           |  53 ++++++
 packages/icons/reactions/love.tsx            |  41 +++++
 packages/icons/reactions/sad.tsx             | 106 +++++++++++
 packages/icons/reactions/thumbs-down.tsx     |  63 +++++++
 packages/icons/reactions/thumbs-up.tsx       |  63 +++++++
 packages/icons/src/12/add-reaction.svg       |  29 +++
 packages/icons/src/12/add.svg                |  14 ++
 packages/icons/src/12/alert.svg              |  11 ++
 packages/icons/src/12/arrow-down.svg         |  14 ++
 packages/icons/src/12/arrow-right.svg        |  14 ++
 packages/icons/src/12/arrow-up.svg           |  14 ++
 packages/icons/src/12/block.svg              |  21 +++
 packages/icons/src/12/camera.svg             |  21 +++
 packages/icons/src/12/cards.svg              |  25 +++
 packages/icons/src/12/check-large.svg        |   9 +
 packages/icons/src/12/check.svg              |  10 ++
 packages/icons/src/12/chevron-bottom.svg     |   9 +
 packages/icons/src/12/chevron-left.svg       |   9 +
 packages/icons/src/12/chevron-right.svg      |   9 +
 packages/icons/src/12/chevron-top.svg        |   9 +
 packages/icons/src/12/close.svg              |  10 ++
 packages/icons/src/12/color.svg              |  15 ++
 packages/icons/src/12/communities.svg        |  21 +++
 packages/icons/src/12/contact.svg            |  16 ++
 packages/icons/src/12/copy.svg               |  26 +++
 packages/icons/src/12/delivered.svg          |  14 ++
 packages/icons/src/12/dropdown.svg           |  17 ++
 packages/icons/src/12/edit.svg               |  20 +++
 packages/icons/src/12/gas.svg                |  37 ++++
 packages/icons/src/12/hold.svg               |  21 +++
 packages/icons/src/12/info-1.svg             |  14 ++
 packages/icons/src/12/info.svg               |  11 ++
 packages/icons/src/12/jump-to.svg            |  18 ++
 packages/icons/src/12/lightning.svg          |  14 ++
 packages/icons/src/12/list.svg               |  25 +++
 packages/icons/src/12/loading.svg            |  35 ++++
 packages/icons/src/12/locked.svg             |  18 ++
 packages/icons/src/12/mention.svg            |  26 +++
 packages/icons/src/12/more.svg               |  11 ++
 packages/icons/src/12/negative.svg           |  18 ++
 packages/icons/src/12/notification.svg       |   9 +
 packages/icons/src/12/pause.svg              |   9 +
 packages/icons/src/12/pending.svg            |  11 ++
 packages/icons/src/12/pick.svg               |  21 +++
 packages/icons/src/12/placeholder.svg        |  14 ++
 packages/icons/src/12/play.svg               |  12 ++
 packages/icons/src/12/positive.svg           |  18 ++
 packages/icons/src/12/progress.svg           |  25 +++
 packages/icons/src/12/pullup.svg             |  17 ++
 packages/icons/src/12/remove.svg             |  28 +++
 packages/icons/src/12/search.svg             |  14 ++
 packages/icons/src/12/send-message.svg       |  25 +++
 packages/icons/src/12/sent.svg               |   9 +
 packages/icons/src/12/timeout.svg            |  20 +++
 packages/icons/src/12/total-members.svg      |  22 +++
 packages/icons/src/12/trash.svg              |  32 ++++
 packages/icons/src/12/unlocked.svg           |  18 ++
 packages/icons/src/12/untrustworthy.svg      |  11 ++
 packages/icons/src/12/verified-1.svg         |  21 +++
 packages/icons/src/12/verified.svg           |  10 ++
 packages/icons/src/12/whistle.svg            |  19 ++
 packages/icons/src/16/add-user.svg           |  24 +++
 packages/icons/src/16/add.svg                |  10 ++
 packages/icons/src/16/alert.svg              |  18 ++
 packages/icons/src/16/arrow-down.svg         |  10 ++
 packages/icons/src/16/arrow-right.svg        |  10 ++
 packages/icons/src/16/calendar.svg           |  26 +++
 packages/icons/src/16/check-circle.svg       |  10 ++
 packages/icons/src/16/chevron-down.svg       |   9 +
 packages/icons/src/16/chevron-left.svg       |   9 +
 packages/icons/src/16/chevron-right.svg      |   9 +
 packages/icons/src/16/chevron-top.svg        |   9 +
 packages/icons/src/16/close.svg              |  18 ++
 packages/icons/src/16/connection.svg         |  49 +++++
 packages/icons/src/16/contact-book.svg       |  28 +++
 packages/icons/src/16/delete.svg             |  23 +++
 packages/icons/src/16/email.svg              |  14 ++
 packages/icons/src/16/forward.svg            |  14 ++
 packages/icons/src/16/gif.svg                |  19 ++
 packages/icons/src/16/group.svg              |  22 +++
 packages/icons/src/16/history.svg            |  15 ++
 packages/icons/src/16/info.svg               |  11 ++
 packages/icons/src/16/lightning.svg          |  14 ++
 packages/icons/src/16/locked.svg             |  14 ++
 packages/icons/src/16/mention.svg            |  14 ++
 packages/icons/src/16/more.svg               |  11 ++
 packages/icons/src/16/mute.svg               |  14 ++
 packages/icons/src/16/negative.svg           |  11 ++
 packages/icons/src/16/notification.svg       |   9 +
 packages/icons/src/16/pin.svg                |  32 ++++
 packages/icons/src/16/placeholder.svg        |  14 ++
 packages/icons/src/16/positive.svg           |  11 ++
 packages/icons/src/16/privacy.svg            |  14 ++
 packages/icons/src/16/progress.svg           |  21 +++
 packages/icons/src/16/remove-user.svg        |  23 +++
 packages/icons/src/16/sad.svg                |  16 ++
 packages/icons/src/16/stickers.svg           |  18 ++
 packages/icons/src/16/unlocked.svg           |  14 ++
 packages/icons/src/16/unmute.svg             |  14 ++
 packages/icons/src/16/world.svg              |  14 ++
 packages/icons/src/20/Menu.svg               |  29 +++
 packages/icons/src/20/Unread.svg             |  29 +++
 packages/icons/src/20/account number.svg     |  13 ++
 packages/icons/src/20/active-member.svg      |  14 ++
 packages/icons/src/20/activity-center.svg    |  20 +++
 packages/icons/src/20/add-reaction.svg       |  22 +++
 packages/icons/src/20/add-small.svg          |  22 +++
 packages/icons/src/20/add-token.svg          |  15 ++
 packages/icons/src/20/add-user.svg           |  14 ++
 packages/icons/src/20/add.svg                |  14 ++
 packages/icons/src/20/alert.svg              |  11 ++
 packages/icons/src/20/alphabetically.svg     |  21 +++
 packages/icons/src/20/android.svg            |  22 +++
 packages/icons/src/20/anonymous.svg          |  14 ++
 packages/icons/src/20/arrow-down.svg         |  14 ++
 packages/icons/src/20/arrow-left.svg         |  14 ++
 packages/icons/src/20/arrow-right.svg        |  14 ++
 packages/icons/src/20/arrow-up.svg           |  14 ++
 packages/icons/src/20/attach.svg             |  14 ++
 packages/icons/src/20/audio.svg              |  14 ++
 packages/icons/src/20/automatic.svg          |  15 ++
 packages/icons/src/20/block.svg              |  14 ++
 packages/icons/src/20/bold.svg               |  14 ++
 packages/icons/src/20/bridge.svg             |  57 ++++++
 packages/icons/src/20/browser.svg            |  14 ++
 packages/icons/src/20/bullet-list.svg        |  50 ++++++
 packages/icons/src/20/bullet.svg             |   9 +
 packages/icons/src/20/buy.svg                |  14 ++
 packages/icons/src/20/camera.svg             |  14 ++
 packages/icons/src/20/card-view.svg          |  14 ++
 packages/icons/src/20/centre-align.svg       |  36 ++++
 packages/icons/src/20/chatkey.svg            |  17 ++
 packages/icons/src/20/check.svg              |   9 +
 packages/icons/src/20/chevron-down.svg       |   9 +
 packages/icons/src/20/chevron-left.svg       |   9 +
 packages/icons/src/20/chevron-right.svg      |   9 +
 packages/icons/src/20/chevron-up.svg         |   9 +
 packages/icons/src/20/chevrons-left.svg      |  10 ++
 packages/icons/src/20/chevrons-right.svg     |  10 ++
 packages/icons/src/20/clear.svg              |  15 ++
 packages/icons/src/20/close.svg              |  14 ++
 packages/icons/src/20/code block.svg         |  14 ++
 packages/icons/src/20/code.svg               |  14 ++
 packages/icons/src/20/collapse.svg           |  14 ++
 packages/icons/src/20/colour-pick.svg        |  20 +++
 packages/icons/src/20/communities.svg        |  14 ++
 packages/icons/src/20/connection.svg         |  49 +++++
 packages/icons/src/20/contact-book.svg       |  14 ++
 packages/icons/src/20/contact.svg            |  32 ++++
 packages/icons/src/20/copy.svg               |  23 +++
 packages/icons/src/20/correct.svg            |  21 +++
 packages/icons/src/20/crown.svg              |  21 +++
 packages/icons/src/20/customize.svg          |  44 +++++
 packages/icons/src/20/dark.svg               |  12 ++
 packages/icons/src/20/data-usage.svg         |  14 ++
 packages/icons/src/20/delete.svg             |  14 ++
 packages/icons/src/20/desktop.svg            |  14 ++
 packages/icons/src/20/download.svg           |  15 ++
 packages/icons/src/20/dropdown.svg           |  10 ++
 packages/icons/src/20/duration.svg           |  27 +++
 packages/icons/src/20/edit.svg               |  14 ++
 packages/icons/src/20/email.svg              |  14 ++
 packages/icons/src/20/expand.svg             |  14 ++
 packages/icons/src/20/external.svg           |  14 ++
 packages/icons/src/20/face-id.svg            |  25 +++
 packages/icons/src/20/favourite.svg          |  14 ++
 packages/icons/src/20/file.svg               |  31 ++++
 packages/icons/src/20/flag.svg               |  14 ++
 packages/icons/src/20/flash-off.svg          |  15 ++
 packages/icons/src/20/flash.svg              |  14 ++
 packages/icons/src/20/flashlight-off.svg     |  14 ++
 packages/icons/src/20/flashlight-on.svg      |  20 +++
 packages/icons/src/20/flip.svg               |  14 ++
 packages/icons/src/20/folder.svg             |  14 ++
 packages/icons/src/20/format.svg             |  23 +++
 packages/icons/src/20/forward.svg            |  14 ++
 packages/icons/src/20/friend.svg             |  22 +++
 packages/icons/src/20/gas.svg                |  31 ++++
 packages/icons/src/20/gif.svg                |  23 +++
 packages/icons/src/20/globe.svg              |  14 ++
 packages/icons/src/20/hashtag-1.svg          |  14 ++
 packages/icons/src/20/hashtag.svg            |  23 +++
 packages/icons/src/20/heart.svg              |  15 ++
 packages/icons/src/20/help.svg               |  14 ++
 packages/icons/src/20/hide.svg               |  19 ++
 packages/icons/src/20/history.svg            |  14 ++
 packages/icons/src/20/hold.svg               |  14 ++
 packages/icons/src/20/image.svg              |  14 ++
 packages/icons/src/20/inactive.svg           |   9 +
 packages/icons/src/20/info-badge.svg         |  11 ++
 packages/icons/src/20/info.svg               |  11 ++
 packages/icons/src/20/italic.svg             |  14 ++
 packages/icons/src/20/justify.svg            |  36 ++++
 packages/icons/src/20/key.svg                |  19 ++
 packages/icons/src/20/keyboard.svg           |  20 +++
 packages/icons/src/20/keycard-logo.svg       |  14 ++
 packages/icons/src/20/keycard.svg            |  44 +++++
 packages/icons/src/20/laptop.svg             |  14 ++
 packages/icons/src/20/left-align.svg         |  36 ++++
 packages/icons/src/20/light.svg              |  33 ++++
 packages/icons/src/20/link.svg               |  14 ++
 packages/icons/src/20/list-view.svg          |  26 +++
 packages/icons/src/20/loading.svg            |  30 ++++
 packages/icons/src/20/locked.svg             |  14 ++
 packages/icons/src/20/log-out.svg            |  20 +++
 packages/icons/src/20/members.svg            |  26 +++
 packages/icons/src/20/mention.svg            |  14 ++
 packages/icons/src/20/messages.svg           |  26 +++
 packages/icons/src/20/mobile.svg             |  18 ++
 packages/icons/src/20/multi-profile.svg      |  26 +++
 packages/icons/src/20/muted.svg              |  14 ++
 packages/icons/src/20/mutual-contact.svg     |  16 ++
 packages/icons/src/20/new-message.svg        |  14 ++
 packages/icons/src/20/nft.svg                |  27 +++
 packages/icons/src/20/node.svg               |  14 ++
 packages/icons/src/20/notification.svg       |   9 +
 packages/icons/src/20/notifications.svg      |  14 ++
 packages/icons/src/20/numbered-list.svg      |  47 +++++
 packages/icons/src/20/online-left.svg        |   9 +
 packages/icons/src/20/online.svg             |   9 +
 packages/icons/src/20/options.svg            |  11 ++
 packages/icons/src/20/password.svg           |  23 +++
 packages/icons/src/20/pause.svg              |  10 ++
 packages/icons/src/20/pending-user.svg       |  14 ++
 packages/icons/src/20/pending.svg            |  10 ++
 packages/icons/src/20/pin-1.svg              |  32 ++++
 packages/icons/src/20/pin.svg                |  14 ++
 packages/icons/src/20/placeholder.svg        |  14 ++
 packages/icons/src/20/play.svg               |  12 ++
 packages/icons/src/20/privacy.svg            |  20 +++
 packages/icons/src/20/profile.svg            |  23 +++
 packages/icons/src/20/pullup.svg             |  10 ++
 packages/icons/src/20/qr-code.svg            |  42 +++++
 packages/icons/src/20/quarter.svg            |  24 +++
 packages/icons/src/20/reaction.svg           |  16 ++
 packages/icons/src/20/receive-message.svg    |  14 ++
 packages/icons/src/20/receive.svg            |  20 +++
 packages/icons/src/20/recent.svg             |  10 ++
 packages/icons/src/20/refresh.svg            |  14 ++
 packages/icons/src/20/remove-user.svg        |  14 ++
 packages/icons/src/20/reply.svg              |  14 ++
 packages/icons/src/20/reveal.svg             |  14 ++
 packages/icons/src/20/revere.svg             |  14 ++
 packages/icons/src/20/right-align.svg        |  36 ++++
 packages/icons/src/20/rotate.svg             |  14 ++
 packages/icons/src/20/sad.svg                |  16 ++
 packages/icons/src/20/save.svg               |  15 ++
 packages/icons/src/20/scan.svg               |  14 ++
 packages/icons/src/20/search.svg             |  14 ++
 packages/icons/src/20/seed.svg               |  40 +++++
 packages/icons/src/20/send-message.svg       |  14 ++
 packages/icons/src/20/send.svg               |  20 +++
 packages/icons/src/20/settings.svg           |  12 ++
 packages/icons/src/20/share.svg              |  20 +++
 packages/icons/src/20/signature.svg          |  17 ++
 packages/icons/src/20/sort.svg               |  20 +++
 packages/icons/src/20/speed.svg              |  23 +++
 packages/icons/src/20/status.svg             |  16 ++
 packages/icons/src/20/stickers.svg           |  14 ++
 packages/icons/src/20/stop.svg               |   9 +
 packages/icons/src/20/strikethrough.svg      |  14 ++
 packages/icons/src/20/subscript.svg          |  30 ++++
 packages/icons/src/20/superscript.svg        |  28 +++
 packages/icons/src/20/swap.svg               |  21 +++
 packages/icons/src/20/syncing.svg            |  14 ++
 packages/icons/src/20/toggle.svg             |  22 +++
 packages/icons/src/20/token.svg              |  14 ++
 packages/icons/src/20/unblock.svg            |  10 ++
 packages/icons/src/20/underline.svg          |  22 +++
 packages/icons/src/20/unlocked.svg           |  14 ++
 packages/icons/src/20/untrustworthy.svg      |  18 ++
 packages/icons/src/20/up-to-date.svg         |  14 ++
 packages/icons/src/20/verified.svg           |  21 +++
 packages/icons/src/20/video.svg              |  14 ++
 packages/icons/src/20/wallet.svg             |  14 ++
 packages/icons/src/20/warning.svg            |  23 +++
 packages/icons/src/20/world.svg              |  24 +++
 packages/icons/src/index.tsx                 |  11 --
 packages/icons/src/lock-icon.tsx             |  25 ---
 packages/icons/src/members-icon.tsx          |  30 ----
 packages/icons/src/options-icon.tsx          |  21 ---
 packages/icons/src/reactions/angry.svg       |  49 +++++
 packages/icons/src/reactions/laugh.svg       |  47 +++++
 packages/icons/src/reactions/love.svg        |  29 +++
 packages/icons/src/reactions/sad.svg         |  86 +++++++++
 packages/icons/src/reactions/thumbs-down.svg |  44 +++++
 packages/icons/src/reactions/thumbs-up.svg   |  44 +++++
 packages/icons/svgr.config.js                |  53 ++++++
 packages/icons/tsconfig.json                 |   2 +-
 packages/icons/{src => }/types.ts            |   0
 packages/icons/vite.config.ts                |  14 +-
 569 files changed, 13423 insertions(+), 96 deletions(-)
 create mode 100644 packages/icons/12/add-reaction.tsx
 create mode 100644 packages/icons/12/add.tsx
 create mode 100644 packages/icons/12/alert.tsx
 create mode 100644 packages/icons/12/arrow-down.tsx
 create mode 100644 packages/icons/12/arrow-right.tsx
 create mode 100644 packages/icons/12/arrow-up.tsx
 create mode 100644 packages/icons/12/block.tsx
 create mode 100644 packages/icons/12/camera.tsx
 create mode 100644 packages/icons/12/cards.tsx
 create mode 100644 packages/icons/12/check-large.tsx
 create mode 100644 packages/icons/12/check.tsx
 create mode 100644 packages/icons/12/chevron-bottom.tsx
 create mode 100644 packages/icons/12/chevron-left.tsx
 create mode 100644 packages/icons/12/chevron-right.tsx
 create mode 100644 packages/icons/12/chevron-top.tsx
 create mode 100644 packages/icons/12/close.tsx
 create mode 100644 packages/icons/12/color.tsx
 create mode 100644 packages/icons/12/communities.tsx
 create mode 100644 packages/icons/12/contact.tsx
 create mode 100644 packages/icons/12/copy.tsx
 create mode 100644 packages/icons/12/delivered.tsx
 create mode 100644 packages/icons/12/dropdown.tsx
 create mode 100644 packages/icons/12/edit.tsx
 create mode 100644 packages/icons/12/gas.tsx
 create mode 100644 packages/icons/12/hold.tsx
 create mode 100644 packages/icons/12/index.ts
 create mode 100644 packages/icons/12/info-1.tsx
 create mode 100644 packages/icons/12/info.tsx
 create mode 100644 packages/icons/12/jump-to.tsx
 create mode 100644 packages/icons/12/lightning.tsx
 create mode 100644 packages/icons/12/list.tsx
 create mode 100644 packages/icons/12/loading.tsx
 create mode 100644 packages/icons/12/locked.tsx
 create mode 100644 packages/icons/12/mention.tsx
 create mode 100644 packages/icons/12/more.tsx
 create mode 100644 packages/icons/12/negative.tsx
 create mode 100644 packages/icons/12/notification.tsx
 create mode 100644 packages/icons/12/pause.tsx
 create mode 100644 packages/icons/12/pending.tsx
 create mode 100644 packages/icons/12/pick.tsx
 create mode 100644 packages/icons/12/placeholder.tsx
 create mode 100644 packages/icons/12/play.tsx
 create mode 100644 packages/icons/12/positive.tsx
 create mode 100644 packages/icons/12/progress.tsx
 create mode 100644 packages/icons/12/pullup.tsx
 create mode 100644 packages/icons/12/remove.tsx
 create mode 100644 packages/icons/12/search.tsx
 create mode 100644 packages/icons/12/send-message.tsx
 create mode 100644 packages/icons/12/sent.tsx
 create mode 100644 packages/icons/12/timeout.tsx
 create mode 100644 packages/icons/12/total-members.tsx
 create mode 100644 packages/icons/12/trash.tsx
 create mode 100644 packages/icons/12/unlocked.tsx
 create mode 100644 packages/icons/12/untrustworthy.tsx
 create mode 100644 packages/icons/12/verified-1.tsx
 create mode 100644 packages/icons/12/verified.tsx
 create mode 100644 packages/icons/12/whistle.tsx
 create mode 100644 packages/icons/16/add-user.tsx
 create mode 100644 packages/icons/16/add.tsx
 create mode 100644 packages/icons/16/alert.tsx
 create mode 100644 packages/icons/16/arrow-down.tsx
 create mode 100644 packages/icons/16/arrow-right.tsx
 create mode 100644 packages/icons/16/calendar.tsx
 create mode 100644 packages/icons/16/check-circle.tsx
 create mode 100644 packages/icons/16/chevron-down.tsx
 create mode 100644 packages/icons/16/chevron-left.tsx
 create mode 100644 packages/icons/16/chevron-right.tsx
 create mode 100644 packages/icons/16/chevron-top.tsx
 create mode 100644 packages/icons/16/close.tsx
 create mode 100644 packages/icons/16/connection.tsx
 create mode 100644 packages/icons/16/contact-book.tsx
 create mode 100644 packages/icons/16/delete.tsx
 create mode 100644 packages/icons/16/email.tsx
 create mode 100644 packages/icons/16/forward.tsx
 create mode 100644 packages/icons/16/gif.tsx
 create mode 100644 packages/icons/16/group.tsx
 create mode 100644 packages/icons/16/history.tsx
 create mode 100644 packages/icons/16/index.ts
 create mode 100644 packages/icons/16/info.tsx
 create mode 100644 packages/icons/16/lightning.tsx
 create mode 100644 packages/icons/16/locked.tsx
 create mode 100644 packages/icons/16/mention.tsx
 create mode 100644 packages/icons/16/more.tsx
 create mode 100644 packages/icons/16/mute.tsx
 create mode 100644 packages/icons/16/negative.tsx
 create mode 100644 packages/icons/16/notification.tsx
 create mode 100644 packages/icons/16/pin.tsx
 create mode 100644 packages/icons/16/placeholder.tsx
 create mode 100644 packages/icons/16/positive.tsx
 create mode 100644 packages/icons/16/privacy.tsx
 create mode 100644 packages/icons/16/progress.tsx
 create mode 100644 packages/icons/16/remove-user.tsx
 create mode 100644 packages/icons/16/sad.tsx
 create mode 100644 packages/icons/16/stickers.tsx
 create mode 100644 packages/icons/16/unlocked.tsx
 create mode 100644 packages/icons/16/unmute.tsx
 create mode 100644 packages/icons/16/world.tsx
 create mode 100644 packages/icons/20/account-number.tsx
 create mode 100644 packages/icons/20/active-member.tsx
 create mode 100644 packages/icons/20/activity-center.tsx
 create mode 100644 packages/icons/20/add-reaction.tsx
 create mode 100644 packages/icons/20/add-small.tsx
 create mode 100644 packages/icons/20/add-token.tsx
 create mode 100644 packages/icons/20/add-user.tsx
 create mode 100644 packages/icons/20/add.tsx
 create mode 100644 packages/icons/20/alert.tsx
 create mode 100644 packages/icons/20/alphabetically.tsx
 create mode 100644 packages/icons/20/android.tsx
 create mode 100644 packages/icons/20/anonymous.tsx
 create mode 100644 packages/icons/20/arrow-down.tsx
 create mode 100644 packages/icons/20/arrow-left.tsx
 create mode 100644 packages/icons/20/arrow-right.tsx
 create mode 100644 packages/icons/20/arrow-up.tsx
 create mode 100644 packages/icons/20/attach.tsx
 create mode 100644 packages/icons/20/audio.tsx
 create mode 100644 packages/icons/20/automatic.tsx
 create mode 100644 packages/icons/20/block.tsx
 create mode 100644 packages/icons/20/bold.tsx
 create mode 100644 packages/icons/20/bridge.tsx
 create mode 100644 packages/icons/20/browser.tsx
 create mode 100644 packages/icons/20/bullet-list.tsx
 create mode 100644 packages/icons/20/bullet.tsx
 create mode 100644 packages/icons/20/buy.tsx
 create mode 100644 packages/icons/20/camera.tsx
 create mode 100644 packages/icons/20/card-view.tsx
 create mode 100644 packages/icons/20/centre-align.tsx
 create mode 100644 packages/icons/20/chatkey.tsx
 create mode 100644 packages/icons/20/check.tsx
 create mode 100644 packages/icons/20/chevron-down.tsx
 create mode 100644 packages/icons/20/chevron-left.tsx
 create mode 100644 packages/icons/20/chevron-right.tsx
 create mode 100644 packages/icons/20/chevron-up.tsx
 create mode 100644 packages/icons/20/chevrons-left.tsx
 create mode 100644 packages/icons/20/chevrons-right.tsx
 create mode 100644 packages/icons/20/clear.tsx
 create mode 100644 packages/icons/20/close.tsx
 create mode 100644 packages/icons/20/code-block.tsx
 create mode 100644 packages/icons/20/code.tsx
 create mode 100644 packages/icons/20/collapse.tsx
 create mode 100644 packages/icons/20/colour-pick.tsx
 create mode 100644 packages/icons/20/communities.tsx
 create mode 100644 packages/icons/20/connection.tsx
 create mode 100644 packages/icons/20/contact-book.tsx
 create mode 100644 packages/icons/20/contact.tsx
 create mode 100644 packages/icons/20/copy.tsx
 create mode 100644 packages/icons/20/correct.tsx
 create mode 100644 packages/icons/20/crown.tsx
 create mode 100644 packages/icons/20/customize.tsx
 create mode 100644 packages/icons/20/dark.tsx
 create mode 100644 packages/icons/20/data-usage.tsx
 create mode 100644 packages/icons/20/delete.tsx
 create mode 100644 packages/icons/20/desktop.tsx
 create mode 100644 packages/icons/20/download.tsx
 create mode 100644 packages/icons/20/dropdown.tsx
 create mode 100644 packages/icons/20/duration.tsx
 create mode 100644 packages/icons/20/edit.tsx
 create mode 100644 packages/icons/20/email.tsx
 create mode 100644 packages/icons/20/expand.tsx
 create mode 100644 packages/icons/20/external.tsx
 create mode 100644 packages/icons/20/face-id.tsx
 create mode 100644 packages/icons/20/favourite.tsx
 create mode 100644 packages/icons/20/file.tsx
 create mode 100644 packages/icons/20/flag.tsx
 create mode 100644 packages/icons/20/flash-off.tsx
 create mode 100644 packages/icons/20/flash.tsx
 create mode 100644 packages/icons/20/flashlight-off.tsx
 create mode 100644 packages/icons/20/flashlight-on.tsx
 create mode 100644 packages/icons/20/flip.tsx
 create mode 100644 packages/icons/20/folder.tsx
 create mode 100644 packages/icons/20/format.tsx
 create mode 100644 packages/icons/20/forward.tsx
 create mode 100644 packages/icons/20/friend.tsx
 create mode 100644 packages/icons/20/gas.tsx
 create mode 100644 packages/icons/20/gif.tsx
 create mode 100644 packages/icons/20/globe.tsx
 create mode 100644 packages/icons/20/hashtag-1.tsx
 create mode 100644 packages/icons/20/hashtag.tsx
 create mode 100644 packages/icons/20/heart.tsx
 create mode 100644 packages/icons/20/help.tsx
 create mode 100644 packages/icons/20/hide.tsx
 create mode 100644 packages/icons/20/history.tsx
 create mode 100644 packages/icons/20/hold.tsx
 create mode 100644 packages/icons/20/image.tsx
 create mode 100644 packages/icons/20/inactive.tsx
 create mode 100644 packages/icons/20/index.ts
 create mode 100644 packages/icons/20/info-badge.tsx
 create mode 100644 packages/icons/20/info.tsx
 create mode 100644 packages/icons/20/italic.tsx
 create mode 100644 packages/icons/20/justify.tsx
 create mode 100644 packages/icons/20/key.tsx
 create mode 100644 packages/icons/20/keyboard.tsx
 create mode 100644 packages/icons/20/keycard-logo.tsx
 create mode 100644 packages/icons/20/keycard.tsx
 create mode 100644 packages/icons/20/laptop.tsx
 create mode 100644 packages/icons/20/left-align.tsx
 create mode 100644 packages/icons/20/light.tsx
 create mode 100644 packages/icons/20/link.tsx
 create mode 100644 packages/icons/20/list-view.tsx
 create mode 100644 packages/icons/20/loading.tsx
 create mode 100644 packages/icons/20/locked.tsx
 create mode 100644 packages/icons/20/log-out.tsx
 create mode 100644 packages/icons/20/members.tsx
 create mode 100644 packages/icons/20/mention.tsx
 create mode 100644 packages/icons/20/menu.tsx
 create mode 100644 packages/icons/20/messages.tsx
 create mode 100644 packages/icons/20/mobile.tsx
 create mode 100644 packages/icons/20/multi-profile.tsx
 create mode 100644 packages/icons/20/muted.tsx
 create mode 100644 packages/icons/20/mutual-contact.tsx
 create mode 100644 packages/icons/20/new-message.tsx
 create mode 100644 packages/icons/20/nft.tsx
 create mode 100644 packages/icons/20/node.tsx
 create mode 100644 packages/icons/20/notification.tsx
 create mode 100644 packages/icons/20/notifications.tsx
 create mode 100644 packages/icons/20/numbered-list.tsx
 create mode 100644 packages/icons/20/online-left.tsx
 create mode 100644 packages/icons/20/online.tsx
 create mode 100644 packages/icons/20/options.tsx
 create mode 100644 packages/icons/20/password.tsx
 create mode 100644 packages/icons/20/pause.tsx
 create mode 100644 packages/icons/20/pending-user.tsx
 create mode 100644 packages/icons/20/pending.tsx
 create mode 100644 packages/icons/20/pin-1.tsx
 create mode 100644 packages/icons/20/pin.tsx
 create mode 100644 packages/icons/20/placeholder.tsx
 create mode 100644 packages/icons/20/play.tsx
 create mode 100644 packages/icons/20/privacy.tsx
 create mode 100644 packages/icons/20/profile.tsx
 create mode 100644 packages/icons/20/pullup.tsx
 create mode 100644 packages/icons/20/qr-code.tsx
 create mode 100644 packages/icons/20/quarter.tsx
 create mode 100644 packages/icons/20/reaction.tsx
 create mode 100644 packages/icons/20/receive-message.tsx
 create mode 100644 packages/icons/20/receive.tsx
 create mode 100644 packages/icons/20/recent.tsx
 create mode 100644 packages/icons/20/refresh.tsx
 create mode 100644 packages/icons/20/remove-user.tsx
 create mode 100644 packages/icons/20/reply.tsx
 create mode 100644 packages/icons/20/reveal.tsx
 create mode 100644 packages/icons/20/revere.tsx
 create mode 100644 packages/icons/20/right-align.tsx
 create mode 100644 packages/icons/20/rotate.tsx
 create mode 100644 packages/icons/20/sad.tsx
 create mode 100644 packages/icons/20/save.tsx
 create mode 100644 packages/icons/20/scan.tsx
 create mode 100644 packages/icons/20/search.tsx
 create mode 100644 packages/icons/20/seed.tsx
 create mode 100644 packages/icons/20/send-message.tsx
 create mode 100644 packages/icons/20/send.tsx
 create mode 100644 packages/icons/20/settings.tsx
 create mode 100644 packages/icons/20/share.tsx
 create mode 100644 packages/icons/20/signature.tsx
 create mode 100644 packages/icons/20/sort.tsx
 create mode 100644 packages/icons/20/speed.tsx
 create mode 100644 packages/icons/20/status.tsx
 create mode 100644 packages/icons/20/stickers.tsx
 create mode 100644 packages/icons/20/stop.tsx
 create mode 100644 packages/icons/20/strikethrough.tsx
 create mode 100644 packages/icons/20/subscript.tsx
 create mode 100644 packages/icons/20/superscript.tsx
 create mode 100644 packages/icons/20/swap.tsx
 create mode 100644 packages/icons/20/syncing.tsx
 create mode 100644 packages/icons/20/toggle.tsx
 create mode 100644 packages/icons/20/token.tsx
 create mode 100644 packages/icons/20/unblock.tsx
 create mode 100644 packages/icons/20/underline.tsx
 create mode 100644 packages/icons/20/unlocked.tsx
 create mode 100644 packages/icons/20/unread.tsx
 create mode 100644 packages/icons/20/untrustworthy.tsx
 create mode 100644 packages/icons/20/up-to-date.tsx
 create mode 100644 packages/icons/20/verified.tsx
 create mode 100644 packages/icons/20/video.tsx
 create mode 100644 packages/icons/20/wallet.tsx
 create mode 100644 packages/icons/20/warning.tsx
 create mode 100644 packages/icons/20/world.tsx
 create mode 100644 packages/icons/reactions/angry.tsx
 create mode 100644 packages/icons/reactions/index.ts
 create mode 100644 packages/icons/reactions/laugh.tsx
 create mode 100644 packages/icons/reactions/love.tsx
 create mode 100644 packages/icons/reactions/sad.tsx
 create mode 100644 packages/icons/reactions/thumbs-down.tsx
 create mode 100644 packages/icons/reactions/thumbs-up.tsx
 create mode 100644 packages/icons/src/12/add-reaction.svg
 create mode 100644 packages/icons/src/12/add.svg
 create mode 100644 packages/icons/src/12/alert.svg
 create mode 100644 packages/icons/src/12/arrow-down.svg
 create mode 100644 packages/icons/src/12/arrow-right.svg
 create mode 100644 packages/icons/src/12/arrow-up.svg
 create mode 100644 packages/icons/src/12/block.svg
 create mode 100644 packages/icons/src/12/camera.svg
 create mode 100644 packages/icons/src/12/cards.svg
 create mode 100644 packages/icons/src/12/check-large.svg
 create mode 100644 packages/icons/src/12/check.svg
 create mode 100644 packages/icons/src/12/chevron-bottom.svg
 create mode 100644 packages/icons/src/12/chevron-left.svg
 create mode 100644 packages/icons/src/12/chevron-right.svg
 create mode 100644 packages/icons/src/12/chevron-top.svg
 create mode 100644 packages/icons/src/12/close.svg
 create mode 100644 packages/icons/src/12/color.svg
 create mode 100644 packages/icons/src/12/communities.svg
 create mode 100644 packages/icons/src/12/contact.svg
 create mode 100644 packages/icons/src/12/copy.svg
 create mode 100644 packages/icons/src/12/delivered.svg
 create mode 100644 packages/icons/src/12/dropdown.svg
 create mode 100644 packages/icons/src/12/edit.svg
 create mode 100644 packages/icons/src/12/gas.svg
 create mode 100644 packages/icons/src/12/hold.svg
 create mode 100644 packages/icons/src/12/info-1.svg
 create mode 100644 packages/icons/src/12/info.svg
 create mode 100644 packages/icons/src/12/jump-to.svg
 create mode 100644 packages/icons/src/12/lightning.svg
 create mode 100644 packages/icons/src/12/list.svg
 create mode 100644 packages/icons/src/12/loading.svg
 create mode 100644 packages/icons/src/12/locked.svg
 create mode 100644 packages/icons/src/12/mention.svg
 create mode 100644 packages/icons/src/12/more.svg
 create mode 100644 packages/icons/src/12/negative.svg
 create mode 100644 packages/icons/src/12/notification.svg
 create mode 100644 packages/icons/src/12/pause.svg
 create mode 100644 packages/icons/src/12/pending.svg
 create mode 100644 packages/icons/src/12/pick.svg
 create mode 100644 packages/icons/src/12/placeholder.svg
 create mode 100644 packages/icons/src/12/play.svg
 create mode 100644 packages/icons/src/12/positive.svg
 create mode 100644 packages/icons/src/12/progress.svg
 create mode 100644 packages/icons/src/12/pullup.svg
 create mode 100644 packages/icons/src/12/remove.svg
 create mode 100644 packages/icons/src/12/search.svg
 create mode 100644 packages/icons/src/12/send-message.svg
 create mode 100644 packages/icons/src/12/sent.svg
 create mode 100644 packages/icons/src/12/timeout.svg
 create mode 100644 packages/icons/src/12/total-members.svg
 create mode 100644 packages/icons/src/12/trash.svg
 create mode 100644 packages/icons/src/12/unlocked.svg
 create mode 100644 packages/icons/src/12/untrustworthy.svg
 create mode 100644 packages/icons/src/12/verified-1.svg
 create mode 100644 packages/icons/src/12/verified.svg
 create mode 100644 packages/icons/src/12/whistle.svg
 create mode 100644 packages/icons/src/16/add-user.svg
 create mode 100644 packages/icons/src/16/add.svg
 create mode 100644 packages/icons/src/16/alert.svg
 create mode 100644 packages/icons/src/16/arrow-down.svg
 create mode 100644 packages/icons/src/16/arrow-right.svg
 create mode 100644 packages/icons/src/16/calendar.svg
 create mode 100644 packages/icons/src/16/check-circle.svg
 create mode 100644 packages/icons/src/16/chevron-down.svg
 create mode 100644 packages/icons/src/16/chevron-left.svg
 create mode 100644 packages/icons/src/16/chevron-right.svg
 create mode 100644 packages/icons/src/16/chevron-top.svg
 create mode 100644 packages/icons/src/16/close.svg
 create mode 100644 packages/icons/src/16/connection.svg
 create mode 100644 packages/icons/src/16/contact-book.svg
 create mode 100644 packages/icons/src/16/delete.svg
 create mode 100644 packages/icons/src/16/email.svg
 create mode 100644 packages/icons/src/16/forward.svg
 create mode 100644 packages/icons/src/16/gif.svg
 create mode 100644 packages/icons/src/16/group.svg
 create mode 100644 packages/icons/src/16/history.svg
 create mode 100644 packages/icons/src/16/info.svg
 create mode 100644 packages/icons/src/16/lightning.svg
 create mode 100644 packages/icons/src/16/locked.svg
 create mode 100644 packages/icons/src/16/mention.svg
 create mode 100644 packages/icons/src/16/more.svg
 create mode 100644 packages/icons/src/16/mute.svg
 create mode 100644 packages/icons/src/16/negative.svg
 create mode 100644 packages/icons/src/16/notification.svg
 create mode 100644 packages/icons/src/16/pin.svg
 create mode 100644 packages/icons/src/16/placeholder.svg
 create mode 100644 packages/icons/src/16/positive.svg
 create mode 100644 packages/icons/src/16/privacy.svg
 create mode 100644 packages/icons/src/16/progress.svg
 create mode 100644 packages/icons/src/16/remove-user.svg
 create mode 100644 packages/icons/src/16/sad.svg
 create mode 100644 packages/icons/src/16/stickers.svg
 create mode 100644 packages/icons/src/16/unlocked.svg
 create mode 100644 packages/icons/src/16/unmute.svg
 create mode 100644 packages/icons/src/16/world.svg
 create mode 100644 packages/icons/src/20/Menu.svg
 create mode 100644 packages/icons/src/20/Unread.svg
 create mode 100644 packages/icons/src/20/account number.svg
 create mode 100644 packages/icons/src/20/active-member.svg
 create mode 100644 packages/icons/src/20/activity-center.svg
 create mode 100644 packages/icons/src/20/add-reaction.svg
 create mode 100644 packages/icons/src/20/add-small.svg
 create mode 100644 packages/icons/src/20/add-token.svg
 create mode 100644 packages/icons/src/20/add-user.svg
 create mode 100644 packages/icons/src/20/add.svg
 create mode 100644 packages/icons/src/20/alert.svg
 create mode 100644 packages/icons/src/20/alphabetically.svg
 create mode 100644 packages/icons/src/20/android.svg
 create mode 100644 packages/icons/src/20/anonymous.svg
 create mode 100644 packages/icons/src/20/arrow-down.svg
 create mode 100644 packages/icons/src/20/arrow-left.svg
 create mode 100644 packages/icons/src/20/arrow-right.svg
 create mode 100644 packages/icons/src/20/arrow-up.svg
 create mode 100644 packages/icons/src/20/attach.svg
 create mode 100644 packages/icons/src/20/audio.svg
 create mode 100644 packages/icons/src/20/automatic.svg
 create mode 100644 packages/icons/src/20/block.svg
 create mode 100644 packages/icons/src/20/bold.svg
 create mode 100644 packages/icons/src/20/bridge.svg
 create mode 100644 packages/icons/src/20/browser.svg
 create mode 100644 packages/icons/src/20/bullet-list.svg
 create mode 100644 packages/icons/src/20/bullet.svg
 create mode 100644 packages/icons/src/20/buy.svg
 create mode 100644 packages/icons/src/20/camera.svg
 create mode 100644 packages/icons/src/20/card-view.svg
 create mode 100644 packages/icons/src/20/centre-align.svg
 create mode 100644 packages/icons/src/20/chatkey.svg
 create mode 100644 packages/icons/src/20/check.svg
 create mode 100644 packages/icons/src/20/chevron-down.svg
 create mode 100644 packages/icons/src/20/chevron-left.svg
 create mode 100644 packages/icons/src/20/chevron-right.svg
 create mode 100644 packages/icons/src/20/chevron-up.svg
 create mode 100644 packages/icons/src/20/chevrons-left.svg
 create mode 100644 packages/icons/src/20/chevrons-right.svg
 create mode 100644 packages/icons/src/20/clear.svg
 create mode 100644 packages/icons/src/20/close.svg
 create mode 100644 packages/icons/src/20/code block.svg
 create mode 100644 packages/icons/src/20/code.svg
 create mode 100644 packages/icons/src/20/collapse.svg
 create mode 100644 packages/icons/src/20/colour-pick.svg
 create mode 100644 packages/icons/src/20/communities.svg
 create mode 100644 packages/icons/src/20/connection.svg
 create mode 100644 packages/icons/src/20/contact-book.svg
 create mode 100644 packages/icons/src/20/contact.svg
 create mode 100644 packages/icons/src/20/copy.svg
 create mode 100644 packages/icons/src/20/correct.svg
 create mode 100644 packages/icons/src/20/crown.svg
 create mode 100644 packages/icons/src/20/customize.svg
 create mode 100644 packages/icons/src/20/dark.svg
 create mode 100644 packages/icons/src/20/data-usage.svg
 create mode 100644 packages/icons/src/20/delete.svg
 create mode 100644 packages/icons/src/20/desktop.svg
 create mode 100644 packages/icons/src/20/download.svg
 create mode 100644 packages/icons/src/20/dropdown.svg
 create mode 100644 packages/icons/src/20/duration.svg
 create mode 100644 packages/icons/src/20/edit.svg
 create mode 100644 packages/icons/src/20/email.svg
 create mode 100644 packages/icons/src/20/expand.svg
 create mode 100644 packages/icons/src/20/external.svg
 create mode 100644 packages/icons/src/20/face-id.svg
 create mode 100644 packages/icons/src/20/favourite.svg
 create mode 100644 packages/icons/src/20/file.svg
 create mode 100644 packages/icons/src/20/flag.svg
 create mode 100644 packages/icons/src/20/flash-off.svg
 create mode 100644 packages/icons/src/20/flash.svg
 create mode 100644 packages/icons/src/20/flashlight-off.svg
 create mode 100644 packages/icons/src/20/flashlight-on.svg
 create mode 100644 packages/icons/src/20/flip.svg
 create mode 100644 packages/icons/src/20/folder.svg
 create mode 100644 packages/icons/src/20/format.svg
 create mode 100644 packages/icons/src/20/forward.svg
 create mode 100644 packages/icons/src/20/friend.svg
 create mode 100644 packages/icons/src/20/gas.svg
 create mode 100644 packages/icons/src/20/gif.svg
 create mode 100644 packages/icons/src/20/globe.svg
 create mode 100644 packages/icons/src/20/hashtag-1.svg
 create mode 100644 packages/icons/src/20/hashtag.svg
 create mode 100644 packages/icons/src/20/heart.svg
 create mode 100644 packages/icons/src/20/help.svg
 create mode 100644 packages/icons/src/20/hide.svg
 create mode 100644 packages/icons/src/20/history.svg
 create mode 100644 packages/icons/src/20/hold.svg
 create mode 100644 packages/icons/src/20/image.svg
 create mode 100644 packages/icons/src/20/inactive.svg
 create mode 100644 packages/icons/src/20/info-badge.svg
 create mode 100644 packages/icons/src/20/info.svg
 create mode 100644 packages/icons/src/20/italic.svg
 create mode 100644 packages/icons/src/20/justify.svg
 create mode 100644 packages/icons/src/20/key.svg
 create mode 100644 packages/icons/src/20/keyboard.svg
 create mode 100644 packages/icons/src/20/keycard-logo.svg
 create mode 100644 packages/icons/src/20/keycard.svg
 create mode 100644 packages/icons/src/20/laptop.svg
 create mode 100644 packages/icons/src/20/left-align.svg
 create mode 100644 packages/icons/src/20/light.svg
 create mode 100644 packages/icons/src/20/link.svg
 create mode 100644 packages/icons/src/20/list-view.svg
 create mode 100644 packages/icons/src/20/loading.svg
 create mode 100644 packages/icons/src/20/locked.svg
 create mode 100644 packages/icons/src/20/log-out.svg
 create mode 100644 packages/icons/src/20/members.svg
 create mode 100644 packages/icons/src/20/mention.svg
 create mode 100644 packages/icons/src/20/messages.svg
 create mode 100644 packages/icons/src/20/mobile.svg
 create mode 100644 packages/icons/src/20/multi-profile.svg
 create mode 100644 packages/icons/src/20/muted.svg
 create mode 100644 packages/icons/src/20/mutual-contact.svg
 create mode 100644 packages/icons/src/20/new-message.svg
 create mode 100644 packages/icons/src/20/nft.svg
 create mode 100644 packages/icons/src/20/node.svg
 create mode 100644 packages/icons/src/20/notification.svg
 create mode 100644 packages/icons/src/20/notifications.svg
 create mode 100644 packages/icons/src/20/numbered-list.svg
 create mode 100644 packages/icons/src/20/online-left.svg
 create mode 100644 packages/icons/src/20/online.svg
 create mode 100644 packages/icons/src/20/options.svg
 create mode 100644 packages/icons/src/20/password.svg
 create mode 100644 packages/icons/src/20/pause.svg
 create mode 100644 packages/icons/src/20/pending-user.svg
 create mode 100644 packages/icons/src/20/pending.svg
 create mode 100644 packages/icons/src/20/pin-1.svg
 create mode 100644 packages/icons/src/20/pin.svg
 create mode 100644 packages/icons/src/20/placeholder.svg
 create mode 100644 packages/icons/src/20/play.svg
 create mode 100644 packages/icons/src/20/privacy.svg
 create mode 100644 packages/icons/src/20/profile.svg
 create mode 100644 packages/icons/src/20/pullup.svg
 create mode 100644 packages/icons/src/20/qr-code.svg
 create mode 100644 packages/icons/src/20/quarter.svg
 create mode 100644 packages/icons/src/20/reaction.svg
 create mode 100644 packages/icons/src/20/receive-message.svg
 create mode 100644 packages/icons/src/20/receive.svg
 create mode 100644 packages/icons/src/20/recent.svg
 create mode 100644 packages/icons/src/20/refresh.svg
 create mode 100644 packages/icons/src/20/remove-user.svg
 create mode 100644 packages/icons/src/20/reply.svg
 create mode 100644 packages/icons/src/20/reveal.svg
 create mode 100644 packages/icons/src/20/revere.svg
 create mode 100644 packages/icons/src/20/right-align.svg
 create mode 100644 packages/icons/src/20/rotate.svg
 create mode 100644 packages/icons/src/20/sad.svg
 create mode 100644 packages/icons/src/20/save.svg
 create mode 100644 packages/icons/src/20/scan.svg
 create mode 100644 packages/icons/src/20/search.svg
 create mode 100644 packages/icons/src/20/seed.svg
 create mode 100644 packages/icons/src/20/send-message.svg
 create mode 100644 packages/icons/src/20/send.svg
 create mode 100644 packages/icons/src/20/settings.svg
 create mode 100644 packages/icons/src/20/share.svg
 create mode 100644 packages/icons/src/20/signature.svg
 create mode 100644 packages/icons/src/20/sort.svg
 create mode 100644 packages/icons/src/20/speed.svg
 create mode 100644 packages/icons/src/20/status.svg
 create mode 100644 packages/icons/src/20/stickers.svg
 create mode 100644 packages/icons/src/20/stop.svg
 create mode 100644 packages/icons/src/20/strikethrough.svg
 create mode 100644 packages/icons/src/20/subscript.svg
 create mode 100644 packages/icons/src/20/superscript.svg
 create mode 100644 packages/icons/src/20/swap.svg
 create mode 100644 packages/icons/src/20/syncing.svg
 create mode 100644 packages/icons/src/20/toggle.svg
 create mode 100644 packages/icons/src/20/token.svg
 create mode 100644 packages/icons/src/20/unblock.svg
 create mode 100644 packages/icons/src/20/underline.svg
 create mode 100644 packages/icons/src/20/unlocked.svg
 create mode 100644 packages/icons/src/20/untrustworthy.svg
 create mode 100644 packages/icons/src/20/up-to-date.svg
 create mode 100644 packages/icons/src/20/verified.svg
 create mode 100644 packages/icons/src/20/video.svg
 create mode 100644 packages/icons/src/20/wallet.svg
 create mode 100644 packages/icons/src/20/warning.svg
 create mode 100644 packages/icons/src/20/world.svg
 delete mode 100644 packages/icons/src/index.tsx
 delete mode 100644 packages/icons/src/lock-icon.tsx
 delete mode 100644 packages/icons/src/members-icon.tsx
 delete mode 100644 packages/icons/src/options-icon.tsx
 create mode 100644 packages/icons/src/reactions/angry.svg
 create mode 100644 packages/icons/src/reactions/laugh.svg
 create mode 100644 packages/icons/src/reactions/love.svg
 create mode 100644 packages/icons/src/reactions/sad.svg
 create mode 100644 packages/icons/src/reactions/thumbs-down.svg
 create mode 100644 packages/icons/src/reactions/thumbs-up.svg
 create mode 100644 packages/icons/svgr.config.js
 rename packages/icons/{src => }/types.ts (100%)

diff --git a/packages/icons/12/add-reaction.tsx b/packages/icons/12/add-reaction.tsx
new file mode 100644
index 00000000..24afd345
--- /dev/null
+++ b/packages/icons/12/add-reaction.tsx
@@ -0,0 +1,32 @@
+import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAddReaction = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#add-reaction_svg__a)">
+        <Path d="M7.294 1.17A5 5 0 1 0 11 6" stroke={color} strokeWidth={1.1} />
+        <Path d="M4.068 7a2 2 0 0 0 3.864 0" stroke={color} strokeWidth={1.1} />
+        <Circle cx={4.75} cy={4.75} r={0.75} fill={color} />
+        <Circle cx={7.25} cy={4.75} r={0.75} fill={color} />
+        <Path d="M8 2.5h4M10 .5v4" stroke={color} strokeWidth={1.1} />
+      </G>
+      <Defs>
+        <ClipPath id="add-reaction_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgAddReaction
diff --git a/packages/icons/12/add.tsx b/packages/icons/12/add.tsx
new file mode 100644
index 00000000..48149081
--- /dev/null
+++ b/packages/icons/12/add.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAdd = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.45 6.55V10h1.1V6.55H10v-1.1H6.55V2h-1.1v3.45H2v1.1h3.45Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgAdd
diff --git a/packages/icons/12/alert.tsx b/packages/icons/12/alert.tsx
new file mode 100644
index 00000000..bdcaeae4
--- /dev/null
+++ b/packages/icons/12/alert.tsx
@@ -0,0 +1,22 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAlert = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={6} cy={6} r={4.45} stroke={color} strokeWidth={1.1} />
+      <Path d="M6 6.5v-3M6 8.5v-1" stroke={color} strokeWidth={1.1} />
+    </Svg>
+  )
+}
+export default SvgAlert
diff --git a/packages/icons/12/arrow-down.tsx b/packages/icons/12/arrow-down.tsx
new file mode 100644
index 00000000..e7c81277
--- /dev/null
+++ b/packages/icons/12/arrow-down.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgArrowDown = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.55 8.672V2h-1.1v6.672l-2.561-2.56-.778.777 3.5 3.5.389.389.389-.39 3.5-3.5-.778-.777L6.55 8.672Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgArrowDown
diff --git a/packages/icons/12/arrow-right.tsx b/packages/icons/12/arrow-right.tsx
new file mode 100644
index 00000000..ac13049b
--- /dev/null
+++ b/packages/icons/12/arrow-right.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgArrowRight = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.389 6.389 10.778 6l-.39-.389-3.5-3.5-.777.778L8.672 5.45H2v1.1h6.672l-2.56 2.561.777.778 3.5-3.5Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgArrowRight
diff --git a/packages/icons/12/arrow-up.tsx b/packages/icons/12/arrow-up.tsx
new file mode 100644
index 00000000..b9cd7e75
--- /dev/null
+++ b/packages/icons/12/arrow-up.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgArrowUp = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.611 1.611 6 1.222l.389.39 3.5 3.5-.778.777L6.55 3.328V10h-1.1V3.328l-2.561 2.56-.778-.777 3.5-3.5Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgArrowUp
diff --git a/packages/icons/12/block.tsx b/packages/icons/12/block.tsx
new file mode 100644
index 00000000..42b77e88
--- /dev/null
+++ b/packages/icons/12/block.tsx
@@ -0,0 +1,33 @@
+import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgBlock = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#block_svg__a)">
+        <Path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M2.05 6a3.95 3.95 0 0 1 6.327-3.155L2.845 8.377A3.933 3.933 0 0 1 2.05 6Zm1.573 3.155a3.95 3.95 0 0 0 5.532-5.532L3.623 9.155ZM6 .95a5.05 5.05 0 1 0 0 10.1A5.05 5.05 0 0 0 6 .95Z"
+          fill="#E65F5C"
+        />
+      </G>
+      <Defs>
+        <ClipPath id="block_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgBlock
diff --git a/packages/icons/12/camera.tsx b/packages/icons/12/camera.tsx
new file mode 100644
index 00000000..f2f42ea8
--- /dev/null
+++ b/packages/icons/12/camera.tsx
@@ -0,0 +1,29 @@
+import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCamera = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#camera_svg__a)" stroke={color} strokeWidth={1.1}>
+        <Path d="M1 4.2c0-.94.76-1.7 1.7-1.7h.211c.514 0 .984-.29 1.214-.75.23-.46.7-.75 1.214-.75H6.66c.514 0 .984.29 1.214.75.23.46.7.75 1.214.75H9.3c.94 0 1.7.76 1.7 1.7v2.55c0 1.164 0 1.745-.16 2.214a3 3 0 0 1-1.876 1.877C8.495 11 7.914 11 6.75 11h-1.5c-1.164 0-1.745 0-2.214-.16a3 3 0 0 1-1.877-1.876C1 8.495 1 7.914 1 6.75V4.2Z" />
+        <Circle cx={6} cy={6.5} r={2} />
+      </G>
+      <Defs>
+        <ClipPath id="camera_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgCamera
diff --git a/packages/icons/12/cards.tsx b/packages/icons/12/cards.tsx
new file mode 100644
index 00000000..cb095d34
--- /dev/null
+++ b/packages/icons/12/cards.tsx
@@ -0,0 +1,29 @@
+import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCards = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#cards_svg__a)" stroke={color} strokeWidth={1.1}>
+        <Path d="M1 4.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C2.52 1 3.08 1 4.2 1h3.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C11 2.52 11 3.08 11 4.2v3.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C9.48 11 8.92 11 7.8 11H4.2c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C1 9.48 1 8.92 1 7.8V4.2Z" />
+        <Path d="M1 7.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C2.52 4 3.08 4 4.2 4h3.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C11 5.52 11 6.08 11 7.2v.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C9.48 11 8.92 11 7.8 11H4.2c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C1 9.48 1 8.92 1 7.8v-.6Z" />
+      </G>
+      <Defs>
+        <ClipPath id="cards_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgCards
diff --git a/packages/icons/12/check-large.tsx b/packages/icons/12/check-large.tsx
new file mode 100644
index 00000000..281d1498
--- /dev/null
+++ b/packages/icons/12/check-large.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCheckLarge = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m1.5 6 3 3 6-7" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgCheckLarge
diff --git a/packages/icons/12/check.tsx b/packages/icons/12/check.tsx
new file mode 100644
index 00000000..96a23e9b
--- /dev/null
+++ b/packages/icons/12/check.tsx
@@ -0,0 +1,22 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCheck = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={6} cy={6} r={4.45} stroke={color} strokeWidth={1.1} />
+      <Path d="m4 6.3 1.333 1.2L8 4.5" stroke={color} strokeWidth={1.1} />
+    </Svg>
+  )
+}
+export default SvgCheck
diff --git a/packages/icons/12/chevron-bottom.tsx b/packages/icons/12/chevron-bottom.tsx
new file mode 100644
index 00000000..3a79d201
--- /dev/null
+++ b/packages/icons/12/chevron-bottom.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgChevronBottom = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m3 4.5 3 3 3-3" stroke={color} strokeWidth={1.1} />
+    </Svg>
+  )
+}
+export default SvgChevronBottom
diff --git a/packages/icons/12/chevron-left.tsx b/packages/icons/12/chevron-left.tsx
new file mode 100644
index 00000000..da637b26
--- /dev/null
+++ b/packages/icons/12/chevron-left.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgChevronLeft = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m7.5 3-3 3 3 3" stroke={color} strokeWidth={1.1} />
+    </Svg>
+  )
+}
+export default SvgChevronLeft
diff --git a/packages/icons/12/chevron-right.tsx b/packages/icons/12/chevron-right.tsx
new file mode 100644
index 00000000..aead58f5
--- /dev/null
+++ b/packages/icons/12/chevron-right.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgChevronRight = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m4.5 9 3-3-3-3" stroke={color} strokeWidth={1.1} />
+    </Svg>
+  )
+}
+export default SvgChevronRight
diff --git a/packages/icons/12/chevron-top.tsx b/packages/icons/12/chevron-top.tsx
new file mode 100644
index 00000000..9ea3fcab
--- /dev/null
+++ b/packages/icons/12/chevron-top.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgChevronTop = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m9 7.5-3-3-3 3" stroke={color} strokeWidth={1.1} />
+    </Svg>
+  )
+}
+export default SvgChevronTop
diff --git a/packages/icons/12/close.tsx b/packages/icons/12/close.tsx
new file mode 100644
index 00000000..025d194a
--- /dev/null
+++ b/packages/icons/12/close.tsx
@@ -0,0 +1,25 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgClose = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M2.5 9.5 6 6 2.5 2.5M9.5 9.5 6 6l3.5-3.5"
+        stroke={color}
+        strokeWidth={1.1}
+      />
+    </Svg>
+  )
+}
+export default SvgClose
diff --git a/packages/icons/12/color.tsx b/packages/icons/12/color.tsx
new file mode 100644
index 00000000..f013a158
--- /dev/null
+++ b/packages/icons/12/color.tsx
@@ -0,0 +1,27 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgColor = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M9 6.4C9 8.9 7.212 10 6 10S3 9 3 6.5 6 2 6 2s3 1.9 3 4.4Z"
+        stroke={color}
+        strokeWidth={1.1}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgColor
diff --git a/packages/icons/12/communities.tsx b/packages/icons/12/communities.tsx
new file mode 100644
index 00000000..eec458b0
--- /dev/null
+++ b/packages/icons/12/communities.tsx
@@ -0,0 +1,33 @@
+import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCommunities = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#communities_svg__a)">
+        <Path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M1.55 10.09a8.54 8.54 0 0 1 8.54-8.54c.2 0 .36.16.36.36v1.792a6.686 6.686 0 0 0-6.748 6.748H1.909a.36.36 0 0 1-.36-.36Zm3.314.36h2.011c.389 0 .461-.006.506-.02a.45.45 0 0 0 .3-.3c.013-.044.019-.116.019-.505V9.56c0-.283 0-.537.067-.76A1.55 1.55 0 0 1 8.8 7.767c.223-.068.477-.067.76-.067h.065c.389 0 .461-.006.506-.02a.45.45 0 0 0 .3-.3c.013-.044.019-.116.019-.505V4.864a.064.064 0 0 0-.064-.064A5.586 5.586 0 0 0 4.8 10.386c0 .036.028.064.064.064Zm6.686-4.2v.69c0 .283 0 .537-.067.76a1.55 1.55 0 0 1-1.033 1.033c-.223.068-.477.067-.76.067h-.065c-.389 0-.461.006-.506.02a.45.45 0 0 0-.3.3c-.013.044-.02.116-.02.505l.001.065c0 .283 0 .537-.067.76A1.55 1.55 0 0 1 7.7 11.483c-.223.068-.477.067-.76.067H1.91A1.46 1.46 0 0 1 .45 10.09 9.64 9.64 0 0 1 10.09.45c.807 0 1.46.653 1.46 1.46v4.34Z"
+          fill={color}
+        />
+      </G>
+      <Defs>
+        <ClipPath id="communities_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgCommunities
diff --git a/packages/icons/12/contact.tsx b/packages/icons/12/contact.tsx
new file mode 100644
index 00000000..793271e2
--- /dev/null
+++ b/packages/icons/12/contact.tsx
@@ -0,0 +1,28 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgContact = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={6} cy={6} r={5} fill="#4360DF" />
+      <Path
+        d="M9 9.5A3.369 3.369 0 0 0 6.197 8h-.394A3.369 3.369 0 0 0 3 9.5"
+        stroke="#fff"
+        strokeLinejoin="round"
+      />
+      <Circle cx={6} cy={6} r={4.25} stroke="#4360DF" strokeWidth={1.5} />
+      <Circle cx={6} cy={4.5} r={1.5} stroke="#fff" strokeLinejoin="round" />
+    </Svg>
+  )
+}
+export default SvgContact
diff --git a/packages/icons/12/copy.tsx b/packages/icons/12/copy.tsx
new file mode 100644
index 00000000..94ba5b0a
--- /dev/null
+++ b/packages/icons/12/copy.tsx
@@ -0,0 +1,36 @@
+import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCopy = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#copy_svg__a)" strokeWidth={1.1}>
+        <Path
+          d="M8 3a2 2 0 0 0-2-2H4.2c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C1 2.52 1 3.08 1 4.2V6a2 2 0 0 0 2 2"
+          stroke="#1B273D"
+          strokeOpacity={0.3}
+        />
+        <Path
+          d="M4 7.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C5.52 4 6.08 4 7.2 4h.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C11 5.52 11 6.08 11 7.2v.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C9.48 11 8.92 11 7.8 11h-.6c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C4 9.48 4 8.92 4 7.8v-.6Z"
+          stroke={color}
+        />
+      </G>
+      <Defs>
+        <ClipPath id="copy_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgCopy
diff --git a/packages/icons/12/delivered.tsx b/packages/icons/12/delivered.tsx
new file mode 100644
index 00000000..4f4e670e
--- /dev/null
+++ b/packages/icons/12/delivered.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgDelivered = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m5.653 7.145 2.85-3.483-1.006-.824-4.045 4.945L1.46 5.79l-.92.92 2.5 2.5.508.507.455-.555.826-1.01 1.243 1.087.506.443.425-.52 4.5-5.5-1.006-.824-4.075 4.98-.769-.673Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgDelivered
diff --git a/packages/icons/12/dropdown.tsx b/packages/icons/12/dropdown.tsx
new file mode 100644
index 00000000..4f3be25a
--- /dev/null
+++ b/packages/icons/12/dropdown.tsx
@@ -0,0 +1,29 @@
+import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgDropdown = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#dropdown_svg__a)">
+        <Circle cx={6} cy={6} r={6} fill="#E7EAEE" />
+        <Path d="m3 4.75 3 3 3-3" stroke={color} strokeWidth={1.1} />
+      </G>
+      <Defs>
+        <ClipPath id="dropdown_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgDropdown
diff --git a/packages/icons/12/edit.tsx b/packages/icons/12/edit.tsx
new file mode 100644
index 00000000..3618a340
--- /dev/null
+++ b/packages/icons/12/edit.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgEdit = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M5.94 3.182c.396-.396.594-.594.822-.669a1 1 0 0 1 .618 0c.228.075.426.273.822.669l.566.565c.396.396.594.594.668.823a1 1 0 0 1 0 .618c-.074.228-.272.426-.668.822l-2.85 2.85c-.2.2-.3.3-.417.367a1 1 0 0 1-.337.118c-.133.021-.274.005-.554-.026l-1.782-.198-.198-1.78c-.03-.282-.046-.422-.025-.555a1 1 0 0 1 .118-.337c.067-.117.167-.217.366-.417l2.85-2.85ZM4.839 3.575l3.535 3.536"
+        stroke={color}
+        strokeWidth={1.1}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgEdit
diff --git a/packages/icons/12/gas.tsx b/packages/icons/12/gas.tsx
new file mode 100644
index 00000000..297aae49
--- /dev/null
+++ b/packages/icons/12/gas.tsx
@@ -0,0 +1,35 @@
+import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgGas = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#gas_svg__a)" strokeWidth={1.1}>
+        <Path
+          d="M7.5 10.5v-6c0-.932 0-1.398-.152-1.765a2 2 0 0 0-1.083-1.083C5.898 1.5 5.432 1.5 4.5 1.5c-.932 0-1.398 0-1.765.152a2 2 0 0 0-1.083 1.083C1.5 3.102 1.5 3.568 1.5 4.5v6h6Z"
+          stroke={color}
+          strokeLinejoin="round"
+        />
+        <Path d="M7.5 7.5H9a1 1 0 0 0 1-1v-1M10 2.5v2" stroke="#000" />
+        <Path stroke={color} strokeLinejoin="round" d="M9.5 4.5h1v1h-1z" />
+        <Path d="M1.5 4.5h6" stroke="#000" />
+      </G>
+      <Defs>
+        <ClipPath id="gas_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgGas
diff --git a/packages/icons/12/hold.tsx b/packages/icons/12/hold.tsx
new file mode 100644
index 00000000..cee495e1
--- /dev/null
+++ b/packages/icons/12/hold.tsx
@@ -0,0 +1,29 @@
+import { Circle, ClipPath, Defs, G, Path, Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgHold = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#hold_svg__a)">
+        <Circle cx={6} cy={6} r={6} fill="#647084" />
+        <Path d="M3.333 6.4 5.111 8l3.556-4" stroke="#fff" strokeWidth={1.1} />
+      </G>
+      <Defs>
+        <ClipPath id="hold_svg__a">
+          <Rect width={12} height={12} rx={6} fill="#fff" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgHold
diff --git a/packages/icons/12/index.ts b/packages/icons/12/index.ts
new file mode 100644
index 00000000..cd7f74df
--- /dev/null
+++ b/packages/icons/12/index.ts
@@ -0,0 +1,56 @@
+export { default as Add } from './add'
+export { default as AddReaction } from './add-reaction'
+export { default as Alert } from './alert'
+export { default as ArrowDown } from './arrow-down'
+export { default as ArrowRight } from './arrow-right'
+export { default as ArrowUp } from './arrow-up'
+export { default as Block } from './block'
+export { default as Camera } from './camera'
+export { default as Cards } from './cards'
+export { default as Check } from './check'
+export { default as CheckLarge } from './check-large'
+export { default as ChevronBottom } from './chevron-bottom'
+export { default as ChevronLeft } from './chevron-left'
+export { default as ChevronRight } from './chevron-right'
+export { default as ChevronTop } from './chevron-top'
+export { default as Close } from './close'
+export { default as Color } from './color'
+export { default as Communities } from './communities'
+export { default as Contact } from './contact'
+export { default as Copy } from './copy'
+export { default as Delivered } from './delivered'
+export { default as Dropdown } from './dropdown'
+export { default as Edit } from './edit'
+export { default as Gas } from './gas'
+export { default as Hold } from './hold'
+export { default as Info } from './info'
+export { default as Info1 } from './info-1'
+export { default as JumpTo } from './jump-to'
+export { default as Lightning } from './lightning'
+export { default as List } from './list'
+export { default as Loading } from './loading'
+export { default as Locked } from './locked'
+export { default as Mention } from './mention'
+export { default as More } from './more'
+export { default as Negative } from './negative'
+export { default as Notification } from './notification'
+export { default as Pause } from './pause'
+export { default as Pending } from './pending'
+export { default as Pick } from './pick'
+export { default as Placeholder } from './placeholder'
+export { default as Play } from './play'
+export { default as Positive } from './positive'
+export { default as Progress } from './progress'
+export { default as Pullup } from './pullup'
+export { default as Remove } from './remove'
+export { default as Search } from './search'
+export { default as SendMessage } from './send-message'
+export { default as Sent } from './sent'
+export { default as Timeout } from './timeout'
+export { default as TotalMembers } from './total-members'
+export { default as Trash } from './trash'
+export { default as Unlocked } from './unlocked'
+export { default as Untrustworthy } from './untrustworthy'
+export { default as Verified } from './verified'
+export { default as Verified1 } from './verified-1'
+export { default as Whistle } from './whistle'
diff --git a/packages/icons/12/info-1.tsx b/packages/icons/12/info-1.tsx
new file mode 100644
index 00000000..9aa7bbcf
--- /dev/null
+++ b/packages/icons/12/info-1.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgInfo1 = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 1A5 5 0 1 0 6 1a5 5 0 0 0 0 10Zm-.5-2.5v-3h1v3h-1Zm0-5v1h1v-1h-1Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgInfo1
diff --git a/packages/icons/12/info.tsx b/packages/icons/12/info.tsx
new file mode 100644
index 00000000..67d036a2
--- /dev/null
+++ b/packages/icons/12/info.tsx
@@ -0,0 +1,22 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgInfo = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={6} cy={6} r={5} fill="#4360DF" />
+      <Path d="M6 5v4M6 3v1" stroke="#fff" strokeWidth={1.1} />
+    </Svg>
+  )
+}
+export default SvgInfo
diff --git a/packages/icons/12/jump-to.tsx b/packages/icons/12/jump-to.tsx
new file mode 100644
index 00000000..3fdf1a1e
--- /dev/null
+++ b/packages/icons/12/jump-to.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgJumpTo = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="M4.575 2.525h4.95v4.95" stroke={color} strokeWidth={1.1} />
+      <Path
+        d="M9.5 3A7.578 7.578 0 0 0 5 9.924V10"
+        stroke={color}
+        strokeWidth={1.1}
+      />
+    </Svg>
+  )
+}
+export default SvgJumpTo
diff --git a/packages/icons/12/lightning.tsx b/packages/icons/12/lightning.tsx
new file mode 100644
index 00000000..f58e0bf9
--- /dev/null
+++ b/packages/icons/12/lightning.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgLightning = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={14}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M7 1.5V6h2.5L5 12.5v-5H2.5l4.5-6Z"
+        stroke={color}
+        strokeWidth={1.1}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgLightning
diff --git a/packages/icons/12/list.tsx b/packages/icons/12/list.tsx
new file mode 100644
index 00000000..ea304be1
--- /dev/null
+++ b/packages/icons/12/list.tsx
@@ -0,0 +1,28 @@
+import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgList = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#list_svg__a)" stroke={color} strokeWidth={1.1}>
+        <Path d="M1 2.5c0-.465 0-.697.051-.888a1.5 1.5 0 0 1 1.06-1.06C2.304.5 2.536.5 3 .5h6c.465 0 .697 0 .888.051a1.5 1.5 0 0 1 1.06 1.06c.052.192.052.424.052.889s0 .697-.051.888a1.5 1.5 0 0 1-1.06 1.06C9.696 4.5 9.464 4.5 9 4.5H3c-.465 0-.697 0-.888-.051a1.5 1.5 0 0 1-1.06-1.06C1 3.196 1 2.964 1 2.5ZM1 9.5c0-.465 0-.697.051-.888a1.5 1.5 0 0 1 1.06-1.06C2.304 7.5 2.536 7.5 3 7.5h6c.465 0 .697 0 .888.051a1.5 1.5 0 0 1 1.06 1.06c.052.192.052.424.052.889s0 .697-.051.888a1.5 1.5 0 0 1-1.06 1.06c-.192.052-.424.052-.889.052H3c-.465 0-.697 0-.888-.051a1.5 1.5 0 0 1-1.06-1.06C1 10.197 1 9.964 1 9.5Z" />
+      </G>
+      <Defs>
+        <ClipPath id="list_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgList
diff --git a/packages/icons/12/loading.tsx b/packages/icons/12/loading.tsx
new file mode 100644
index 00000000..18235cb5
--- /dev/null
+++ b/packages/icons/12/loading.tsx
@@ -0,0 +1,55 @@
+import {
+  ClipPath,
+  Defs,
+  G,
+  LinearGradient,
+  Path,
+  Stop,
+  Svg,
+} from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgLoading = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#loading_svg__a)">
+        <Path
+          d="M6 .95a.55.55 0 1 1 0 1.1V.95ZM2.05 6A3.95 3.95 0 0 0 6 9.95v1.1A5.05 5.05 0 0 1 .95 6h1.1ZM6 2.05A3.95 3.95 0 0 0 2.05 6H.95A5.05 5.05 0 0 1 6 .95v1.1Z"
+          fill={color}
+        />
+        <Path
+          d="M6 1.5a4.5 4.5 0 0 1 0 9"
+          stroke="url(#loading_svg__b)"
+          strokeWidth={1.1}
+        />
+      </G>
+      <Defs>
+        <LinearGradient
+          id="loading_svg__b"
+          x1={5.625}
+          y1={10.5}
+          x2={2.625}
+          y2={5.25}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor={color} />
+          <Stop offset={1} stopColor={color} stopOpacity={0} />
+        </LinearGradient>
+        <ClipPath id="loading_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgLoading
diff --git a/packages/icons/12/locked.tsx b/packages/icons/12/locked.tsx
new file mode 100644
index 00000000..9cdbf68a
--- /dev/null
+++ b/packages/icons/12/locked.tsx
@@ -0,0 +1,25 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgLocked = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M2.5 7.75c0-.465 0-.697.038-.89A2 2 0 0 1 4.11 5.288c.193-.038.425-.038.89-.038h2c.465 0 .697 0 .89.038A2 2 0 0 1 9.462 6.86c.038.193.038.425.038.89s0 .697-.038.89a2 2 0 0 1-1.572 1.572c-.193.038-.425.038-.89.038H5c-.465 0-.697 0-.89-.038A2 2 0 0 1 2.538 8.64C2.5 8.447 2.5 8.215 2.5 7.75ZM4 3.75a2 2 0 1 1 4 0v1.5H4v-1.5Z"
+        stroke={color}
+        strokeWidth={1.1}
+      />
+    </Svg>
+  )
+}
+export default SvgLocked
diff --git a/packages/icons/12/mention.tsx b/packages/icons/12/mention.tsx
new file mode 100644
index 00000000..f1ae464c
--- /dev/null
+++ b/packages/icons/12/mention.tsx
@@ -0,0 +1,30 @@
+import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgMention = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#mention_svg__a)" stroke={color} strokeWidth={1.1}>
+        <Path d="M11 6a5 5 0 1 0-2.5 4.33" />
+        <Circle cx={6} cy={6} r={2} />
+        <Path d="M8 3.5v3.456C8 7.809 8.691 8.5 9.544 8.5c.709 0 1.326-.485 1.391-1.19C11 6.609 11 6 11 6" />
+      </G>
+      <Defs>
+        <ClipPath id="mention_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgMention
diff --git a/packages/icons/12/more.tsx b/packages/icons/12/more.tsx
new file mode 100644
index 00000000..7ec20a6e
--- /dev/null
+++ b/packages/icons/12/more.tsx
@@ -0,0 +1,23 @@
+import { Circle, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgMore = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={2.5} cy={6} r={1} fill={color} />
+      <Circle cx={6} cy={6} r={1} fill={color} />
+      <Circle cx={9.5} cy={6} r={1} fill={color} />
+    </Svg>
+  )
+}
+export default SvgMore
diff --git a/packages/icons/12/negative.tsx b/packages/icons/12/negative.tsx
new file mode 100644
index 00000000..526f9fc1
--- /dev/null
+++ b/packages/icons/12/negative.tsx
@@ -0,0 +1,29 @@
+import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgNegative = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#negative_svg__a)" stroke="#E65F5C">
+        <Circle cx={6} cy={6} r={5.5} strokeOpacity={0.4} />
+        <Path d="M6 8.5V3M3 5.5l3 3 3-3" strokeWidth={1.2} />
+      </G>
+      <Defs>
+        <ClipPath id="negative_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgNegative
diff --git a/packages/icons/12/notification.tsx b/packages/icons/12/notification.tsx
new file mode 100644
index 00000000..ada2a696
--- /dev/null
+++ b/packages/icons/12/notification.tsx
@@ -0,0 +1,21 @@
+import { Circle, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgNotification = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={6} cy={6} r={4} fill="#4360DF" />
+    </Svg>
+  )
+}
+export default SvgNotification
diff --git a/packages/icons/12/pause.tsx b/packages/icons/12/pause.tsx
new file mode 100644
index 00000000..f276462c
--- /dev/null
+++ b/packages/icons/12/pause.tsx
@@ -0,0 +1,21 @@
+import { Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPause = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Rect x={2} y={2} width={8} height={8} rx={2} fill={color} />
+    </Svg>
+  )
+}
+export default SvgPause
diff --git a/packages/icons/12/pending.tsx b/packages/icons/12/pending.tsx
new file mode 100644
index 00000000..61ab4779
--- /dev/null
+++ b/packages/icons/12/pending.tsx
@@ -0,0 +1,23 @@
+import { Circle, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPending = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={3} cy={6} r={1} fill="#000" fillOpacity={0.4} />
+      <Circle cx={6} cy={6} r={1} fill="#1B273D" fillOpacity={0.3} />
+      <Circle cx={9} cy={6} r={1} fill="#000" fillOpacity={0.2} />
+    </Svg>
+  )
+}
+export default SvgPending
diff --git a/packages/icons/12/pick.tsx b/packages/icons/12/pick.tsx
new file mode 100644
index 00000000..de284767
--- /dev/null
+++ b/packages/icons/12/pick.tsx
@@ -0,0 +1,33 @@
+import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPick = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#pick_svg__a)">
+        <Path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="m9.642 1.793-.015-.015c-.186-.185-.348-.347-.492-.47A1.577 1.577 0 0 0 8.6.99a1.55 1.55 0 0 0-.958 0c-.21.069-.38.187-.534.318-.145.123-.307.285-.492.47l-.015.015-.32.32a1.55 1.55 0 0 0-1.113-.062c-.211.068-.381.187-.535.317-.145.123-.307.285-.492.47l-.015.015-.283.283a.55.55 0 0 0 0 .778l.318.318L2.544 5.85l-.03.03a2.404 2.404 0 0 0-.371.431 1.55 1.55 0 0 0-.186.448c-.043.18-.043.366-.043.568v2.209c0 .303.247.55.55.55h2.209c.202 0 .387 0 .567-.043.159-.038.31-.1.449-.186.158-.097.288-.228.43-.37l.031-.031 1.618-1.618.318.319a.55.55 0 0 0 .778 0l.283-.283.014-.015c.186-.185.348-.347.47-.492.131-.154.25-.324.318-.534a1.55 1.55 0 0 0-.062-1.114l.32-.32.015-.015a8.93 8.93 0 0 0 .47-.492c.13-.154.25-.324.318-.534a1.55 1.55 0 0 0 0-.958 1.575 1.575 0 0 0-.318-.535c-.123-.144-.285-.306-.47-.492l-.015-.015-.565-.565Zm-.46 3.076.247-.248c.205-.204.334-.335.425-.441a.53.53 0 0 0 .11-.162.45.45 0 0 0 0-.278.53.53 0 0 0-.11-.163 8.468 8.468 0 0 0-.425-.44l-.565-.566a8.463 8.463 0 0 0-.441-.425.53.53 0 0 0-.163-.11.45.45 0 0 0-.278 0 .53.53 0 0 0-.162.11c-.107.09-.237.22-.441.425l-.248.247.021.02.015.015 1.98 1.98.014.015.021.02ZM6.99 7.06 4.94 5.01 3.321 6.627c-.191.192-.221.227-.241.26a.45.45 0 0 0-.054.13c-.009.036-.013.082-.013.353v1.616H4.63c.27 0 .317-.004.354-.013a.45.45 0 0 0 .13-.054c.032-.02.067-.05.259-.241L6.99 7.061ZM5.785 3.097a.53.53 0 0 1 .163.11c.106.09.236.22.44.424l1.98 1.98c.205.205.335.335.425.441a.53.53 0 0 1 .11.163.45.45 0 0 1 0 .278.53.53 0 0 1-.11.162c-.073.087-.173.19-.318.335L5.01 3.525c.146-.145.248-.245.335-.318a.53.53 0 0 1 .162-.11.45.45 0 0 1 .278 0Z"
+          fill={color}
+        />
+      </G>
+      <Defs>
+        <ClipPath id="pick_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgPick
diff --git a/packages/icons/12/placeholder.tsx b/packages/icons/12/placeholder.tsx
new file mode 100644
index 00000000..207fca35
--- /dev/null
+++ b/packages/icons/12/placeholder.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPlaceholder = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6 2c-.924 0-1.776.314-2.453.84L6 5.293 8.453 2.84A3.983 3.983 0 0 0 6 2Zm3.16 1.547L6.707 6 9.16 8.453C9.686 7.776 10 6.924 10 6c0-.924-.314-1.776-.84-2.453ZM5.293 6 2.84 3.547A3.983 3.983 0 0 0 2 6c0 .924.314 1.775.84 2.453L5.293 6ZM3.547 9.16 6 6.707 8.453 9.16A3.983 3.983 0 0 1 6 10a3.983 3.983 0 0 1-2.453-.84ZM1 6a5 5 0 1 1 10 0A5 5 0 0 1 1 6Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgPlaceholder
diff --git a/packages/icons/12/play.tsx b/packages/icons/12/play.tsx
new file mode 100644
index 00000000..04ea5b8e
--- /dev/null
+++ b/packages/icons/12/play.tsx
@@ -0,0 +1,24 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPlay = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M3.5 4.73c0-1.205 0-1.807.25-2.131a1.2 1.2 0 0 1 .906-.466c.408-.016.899.335 1.88 1.036l1.777 1.269c.737.527 1.106.79 1.237 1.117a1.2 1.2 0 0 1 0 .89c-.13.327-.5.59-1.237 1.117l-1.777 1.27c-.981.7-1.472 1.05-1.88 1.035a1.2 1.2 0 0 1-.906-.466c-.25-.324-.25-.926-.25-2.132V4.731Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgPlay
diff --git a/packages/icons/12/positive.tsx b/packages/icons/12/positive.tsx
new file mode 100644
index 00000000..bd64c4c9
--- /dev/null
+++ b/packages/icons/12/positive.tsx
@@ -0,0 +1,29 @@
+import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPositive = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#positive_svg__a)" stroke="#26A69A">
+        <Circle cx={6} cy={6} r={5.5} strokeOpacity={0.4} />
+        <Path d="M6 3.5V9M9 6.5l-3-3-3 3" strokeWidth={1.2} />
+      </G>
+      <Defs>
+        <ClipPath id="positive_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgPositive
diff --git a/packages/icons/12/progress.tsx b/packages/icons/12/progress.tsx
new file mode 100644
index 00000000..7305d972
--- /dev/null
+++ b/packages/icons/12/progress.tsx
@@ -0,0 +1,29 @@
+import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgProgress = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#progress_svg__a)" strokeWidth={1.1}>
+        <Path d="M6 1a5 5 0 1 1 0 10A5 5 0 0 1 6 1Z" stroke="#E7EAEE" />
+        <Path d="M6 1a5 5 0 0 1 4.755 3.455" stroke={color} />
+      </G>
+      <Defs>
+        <ClipPath id="progress_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgProgress
diff --git a/packages/icons/12/pullup.tsx b/packages/icons/12/pullup.tsx
new file mode 100644
index 00000000..0c1f9109
--- /dev/null
+++ b/packages/icons/12/pullup.tsx
@@ -0,0 +1,35 @@
+import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPullup = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#pullup_svg__a)">
+        <Circle
+          cx={6}
+          cy={6}
+          r={6}
+          transform="rotate(180 6 6)"
+          fill="#E7EAEE"
+        />
+        <Path d="m9 7.25-3-3-3 3" stroke={color} strokeWidth={1.1} />
+      </G>
+      <Defs>
+        <ClipPath id="pullup_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgPullup
diff --git a/packages/icons/12/remove.tsx b/packages/icons/12/remove.tsx
new file mode 100644
index 00000000..0a14b0a8
--- /dev/null
+++ b/packages/icons/12/remove.tsx
@@ -0,0 +1,34 @@
+import { Circle, ClipPath, Defs, G, Path, Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgRemove = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#remove_svg__a)">
+        <Circle cx={6} cy={6} r={6} fill="#647084" />
+        <Path
+          d="M3.879 3.879 8.12 8.12M8.121 3.879 3.88 8.12"
+          stroke="#fff"
+          strokeWidth={1.1}
+          strokeLinejoin="round"
+        />
+      </G>
+      <Defs>
+        <ClipPath id="remove_svg__a">
+          <Rect width={12} height={12} rx={6} fill="#fff" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgRemove
diff --git a/packages/icons/12/search.tsx b/packages/icons/12/search.tsx
new file mode 100644
index 00000000..9b94775d
--- /dev/null
+++ b/packages/icons/12/search.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSearch = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.1 5.382a3.282 3.282 0 1 1 6.565 0 3.282 3.282 0 0 1-6.565 0ZM5.382 1a4.382 4.382 0 1 0 2.686 7.846l2.153 2.152.778-.777-2.153-2.153A4.382 4.382 0 0 0 5.382 1Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgSearch
diff --git a/packages/icons/12/send-message.tsx b/packages/icons/12/send-message.tsx
new file mode 100644
index 00000000..749f0129
--- /dev/null
+++ b/packages/icons/12/send-message.tsx
@@ -0,0 +1,28 @@
+import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSendMessage = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#send-message_svg__a)" stroke="#000" strokeWidth={1.1}>
+        <Path d="m2.495 5.511 5.466-3.609a1 1 0 0 1 1.55.894l-.393 6.539c-.055.918-1.216 1.28-1.784.558L5.63 7.728l-2.727-.393c-.91-.13-1.175-1.317-.408-1.824ZM9.13 1.666l-3.5 6.062" />
+      </G>
+      <Defs>
+        <ClipPath id="send-message_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgSendMessage
diff --git a/packages/icons/12/sent.tsx b/packages/icons/12/sent.tsx
new file mode 100644
index 00000000..6d0957ba
--- /dev/null
+++ b/packages/icons/12/sent.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSent = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="M2.5 6.25 5 8.75l4.5-5.5" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgSent
diff --git a/packages/icons/12/timeout.tsx b/packages/icons/12/timeout.tsx
new file mode 100644
index 00000000..cd3c1f50
--- /dev/null
+++ b/packages/icons/12/timeout.tsx
@@ -0,0 +1,32 @@
+import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgTimeout = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#timeout_svg__a)">
+        <Path
+          d="M10.5 6A4.5 4.5 0 1 1 6 1.5"
+          stroke={color}
+          strokeWidth={1.1}
+        />
+      </G>
+      <Defs>
+        <ClipPath id="timeout_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgTimeout
diff --git a/packages/icons/12/total-members.tsx b/packages/icons/12/total-members.tsx
new file mode 100644
index 00000000..30140185
--- /dev/null
+++ b/packages/icons/12/total-members.tsx
@@ -0,0 +1,34 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgTotalMembers = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M3 9.25A2.25 2.25 0 0 1 5.25 7h1.5A2.25 2.25 0 0 1 9 9.25a.75.75 0 0 1-.75.75h-4.5A.75.75 0 0 1 3 9.25Z"
+        stroke={color}
+        strokeWidth={1.1}
+        strokeLinejoin="round"
+      />
+      <Circle
+        cx={6}
+        cy={3.5}
+        r={1.5}
+        stroke={color}
+        strokeWidth={1.1}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgTotalMembers
diff --git a/packages/icons/12/trash.tsx b/packages/icons/12/trash.tsx
new file mode 100644
index 00000000..f724caf5
--- /dev/null
+++ b/packages/icons/12/trash.tsx
@@ -0,0 +1,29 @@
+import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgTrash = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#trash_svg__a)" stroke={color} strokeWidth={1.1}>
+        <Path d="M2.5 3.5v4.3c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874C4.02 11 4.58 11 5.7 11h.6c1.12 0 1.68 0 2.108-.218a2 2 0 0 0 .874-.874C9.5 9.48 9.5 8.92 9.5 7.8V3.5M8 3a2 2 0 1 0-4 0M5 5.5V8M7 5.5V8" />
+        <Path d="M1 4s2.5-1 5-1 5 1 5 1" />
+      </G>
+      <Defs>
+        <ClipPath id="trash_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgTrash
diff --git a/packages/icons/12/unlocked.tsx b/packages/icons/12/unlocked.tsx
new file mode 100644
index 00000000..8c646b19
--- /dev/null
+++ b/packages/icons/12/unlocked.tsx
@@ -0,0 +1,25 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgUnlocked = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M2.5 7.75c0-.465 0-.697.038-.89A2 2 0 0 1 4.11 5.288c.193-.038.425-.038.89-.038h2c.465 0 .697 0 .89.038A2 2 0 0 1 9.462 6.86c.038.193.038.425.038.89s0 .697-.038.89a2 2 0 0 1-1.572 1.572c-.193.038-.425.038-.89.038H5c-.465 0-.697 0-.89-.038A2 2 0 0 1 2.538 8.64C2.5 8.447 2.5 8.215 2.5 7.75ZM8 5.25v-1.5a2 2 0 1 0-4 0"
+        stroke={color}
+        strokeWidth={1.1}
+      />
+    </Svg>
+  )
+}
+export default SvgUnlocked
diff --git a/packages/icons/12/untrustworthy.tsx b/packages/icons/12/untrustworthy.tsx
new file mode 100644
index 00000000..ec26d301
--- /dev/null
+++ b/packages/icons/12/untrustworthy.tsx
@@ -0,0 +1,22 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgUntrustworthy = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={6} cy={6} r={5} fill="#E65F5C" />
+      <Path d="M6 7V3M6 9V8" stroke="#fff" strokeWidth={1.1} />
+    </Svg>
+  )
+}
+export default SvgUntrustworthy
diff --git a/packages/icons/12/verified-1.tsx b/packages/icons/12/verified-1.tsx
new file mode 100644
index 00000000..f5c7d370
--- /dev/null
+++ b/packages/icons/12/verified-1.tsx
@@ -0,0 +1,33 @@
+import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgVerified1 = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#verified-1_svg__a)">
+        <Path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M6.43 1.156 6 .62l-.43.536-1.7 2.125-2.087-1.253-.91-.546.079 1.059.454 6.132.002.034c.02.276.04.539.223.851.078.133.16.243.266.341.091.085.189.15.262.198l.013.008c.652.429 1.852.945 3.828.945 1.976 0 3.176-.516 3.828-.945l.013-.008c.073-.049.171-.113.262-.198.106-.098.188-.208.266-.34.183-.313.203-.576.223-.852l.002-.034.455-6.132.078-1.059-.91.546L8.13 3.281l-1.7-2.125Zm-2 3.188L6 2.38l1.57 1.964.3.375.413-.247 1.59-.954-.338 4.559a5.14 5.14 0 0 0-.206-.088C8.632 7.711 7.562 7.45 6 7.45c-1.562 0-2.632.26-3.33.54-.072.028-.14.058-.205.087l-.338-4.56 1.59.955.412.247.3-.375Zm-1.687 4.82.034.022c.462.304 1.45.764 3.223.764 1.774 0 2.761-.46 3.223-.764l.034-.022a3.722 3.722 0 0 0-.336-.153C8.368 8.789 7.438 8.55 6 8.55c-1.439 0-2.369.24-2.922.46a3.721 3.721 0 0 0-.336.154Z"
+          fill={color}
+        />
+      </G>
+      <Defs>
+        <ClipPath id="verified-1_svg__a">
+          <Path fill="#fff" d="M0 0h12v12H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgVerified1
diff --git a/packages/icons/12/verified.tsx b/packages/icons/12/verified.tsx
new file mode 100644
index 00000000..843e398c
--- /dev/null
+++ b/packages/icons/12/verified.tsx
@@ -0,0 +1,22 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgVerified = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={6} cy={6} r={5} fill="#26A69A" />
+      <Path d="m4 6.3 1.333 1.2L8 4.5" stroke="#fff" strokeWidth={1.1} />
+    </Svg>
+  )
+}
+export default SvgVerified
diff --git a/packages/icons/12/whistle.tsx b/packages/icons/12/whistle.tsx
new file mode 100644
index 00000000..244193c1
--- /dev/null
+++ b/packages/icons/12/whistle.tsx
@@ -0,0 +1,31 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgWhistle = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={12}
+      height={12}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M7.128 7.696A3 3 0 0 0 6.732 6l1.232-1.866-1-1.732-4.33 2.5a3 3 0 1 0 4.494 2.794Z"
+        stroke={color}
+        strokeWidth={1.1}
+      />
+      <Circle
+        r={1}
+        transform="scale(-1 1) rotate(30 -16.062 -3.964)"
+        stroke={color}
+        strokeWidth={1.1}
+      />
+    </Svg>
+  )
+}
+export default SvgWhistle
diff --git a/packages/icons/16/add-user.tsx b/packages/icons/16/add-user.tsx
new file mode 100644
index 00000000..19fbf115
--- /dev/null
+++ b/packages/icons/16/add-user.tsx
@@ -0,0 +1,35 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAddUser = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M8.5 10H6a3 3 0 0 0-3 3 1 1 0 0 0 1 1h4.5"
+        stroke={color}
+        strokeWidth={1.2}
+        strokeLinejoin="round"
+      />
+      <Circle
+        cx={8.5}
+        cy={5}
+        r={2.5}
+        stroke={color}
+        strokeWidth={1.2}
+        strokeLinejoin="round"
+      />
+      <Path d="M11.5 10v4M9.5 12h4" stroke={color} strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgAddUser
diff --git a/packages/icons/16/add.tsx b/packages/icons/16/add.tsx
new file mode 100644
index 00000000..829ee928
--- /dev/null
+++ b/packages/icons/16/add.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAdd = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="M8 13V3M3 8h10" stroke={color} strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgAdd
diff --git a/packages/icons/16/alert.tsx b/packages/icons/16/alert.tsx
new file mode 100644
index 00000000..0bb34a84
--- /dev/null
+++ b/packages/icons/16/alert.tsx
@@ -0,0 +1,30 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAlert = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle
+        cx={8}
+        cy={8}
+        r={6}
+        transform="rotate(-180 8 8)"
+        stroke={color}
+        strokeWidth={1.2}
+      />
+      <Path d="M8 9V5" stroke={color} strokeWidth={1.3} />
+      <Path d="M8 11V9.75" stroke={color} strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgAlert
diff --git a/packages/icons/16/arrow-down.tsx b/packages/icons/16/arrow-down.tsx
new file mode 100644
index 00000000..956500b9
--- /dev/null
+++ b/packages/icons/16/arrow-down.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgArrowDown = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m4 9 4 4 4-4M8 3v10" stroke={color} strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgArrowDown
diff --git a/packages/icons/16/arrow-right.tsx b/packages/icons/16/arrow-right.tsx
new file mode 100644
index 00000000..2fc688e1
--- /dev/null
+++ b/packages/icons/16/arrow-right.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgArrowRight = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m9 12 4-4-4-4M3 8h10" stroke={color} strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgArrowRight
diff --git a/packages/icons/16/calendar.tsx b/packages/icons/16/calendar.tsx
new file mode 100644
index 00000000..47b31b34
--- /dev/null
+++ b/packages/icons/16/calendar.tsx
@@ -0,0 +1,33 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCalendar = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M14 9.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C11.72 14 10.88 14 9.2 14H6.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C2 11.72 2 10.88 2 9.2V7.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C4.28 3 5.12 3 6.8 3h2.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C14 5.28 14 6.12 14 7.8v1.4Z"
+        stroke={color}
+        strokeWidth={1.2}
+      />
+      <Path d="M5 2v2" stroke="#000" strokeWidth={1.3} strokeLinecap="round" />
+      <Path
+        d="M3 6.5h10"
+        stroke="#000"
+        strokeWidth={1.3}
+        strokeLinecap="square"
+      />
+      <Path d="M11 2v2" stroke="#000" strokeWidth={1.3} strokeLinecap="round" />
+    </Svg>
+  )
+}
+export default SvgCalendar
diff --git a/packages/icons/16/check-circle.tsx b/packages/icons/16/check-circle.tsx
new file mode 100644
index 00000000..8e1dfddd
--- /dev/null
+++ b/packages/icons/16/check-circle.tsx
@@ -0,0 +1,22 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCheckCircle = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={8} cy={8} r={6} stroke={color} strokeWidth={1.2} />
+      <Path d="m5 8 2 2 4-4" stroke={color} strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgCheckCircle
diff --git a/packages/icons/16/chevron-down.tsx b/packages/icons/16/chevron-down.tsx
new file mode 100644
index 00000000..b7549381
--- /dev/null
+++ b/packages/icons/16/chevron-down.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgChevronDown = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m5 6.5 3 3 3-3" stroke={color} strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgChevronDown
diff --git a/packages/icons/16/chevron-left.tsx b/packages/icons/16/chevron-left.tsx
new file mode 100644
index 00000000..6917c410
--- /dev/null
+++ b/packages/icons/16/chevron-left.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgChevronLeft = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m9.5 5-3 3 3 3" stroke={color} strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgChevronLeft
diff --git a/packages/icons/16/chevron-right.tsx b/packages/icons/16/chevron-right.tsx
new file mode 100644
index 00000000..e27c0d30
--- /dev/null
+++ b/packages/icons/16/chevron-right.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgChevronRight = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m6.5 11 3-3-3-3" stroke={color} strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgChevronRight
diff --git a/packages/icons/16/chevron-top.tsx b/packages/icons/16/chevron-top.tsx
new file mode 100644
index 00000000..88bc3882
--- /dev/null
+++ b/packages/icons/16/chevron-top.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgChevronTop = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m11 9.5-3-3-3 3" stroke={color} strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgChevronTop
diff --git a/packages/icons/16/close.tsx b/packages/icons/16/close.tsx
new file mode 100644
index 00000000..0e4c77b2
--- /dev/null
+++ b/packages/icons/16/close.tsx
@@ -0,0 +1,25 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgClose = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="m4.464 11.536 7.072-7.072M4.464 4.464l7.072 7.072"
+        stroke={color}
+        strokeWidth={1.2}
+      />
+    </Svg>
+  )
+}
+export default SvgClose
diff --git a/packages/icons/16/connection.tsx b/packages/icons/16/connection.tsx
new file mode 100644
index 00000000..13bce2a3
--- /dev/null
+++ b/packages/icons/16/connection.tsx
@@ -0,0 +1,33 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgConnection = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M11 14H5l3-7 3 7Z"
+        stroke="#000"
+        strokeWidth={1.2}
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M8 7V5M4.61 2a3.6 3.6 0 0 0 0 6M5.8 3.531a2.1 2.1 0 0 0 0 2.939M11.39 8a3.601 3.601 0 0 0 0-6M10.2 6.469a2.1 2.1 0 0 0 0-2.939"
+        stroke="#000"
+        strokeWidth={1.2}
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgConnection
diff --git a/packages/icons/16/contact-book.tsx b/packages/icons/16/contact-book.tsx
new file mode 100644
index 00000000..c98c21f7
--- /dev/null
+++ b/packages/icons/16/contact-book.tsx
@@ -0,0 +1,40 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgContactBook = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M6 10.625c0-1.036.84-1.875 1.875-1.875h1.25c1.036 0 1.875.84 1.875 1.875 0 .345-.28.625-.625.625h-3.75A.625.625 0 0 1 6 10.625Z"
+        stroke={color}
+        strokeWidth={1.2}
+        strokeLinejoin="round"
+      />
+      <Circle
+        cx={8.5}
+        cy={6}
+        r={1.25}
+        stroke={color}
+        strokeWidth={1.2}
+        strokeLinejoin="round"
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.6 6.774V9.226c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.877.305-1.415.35-.524.042-1.175.042-1.993.042H7.774c-.818 0-1.468 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415a11.73 11.73 0 0 1-.03-.619H2a.6.6 0 1 1 0-1.2h.4V6.6H2a.6.6 0 0 1 0-1.2h.411c.007-.224.016-.43.032-.62.044-.537.136-.995.35-1.414a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C6.306 1.4 6.956 1.4 7.774 1.4h1.452c.818 0 1.468 0 1.993.043.538.044.996.136 1.415.35a3.6 3.6 0 0 1 1.574 1.573c.213.42.305.877.35 1.415.042.525.042 1.175.042 1.993ZM3.612 5.4c.005-.192.014-.364.027-.522.038-.463.11-.745.223-.968A2.4 2.4 0 0 1 4.91 2.862c.223-.114.505-.185.968-.223C6.348 2.6 6.95 2.6 7.8 2.6h1.4c.85 0 1.451 0 1.922.039.463.038.745.11.968.223a2.4 2.4 0 0 1 1.048 1.048c.114.223.185.505.223.968.039.47.039 1.072.039 1.922v2.4c0 .85 0 1.451-.039 1.921-.038.464-.11.746-.223.969a2.4 2.4 0 0 1-1.048 1.048c-.223.114-.505.185-.968.223-.47.038-1.072.039-1.922.039H7.8c-.85 0-1.451 0-1.922-.039-.463-.038-.745-.11-.968-.223a2.4 2.4 0 0 1-1.048-1.048c-.114-.223-.185-.505-.223-.969-.013-.157-.022-.33-.027-.521H4a.6.6 0 1 0 0-1.2h-.4V6.6H4a.6.6 0 1 0 0-1.2h-.388Z"
+        fill="#000"
+      />
+    </Svg>
+  )
+}
+export default SvgContactBook
diff --git a/packages/icons/16/delete.tsx b/packages/icons/16/delete.tsx
new file mode 100644
index 00000000..31ee628e
--- /dev/null
+++ b/packages/icons/16/delete.tsx
@@ -0,0 +1,34 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgDelete = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M3.5 4h9l-.348 6.96c-.053 1.069-.08 1.604-.305 2.01a2 2 0 0 1-.868.825c-.417.205-.952.205-2.023.205H7.044c-1.07 0-1.606 0-2.023-.204a2 2 0 0 1-.868-.826c-.225-.406-.252-.94-.305-2.01L3.5 4Z"
+        stroke={color}
+        strokeWidth={1.2}
+        strokeLinejoin="round"
+      />
+      <Path d="M1.5 4h13" stroke={color} strokeWidth={1.2} />
+      <Path
+        d="M10.5 4a2.5 2.5 0 0 0-5 0"
+        stroke={color}
+        strokeWidth={1.2}
+        strokeLinejoin="round"
+      />
+      <Path d="M9.5 7v4M6.5 7v4" stroke={color} strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgDelete
diff --git a/packages/icons/16/email.tsx b/packages/icons/16/email.tsx
new file mode 100644
index 00000000..a0b33b4e
--- /dev/null
+++ b/packages/icons/16/email.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgEmail = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M9.2 13H6.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C2 10.72 2 9.88 2 8.2v-.4c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C4.28 3 5.12 3 6.8 3h2.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C14 5.28 14 6.12 14 7.8v.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C11.72 13 10.88 13 9.2 13Z"
+        stroke={color}
+        strokeWidth={1.2}
+      />
+      <Path d="M4.5 5.5 8 8.75l3.5-3.25" stroke={color} strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgEmail
diff --git a/packages/icons/16/forward.tsx b/packages/icons/16/forward.tsx
new file mode 100644
index 00000000..c4f15410
--- /dev/null
+++ b/packages/icons/16/forward.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgForward = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M14 8H8.4c-2.24 0-3.36 0-4.216.436a4 4 0 0 0-1.748 1.748C2 11.04 2 12.16 2 14.4v.1"
+        stroke="#000"
+        strokeWidth={1.2}
+      />
+      <Path d="M10 11.5 14 8l-4-3.5" stroke="#000" strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgForward
diff --git a/packages/icons/16/gif.tsx b/packages/icons/16/gif.tsx
new file mode 100644
index 00000000..2506df82
--- /dev/null
+++ b/packages/icons/16/gif.tsx
@@ -0,0 +1,31 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgGif = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M9.2 14H6.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C2 11.72 2 10.88 2 9.2V6.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C4.28 2 5.12 2 6.8 2h2.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C14 4.28 14 5.12 14 6.8v2.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C11.72 14 10.88 14 9.2 14Z"
+        stroke={color}
+        strokeWidth={1.2}
+      />
+      <Path
+        d="M6.41 7.435 6.398 7.4a.82.82 0 0 0-.111-.228.68.68 0 0 0-.388-.28h-.001a.969.969 0 0 0-.278-.038c-.18 0-.34.044-.479.13a.885.885 0 0 0-.33.385c-.08.17-.12.378-.12.628 0 .252.04.462.12.632.08.171.19.3.33.387.14.086.304.13.493.13a.96.96 0 0 0 .44-.094.667.667 0 0 0 .284-.264.768.768 0 0 0 .097-.335h-.808V7.87h1.528V8.33c0 .299-.066.56-.2.782a1.347 1.347 0 0 1-.549.511 1.73 1.73 0 0 1-.796.177c-.331 0-.625-.072-.879-.218a1.53 1.53 0 0 1-.59-.624H4.16c-.14-.27-.21-.59-.21-.955 0-.28.04-.531.123-.754.084-.222.2-.412.351-.568.15-.157.327-.276.53-.358.202-.082.421-.123.657-.123.2 0 .386.028.56.086m.239 1.149-.254-1.102m.254 1.102H7.154l-.01-.058a1.29 1.29 0 0 0-.173-.478 1.361 1.361 0 0 0-.336-.372m-.225.908.194-.869m-.433-.28-.015.047m.015-.047-.015.047m.015-.047c.174.056.328.136.464.24m-.48-.193c.17.055.319.132.45.233m.03-.04-.03.04m.03-.04-.03.04m.49.819-.049.007-.001-.007h.05Zm0 0v-.05h-.008l.008.05Zm-.998 1.711c-.13.067-.285.1-.463.1a.966.966 0 0 1-.52-.138.931.931 0 0 1-.348-.408 1.535 1.535 0 0 1-.125-.653c0-.255.042-.472.125-.65l1.331 1.75Zm2.592-2.8v-.05H7.952V9.754H8.689V6.297Zm1.007 3.407v.05H10.434V8.306h1.461V7.69h-1.461v-.825h1.616V6.247H9.696v3.456Z"
+        fill={color}
+        stroke={color}
+        strokeWidth={0.1}
+      />
+    </Svg>
+  )
+}
+export default SvgGif
diff --git a/packages/icons/16/group.tsx b/packages/icons/16/group.tsx
new file mode 100644
index 00000000..72457d36
--- /dev/null
+++ b/packages/icons/16/group.tsx
@@ -0,0 +1,30 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgGroup = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.6 5a1.9 1.9 0 1 1 3.8 0 1.9 1.9 0 0 1-3.8 0Zm1.9-3.1a3.1 3.1 0 1 0 0 6.2 3.1 3.1 0 0 0 0-6.2ZM5 8.9a3.6 3.6 0 0 0-3.6 3.6A1.6 1.6 0 0 0 3 14.1h6a1.6 1.6 0 0 0 1.6-1.6A3.6 3.6 0 0 0 7 8.9H5Zm-2.4 3.6A2.4 2.4 0 0 1 5 10.1h2a2.4 2.4 0 0 1 2.4 2.4.4.4 0 0 1-.4.4H3a.4.4 0 0 1-.4-.4Z"
+        fill={color}
+      />
+      <Path
+        d="M10 3.1a1.9 1.9 0 0 1 0 3.8v1.2a3.1 3.1 0 0 0 0-6.2v1.2ZM11 10.1h.5a2.4 2.4 0 0 1 2.4 2.4.4.4 0 0 1-.4.4h-2v1.2h2a1.6 1.6 0 0 0 1.6-1.6 3.6 3.6 0 0 0-3.6-3.6H11v1.2Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgGroup
diff --git a/packages/icons/16/history.tsx b/packages/icons/16/history.tsx
new file mode 100644
index 00000000..1815d02e
--- /dev/null
+++ b/packages/icons/16/history.tsx
@@ -0,0 +1,27 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgHistory = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.6 4.204V3H1.4v3.6h3.1V5.4H3.266a5.4 5.4 0 1 1-.534 3.792l-1.165.291A6.6 6.6 0 1 0 2.6 4.204Z"
+        fill="#000"
+      />
+      <Path d="M7.5 5v3l2.5 2.5" stroke="#000" strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgHistory
diff --git a/packages/icons/16/index.ts b/packages/icons/16/index.ts
new file mode 100644
index 00000000..dee21c0a
--- /dev/null
+++ b/packages/icons/16/index.ts
@@ -0,0 +1,39 @@
+export { default as Add } from './add'
+export { default as AddUser } from './add-user'
+export { default as Alert } from './alert'
+export { default as ArrowDown } from './arrow-down'
+export { default as ArrowRight } from './arrow-right'
+export { default as Calendar } from './calendar'
+export { default as CheckCircle } from './check-circle'
+export { default as ChevronDown } from './chevron-down'
+export { default as ChevronLeft } from './chevron-left'
+export { default as ChevronRight } from './chevron-right'
+export { default as ChevronTop } from './chevron-top'
+export { default as Close } from './close'
+export { default as Connection } from './connection'
+export { default as ContactBook } from './contact-book'
+export { default as Delete } from './delete'
+export { default as Email } from './email'
+export { default as Forward } from './forward'
+export { default as Gif } from './gif'
+export { default as Group } from './group'
+export { default as History } from './history'
+export { default as Info } from './info'
+export { default as Lightning } from './lightning'
+export { default as Locked } from './locked'
+export { default as Mention } from './mention'
+export { default as More } from './more'
+export { default as Mute } from './mute'
+export { default as Negative } from './negative'
+export { default as Notification } from './notification'
+export { default as Pin } from './pin'
+export { default as Placeholder } from './placeholder'
+export { default as Positive } from './positive'
+export { default as Privacy } from './privacy'
+export { default as Progress } from './progress'
+export { default as RemoveUser } from './remove-user'
+export { default as Sad } from './sad'
+export { default as Stickers } from './stickers'
+export { default as Unlocked } from './unlocked'
+export { default as Unmute } from './unmute'
+export { default as World } from './world'
diff --git a/packages/icons/16/info.tsx b/packages/icons/16/info.tsx
new file mode 100644
index 00000000..9071f619
--- /dev/null
+++ b/packages/icons/16/info.tsx
@@ -0,0 +1,22 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgInfo = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={8} cy={8} r={6} stroke={color} strokeWidth={1.2} />
+      <Path d="M8 7v4M8 5v1.25" stroke={color} strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgInfo
diff --git a/packages/icons/16/lightning.tsx b/packages/icons/16/lightning.tsx
new file mode 100644
index 00000000..f06ba67f
--- /dev/null
+++ b/packages/icons/16/lightning.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgLightning = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M9 2v5h3l-5 7V9H4l5-7Z"
+        stroke={color}
+        strokeWidth={1.2}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgLightning
diff --git a/packages/icons/16/locked.tsx b/packages/icons/16/locked.tsx
new file mode 100644
index 00000000..12ed71a2
--- /dev/null
+++ b/packages/icons/16/locked.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgLocked = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8 .9h-.012c-.081 0-.137 0-.186.002a3 3 0 0 0-2.9 2.9c-.002.05-.002.105-.002.186v1.175a3.6 3.6 0 0 0-2.127 2.405c-.123.46-.123.998-.123 1.832v.2c0 .834 0 1.373.123 1.832a3.6 3.6 0 0 0 2.545 2.545c.46.123.998.123 1.832.123H8.85c.834 0 1.373 0 1.832-.123a3.6 3.6 0 0 0 2.545-2.545c.123-.46.123-.998.123-1.832v-.2c0-.834 0-1.373-.123-1.832A3.6 3.6 0 0 0 11.1 5.163V3.988c0-.081 0-.137-.002-.186A3 3 0 0 0 8.012.9H8Zm.75 5.2h-1.5c-.969 0-1.335.005-1.621.082a2.4 2.4 0 0 0-1.697 1.697c-.077.286-.082.652-.082 1.621s.005 1.335.082 1.621a2.4 2.4 0 0 0 1.697 1.697c.286.077.652.082 1.621.082h1.5c.969 0 1.335-.005 1.621-.082a2.4 2.4 0 0 0 1.697-1.697c.077-.286.082-.652.082-1.621s-.005-1.335-.082-1.621a2.4 2.4 0 0 0-1.697-1.697C10.085 6.105 9.72 6.1 8.75 6.1Zm.288-1.2H9.9V3.841a1.8 1.8 0 0 0-1.741-1.74 5.726 5.726 0 0 0-.318 0 1.8 1.8 0 0 0-1.74 1.74V4.9H9.037ZM7.4 8.25h1.2v2.5H7.4v-2.5Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgLocked
diff --git a/packages/icons/16/mention.tsx b/packages/icons/16/mention.tsx
new file mode 100644
index 00000000..8d9e317e
--- /dev/null
+++ b/packages/icons/16/mention.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgMention = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.708 1.625a6.6 6.6 0 1 0 1.592 12.09l-.6-1.038A5.4 5.4 0 1 1 13.4 8v.126a24.795 24.795 0 0 1-.058 1.42c-.034.475-.445.854-1.017.854A1.225 1.225 0 0 1 11.1 9.175V4.5H9.9v1.05a3.1 3.1 0 1 0 .245 4.688 2.425 2.425 0 0 0 2.18 1.362c1.103 0 2.128-.771 2.214-1.967a24.716 24.716 0 0 0 .06-1.595l.001-.028V8.001l-.6-.001h.6a6.6 6.6 0 0 0-4.892-6.375ZM8 9.9a1.9 1.9 0 1 0 0-3.8 1.9 1.9 0 0 0 0 3.8Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgMention
diff --git a/packages/icons/16/more.tsx b/packages/icons/16/more.tsx
new file mode 100644
index 00000000..3eaeeb1a
--- /dev/null
+++ b/packages/icons/16/more.tsx
@@ -0,0 +1,23 @@
+import { Circle, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgMore = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={3.25} cy={8} r={1.25} fill={color} />
+      <Circle cx={8} cy={8} r={1.25} fill={color} />
+      <Circle cx={12.75} cy={8} r={1.25} fill={color} />
+    </Svg>
+  )
+}
+export default SvgMore
diff --git a/packages/icons/16/mute.tsx b/packages/icons/16/mute.tsx
new file mode 100644
index 00000000..c349bdd3
--- /dev/null
+++ b/packages/icons/16/mute.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgMute = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8 1.9a4.163 4.163 0 0 0-4.162 4.162v.696c0 .525-.168 1.036-.478 1.459l-.358.487A1.82 1.82 0 0 0 4.47 11.6h7.06a1.82 1.82 0 0 0 1.468-2.896l-.358-.487a2.466 2.466 0 0 1-.478-1.459v-.696A4.162 4.162 0 0 0 8 1.9ZM5.038 6.062a2.963 2.963 0 0 1 5.925 0v.696c0 .78.248 1.54.71 2.168l.357.488a.62.62 0 0 1-.5.986H4.47a.62.62 0 0 1-.5-.986l.358-.488c.46-.629.71-1.388.71-2.168v-.696ZM8 14.35c.468 0 .927-.111 1.35-.323a3.46 3.46 0 0 0 1.112-.894l-.924-.766a2.26 2.26 0 0 1-.724.586A1.814 1.814 0 0 1 8 13.15c-.275 0-.551-.065-.814-.197a2.26 2.26 0 0 1-.724-.586l-.924.766a3.46 3.46 0 0 0 1.111.894c.424.212.883.323 1.351.323Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgMute
diff --git a/packages/icons/16/negative.tsx b/packages/icons/16/negative.tsx
new file mode 100644
index 00000000..96d744ea
--- /dev/null
+++ b/packages/icons/16/negative.tsx
@@ -0,0 +1,22 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgNegative = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={8} cy={8} r={6} stroke="#E65F5C" strokeOpacity={0.4} />
+      <Path d="M8 10.5V5M5 7.5l3 3 3-3" stroke="#E65F5C" strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgNegative
diff --git a/packages/icons/16/notification.tsx b/packages/icons/16/notification.tsx
new file mode 100644
index 00000000..2dee2080
--- /dev/null
+++ b/packages/icons/16/notification.tsx
@@ -0,0 +1,21 @@
+import { Circle, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgNotification = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={8} cy={8} r={4} fill="#4360DF" />
+    </Svg>
+  )
+}
+export default SvgNotification
diff --git a/packages/icons/16/pin.tsx b/packages/icons/16/pin.tsx
new file mode 100644
index 00000000..43ab2ebc
--- /dev/null
+++ b/packages/icons/16/pin.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPin = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="m8.5 3.5 4 4-4 4-4-4 4-4ZM6.5 9.5 3 13M3.5 6.5l6 6M7.5 2.5l6 6"
+        stroke={color}
+        strokeWidth={1.2}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgPin
diff --git a/packages/icons/16/placeholder.tsx b/packages/icons/16/placeholder.tsx
new file mode 100644
index 00000000..5bf85f10
--- /dev/null
+++ b/packages/icons/16/placeholder.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPlaceholder = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8 2.6a5.377 5.377 0 0 0-3.37 1.18L8 7.152l3.37-3.37A5.377 5.377 0 0 0 8 2.6Zm4.22 2.03L8.848 8l3.37 3.37A5.378 5.378 0 0 0 13.4 8a5.378 5.378 0 0 0-1.18-3.37ZM7.15 8l-3.37-3.37A5.377 5.377 0 0 0 2.6 8c0 1.275.442 2.447 1.18 3.37L7.153 8ZM4.63 12.22 8 8.848l3.37 3.37A5.377 5.377 0 0 1 8 13.4a5.377 5.377 0 0 1-3.37-1.18ZM1.4 8a6.6 6.6 0 1 1 13.2 0A6.6 6.6 0 0 1 1.4 8Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgPlaceholder
diff --git a/packages/icons/16/positive.tsx b/packages/icons/16/positive.tsx
new file mode 100644
index 00000000..2ffd01ac
--- /dev/null
+++ b/packages/icons/16/positive.tsx
@@ -0,0 +1,22 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPositive = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={8} cy={8} r={6} stroke="#26A69A" strokeOpacity={0.4} />
+      <Path d="M8 5.5V11M11 8.5l-3-3-3 3" stroke="#26A69A" strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgPositive
diff --git a/packages/icons/16/privacy.tsx b/packages/icons/16/privacy.tsx
new file mode 100644
index 00000000..d256aa33
--- /dev/null
+++ b/packages/icons/16/privacy.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPrivacy = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.14 4.122a.4.4 0 0 1 .639-.192l1.837 1.53.42.352.388-.388 1.428-1.427a.4.4 0 0 1 .654.134L11.614 6.9H4.306l.834-2.778ZM3.054 6.9l.936-3.122a1.6 1.6 0 0 1 2.557-.77l1.416 1.18 1.04-1.04a1.6 1.6 0 0 1 2.617.537L12.906 6.9H14v1.2H2V6.9h1.054ZM5 10.6a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3Zm-2.35 1.15a2.35 2.35 0 0 1 4.59-.716 3.31 3.31 0 0 1 1.52 0 2.351 2.351 0 1 1-.053 1.234 2.106 2.106 0 0 0-1.414 0 2.35 2.35 0 0 1-4.643-.518Zm7.2 0a1.15 1.15 0 1 1 2.3 0 1.15 1.15 0 0 1-2.3 0Z"
+        fill="#000"
+      />
+    </Svg>
+  )
+}
+export default SvgPrivacy
diff --git a/packages/icons/16/progress.tsx b/packages/icons/16/progress.tsx
new file mode 100644
index 00000000..57b4eb2c
--- /dev/null
+++ b/packages/icons/16/progress.tsx
@@ -0,0 +1,29 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgProgress = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle
+        cx={8}
+        cy={8}
+        r={6}
+        transform="rotate(-180 8 8)"
+        stroke="#F0F2F5"
+        strokeWidth={1.2}
+      />
+      <Path d="M8 2a6 6 0 0 1 5.706 4.146" stroke={color} strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgProgress
diff --git a/packages/icons/16/remove-user.tsx b/packages/icons/16/remove-user.tsx
new file mode 100644
index 00000000..fa1207eb
--- /dev/null
+++ b/packages/icons/16/remove-user.tsx
@@ -0,0 +1,35 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgRemoveUser = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M8.5 10H6a3 3 0 0 0-3 3 1 1 0 0 0 1 1h4.5"
+        stroke={color}
+        strokeWidth={1.2}
+        strokeLinejoin="round"
+      />
+      <Circle
+        cx={8.5}
+        cy={5}
+        r={2.5}
+        stroke={color}
+        strokeWidth={1.2}
+        strokeLinejoin="round"
+      />
+      <Path d="M9.5 12h4" stroke={color} strokeWidth={1.2} />
+    </Svg>
+  )
+}
+export default SvgRemoveUser
diff --git a/packages/icons/16/sad.tsx b/packages/icons/16/sad.tsx
new file mode 100644
index 00000000..0362ae44
--- /dev/null
+++ b/packages/icons/16/sad.tsx
@@ -0,0 +1,28 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSad = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={8} cy={8} r={6} stroke={color} strokeWidth={1.2} />
+      <Path
+        d="M10.5 10.75a3.547 3.547 0 0 0-1.147-.74 3.645 3.645 0 0 0-2.706 0 3.547 3.547 0 0 0-1.147.74"
+        stroke={color}
+        strokeWidth={1.2}
+      />
+      <Circle cx={6} cy={6.5} r={1} fill={color} />
+      <Circle cx={10} cy={6.5} r={1} fill={color} />
+    </Svg>
+  )
+}
+export default SvgSad
diff --git a/packages/icons/16/stickers.tsx b/packages/icons/16/stickers.tsx
new file mode 100644
index 00000000..cfadd6bc
--- /dev/null
+++ b/packages/icons/16/stickers.tsx
@@ -0,0 +1,30 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgStickers = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M8 2h.667c1.24 0 1.86 0 2.368.136a4 4 0 0 1 2.829 2.829C14 5.473 14 6.093 14 7.333c0 1.55 0 2.325-.17 2.961a5 5 0 0 1-3.536 3.536c-.636.17-1.41.17-2.96.17-1.24 0-1.86 0-2.37-.136a4 4 0 0 1-2.828-2.829C2 10.527 2 9.907 2 8.667V8c0-1.864 0-2.796.304-3.53A4 4 0 0 1 4.47 2.303C5.204 2 6.136 2 8 2Z"
+        stroke={color}
+        strokeWidth={1.2}
+      />
+      <Path
+        d="M13.8 9c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C9 11.28 9 12.12 9 13.8"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgStickers
diff --git a/packages/icons/16/unlocked.tsx b/packages/icons/16/unlocked.tsx
new file mode 100644
index 00000000..662b5f5a
--- /dev/null
+++ b/packages/icons/16/unlocked.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgUnlocked = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.065.9A3.035 3.035 0 0 1 11.1 3.935v1.228a3.6 3.6 0 0 1 2.127 2.405c.123.46.123.998.123 1.832v.2c0 .834 0 1.373-.123 1.832a3.6 3.6 0 0 1-2.545 2.545c-.46.123-.998.123-1.832.123H7.15c-.834 0-1.373 0-1.832-.123a3.6 3.6 0 0 1-2.545-2.545c-.123-.46-.123-.998-.123-1.832v-.2c0-.834 0-1.373.123-1.832a3.6 3.6 0 0 1 2.545-2.545c.46-.123.998-.123 1.832-.123H8.85c.414 0 .755 0 1.05.015v-.98a1.835 1.835 0 0 0-3.568-.602l-.265.764-1.134-.394.265-.764A3.035 3.035 0 0 1 8.065.9ZM7.25 6.1c-.969 0-1.335.005-1.621.082a2.4 2.4 0 0 0-1.697 1.697c-.077.286-.082.652-.082 1.621s.005 1.335.082 1.621a2.4 2.4 0 0 0 1.697 1.697c.286.077.652.082 1.621.082h1.5c.969 0 1.335-.005 1.621-.082a2.4 2.4 0 0 0 1.697-1.697c.077-.286.082-.652.082-1.621s-.005-1.335-.082-1.621a2.4 2.4 0 0 0-1.697-1.697C10.085 6.105 9.72 6.1 8.75 6.1h-1.5Zm.15 2.15h1.2v2.5H7.4v-2.5Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgUnlocked
diff --git a/packages/icons/16/unmute.tsx b/packages/icons/16/unmute.tsx
new file mode 100644
index 00000000..00e1db34
--- /dev/null
+++ b/packages/icons/16/unmute.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgUnmute = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.838 6.063c0-.418.061-.821.175-1.201L1.92 2.767l.848-.848 1.796 1.795a4.163 4.163 0 0 1 7.6 2.348v.696c0 .525.167 1.036.477 1.459l.358.487a1.82 1.82 0 0 1-.713 2.733l1.796 1.796-.848.848L10.75 11.6H4.47a1.82 1.82 0 0 1-1.468-2.896l.358-.487c.31-.423.478-.934.478-1.459v-.696Zm1.2 0c0-.058.001-.115.004-.172l4.51 4.509H4.47a.62.62 0 0 1-.5-.986l.358-.488c.46-.629.71-1.388.71-2.168v-.696ZM11.53 10.4h-.281L5.432 4.584a2.963 2.963 0 0 1 5.53 1.479v.695c0 .78.25 1.54.71 2.168l.358.488a.62.62 0 0 1-.5.986ZM8 14.35c.468 0 .927-.111 1.35-.323a3.46 3.46 0 0 0 1.112-.894l-.924-.766a2.26 2.26 0 0 1-.724.586A1.814 1.814 0 0 1 8 13.15c-.275 0-.551-.065-.814-.197a2.26 2.26 0 0 1-.724-.586l-.924.766a3.46 3.46 0 0 0 1.111.894c.424.212.883.323 1.351.323Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgUnmute
diff --git a/packages/icons/16/world.tsx b/packages/icons/16/world.tsx
new file mode 100644
index 00000000..da05a333
--- /dev/null
+++ b/packages/icons/16/world.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgWorld = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.6 8a5.4 5.4 0 0 1 5.792-5.386c-.454.248-.926.515-1.33.77-.39.247-.772.516-1.01.772-.105.113-.276.32-.31.593-.02.162.01.34.114.5.098.15.23.24.342.293.266.127.574.231.852.323l.111.037c.248.082.476.157.683.24.242.099.4.188.49.268.07.062.067.086.066.09a.224.224 0 0 1-.032.028c-.079.06-.225.128-.472.202-.164.05-.331.091-.516.137l-.292.073a5.012 5.012 0 0 0-.89.301c-.082.039-.185.08-.316.134l-.242.099a4.845 4.845 0 0 0-.714.352 1.439 1.439 0 0 0-.34.29.807.807 0 0 0-.186.651c.05.285.24.463.386.563.151.103.336.18.532.242.337.107.574.192.745.27.172.078.24.132.268.161l.002.002c.022.022.067.068.067.495 0 .21.047.453.102.677.058.234.137.49.223.744.185.55.634.987 1.235.957.589-.029 1.001-.492 1.156-1.042.244-.862.554-1.555 1.088-1.895.49-.311.76-.682.95-1.057.08-.162.15-.328.21-.473l.015-.038c.066-.16.127-.304.201-.445.207-.396.566-.876 1.627-1.366A5.4 5.4 0 1 1 2.6 8Zm10.16-2.553a5.421 5.421 0 0 0-2.618-2.406l-.227.12c-.674.356-1.545.816-2.212 1.238a8.393 8.393 0 0 0-.418.28l.142.047.106.035c.245.08.515.17.763.27.28.114.588.264.831.479.259.228.473.555.473.99 0 .445-.225.77-.506.984-.257.194-.575.311-.85.395-.194.058-.412.112-.612.162l-.244.061a3.89 3.89 0 0 0-.674.222c-.114.055-.274.12-.428.182l-.167.068c.163.058.31.116.44.175.238.108.46.239.636.422.387.402.405.901.405 1.329 0 .06.017.187.067.388.047.19.115.413.195.65.015.045.032.078.046.102a.51.51 0 0 0 .053-.13c.245-.866.648-1.977 1.6-2.582.268-.17.406-.357.521-.585.06-.119.112-.244.176-.399l.012-.029c.066-.161.145-.35.247-.544.359-.685.949-1.337 2.243-1.924ZM8 1.4a6.6 6.6 0 1 0 0 13.2A6.6 6.6 0 0 0 8 1.4ZM6.894 5.017l.004-.006a.038.038 0 0 1-.004.006Z"
+        fill="#000"
+      />
+    </Svg>
+  )
+}
+export default SvgWorld
diff --git a/packages/icons/20/account-number.tsx b/packages/icons/20/account-number.tsx
new file mode 100644
index 00000000..41480ff4
--- /dev/null
+++ b/packages/icons/20/account-number.tsx
@@ -0,0 +1,25 @@
+import { Path, Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAccountNumber = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Rect x={2.5} y={2.5} width={15} height={15} rx={3.5} stroke={color} />
+      <Path
+        d="M11.322 6v8H9.873V7.41h-.047l-1.87 1.195V7.277L9.942 6h1.38Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgAccountNumber
diff --git a/packages/icons/20/active-member.tsx b/packages/icons/20/active-member.tsx
new file mode 100644
index 00000000..e3cb77ba
--- /dev/null
+++ b/packages/icons/20/active-member.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgActiveMember = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M11.25 2.5v6.25h3.25L8.75 17.5v-6.25H5.5l5.75-8.75Z"
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgActiveMember
diff --git a/packages/icons/20/activity-center.tsx b/packages/icons/20/activity-center.tsx
new file mode 100644
index 00000000..e0eda8fc
--- /dev/null
+++ b/packages/icons/20/activity-center.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgActivityCenter = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M5.5 7.5a4.5 4.5 0 1 1 9 0v.75c0 .811.263 1.6.75 2.25l.45.6a1.5 1.5 0 0 1-1.2 2.4h-9a1.5 1.5 0 0 1-1.2-2.4l.45-.6a3.75 3.75 0 0 0 .75-2.25V7.5ZM7.878 16.121a2.999 2.999 0 0 0 4.243 0"
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgActivityCenter
diff --git a/packages/icons/20/add-reaction.tsx b/packages/icons/20/add-reaction.tsx
new file mode 100644
index 00000000..39421a28
--- /dev/null
+++ b/packages/icons/20/add-reaction.tsx
@@ -0,0 +1,32 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAddReaction = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M7.525 12a3.5 3.5 0 0 0 4.95 0"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Circle cx={8} cy={8.5} r={1} fill={color} />
+      <Circle cx={12} cy={8.5} r={1} fill={color} />
+      <Path
+        d="M15.5 2v5M13 4.5h5M11.747 3.48a6.75 6.75 0 1 0 4.773 4.773"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgAddReaction
diff --git a/packages/icons/20/add-small.tsx b/packages/icons/20/add-small.tsx
new file mode 100644
index 00000000..2eb5c8dc
--- /dev/null
+++ b/packages/icons/20/add-small.tsx
@@ -0,0 +1,34 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAddSmall = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.65 9.35V6.5h-1.3v2.85H6.5v1.3h2.85v2.85h1.3v-2.85h2.85v-1.3h-2.85Z"
+        fill={color}
+      />
+      <Circle
+        cx={10}
+        cy={10}
+        r={6.75}
+        stroke="#1B273D"
+        strokeOpacity={0.3}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgAddSmall
diff --git a/packages/icons/20/add-token.tsx b/packages/icons/20/add-token.tsx
new file mode 100644
index 00000000..8368446c
--- /dev/null
+++ b/packages/icons/20/add-token.tsx
@@ -0,0 +1,27 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAddToken = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={6.75} fill={color} />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.65 9.35V6.5h-1.3v2.85H6.5v1.3h2.85v2.85h1.3v-2.85h2.85v-1.3h-2.85Z"
+        fill="#fff"
+      />
+    </Svg>
+  )
+}
+export default SvgAddToken
diff --git a/packages/icons/20/add-user.tsx b/packages/icons/20/add-user.tsx
new file mode 100644
index 00000000..069166e4
--- /dev/null
+++ b/packages/icons/20/add-user.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAddUser = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.15 6a1.85 1.85 0 1 1 3.7 0 1.85 1.85 0 0 1-3.7 0ZM10 2.85a3.15 3.15 0 1 0 0 6.3 3.15 3.15 0 0 0 0-6.3Zm-2.25 8.8a3.1 3.1 0 0 0-3.1 3.1.6.6 0 0 0 .6.6H11v1.3H5.25a1.9 1.9 0 0 1-1.9-1.9 4.4 4.4 0 0 1 4.4-4.4H11v1.3H7.75Zm5.6 2.5V16h1.3v-1.85h1.85v-1.3h-1.85V11h-1.3v1.85H11.5v1.3h1.85Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgAddUser
diff --git a/packages/icons/20/add.tsx b/packages/icons/20/add.tsx
new file mode 100644
index 00000000..ab8779d7
--- /dev/null
+++ b/packages/icons/20/add.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAdd = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.65 9.35V4h-1.3v5.35H4v1.3h5.35V16h1.3v-5.35H16v-1.3h-5.35Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgAdd
diff --git a/packages/icons/20/alert.tsx b/packages/icons/20/alert.tsx
new file mode 100644
index 00000000..ab4a78d6
--- /dev/null
+++ b/packages/icons/20/alert.tsx
@@ -0,0 +1,22 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAlert = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={6.75} stroke={color} strokeWidth={1.3} />
+      <Path d="M10 12V6M10 14v-1" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgAlert
diff --git a/packages/icons/20/alphabetically.tsx b/packages/icons/20/alphabetically.tsx
new file mode 100644
index 00000000..c3306b1d
--- /dev/null
+++ b/packages/icons/20/alphabetically.tsx
@@ -0,0 +1,33 @@
+import { Path, Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAlphabetically = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M8.412 13H7l2.152-6h1.699l1.074 3L13 13h-1.412l-1.562-4.629h-.049L8.412 13Zm-.088-2.358h3.337v.99H8.324v-.99Z"
+        fill={color}
+      />
+      <Rect
+        x={3.5}
+        y={3.5}
+        width={13}
+        height={13}
+        rx={4}
+        stroke={color}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgAlphabetically
diff --git a/packages/icons/20/android.tsx b/packages/icons/20/android.tsx
new file mode 100644
index 00000000..5fc36cd3
--- /dev/null
+++ b/packages/icons/20/android.tsx
@@ -0,0 +1,32 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAndroid = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M4 9a6 6 0 0 1 12 0v5.667A2.333 2.333 0 0 1 13.667 17H6.333A2.333 2.333 0 0 1 4 14.667V9Z"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Path
+        d="M4 9a6 6 0 0 1 12 0H4ZM14 5l2-2M6 5 4 3"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Circle cx={8} cy={6.5} r={1} fill={color} />
+      <Circle cx={12} cy={6.5} r={1} fill={color} />
+    </Svg>
+  )
+}
+export default SvgAndroid
diff --git a/packages/icons/20/anonymous.tsx b/packages/icons/20/anonymous.tsx
new file mode 100644
index 00000000..dbc56594
--- /dev/null
+++ b/packages/icons/20/anonymous.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAnonymous = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.545 3.172a9 9 0 0 0-7.09 0l-2.249.964a1 1 0 0 0-.606.919V10.4a4.2 4.2 0 0 0 .84 2.52l.806 1.074a13.8 13.8 0 0 0 2.76 2.76L9.4 17.8V15h1.2v2.8l1.394-1.046a13.802 13.802 0 0 0 2.76-2.76l.806-1.074a4.2 4.2 0 0 0 .84-2.52V5.055a1 1 0 0 0-.606-.92l-2.249-.963ZM5.982 2.07a10.2 10.2 0 0 1 8.036 0l2.248.964A2.2 2.2 0 0 1 17.6 5.055V10.4a5.4 5.4 0 0 1-1.08 3.24l-.806 1.074a14.998 14.998 0 0 1-3 3L10.84 19.12a1.4 1.4 0 0 1-1.68 0l-1.874-1.406a14.999 14.999 0 0 1-3-3L3.48 13.64A5.4 5.4 0 0 1 2.4 10.4V5.055a2.2 2.2 0 0 1 1.333-2.022l2.249-.964ZM9 7.5a2.828 2.828 0 0 1-4 0 2.828 2.828 0 0 1 4 0Zm6 0a2.828 2.828 0 0 1-4 0 2.828 2.828 0 0 1 4 0Zm-9.051 3.601 1.565 1.761a.857.857 0 0 0 1.384-.144l.218-.38c-.572-.253-1.036-.767-1.173-1.541a2.832 2.832 0 0 1-.043-.492v-.93h1.2v.93c0 .095.008.19.025.283.172.98 1.577.98 1.75 0 .017-.093.025-.188.025-.283v-.93h1.2v.93c0 .165-.015.33-.043.492-.137.774-.601 1.288-1.173 1.54l.218.381a.857.857 0 0 0 1.384.144l1.565-1.76.897.796-1.565 1.761a2.057 2.057 0 0 1-3.323-.345l-.06-.105-.06.105a2.057 2.057 0 0 1-3.323.345L5.052 11.9l.897-.797Zm2.509-4.874a1.8 1.8 0 0 0-1.507-.444l-1.852.309L4.9 4.908 6.754 4.6a3 3 0 0 1 2.51.74l.515.467-.808.888-.513-.467Zm4.591-.444a1.8 1.8 0 0 0-1.506.444l-.514.467-.808-.888.514-.467a3 3 0 0 1 2.512-.74l1.852.31-.198 1.183-1.852-.309Z"
+        fill="#0D1625"
+      />
+    </Svg>
+  )
+}
+export default SvgAnonymous
diff --git a/packages/icons/20/arrow-down.tsx b/packages/icons/20/arrow-down.tsx
new file mode 100644
index 00000000..79499f85
--- /dev/null
+++ b/packages/icons/20/arrow-down.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgArrowDown = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.65 14.43V4h-1.3v10.43l-3.89-3.89-.92.92L10 16.92l5.46-5.46-.92-.92-3.89 3.89Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgArrowDown
diff --git a/packages/icons/20/arrow-left.tsx b/packages/icons/20/arrow-left.tsx
new file mode 100644
index 00000000..32d1d546
--- /dev/null
+++ b/packages/icons/20/arrow-left.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgArrowLeft = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m5.57 9.35 3.89-3.89-.92-.92-5 5-.46.46.46.46 5 5 .92-.92-3.89-3.89H16v-1.3H5.57Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgArrowLeft
diff --git a/packages/icons/20/arrow-right.tsx b/packages/icons/20/arrow-right.tsx
new file mode 100644
index 00000000..c56361dc
--- /dev/null
+++ b/packages/icons/20/arrow-right.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgArrowRight = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m14.43 10.65-3.89 3.89.92.92 5-5 .46-.46-.46-.46-5-5-.92.92 3.89 3.89H4v1.3h10.43Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgArrowRight
diff --git a/packages/icons/20/arrow-up.tsx b/packages/icons/20/arrow-up.tsx
new file mode 100644
index 00000000..8c73ae1b
--- /dev/null
+++ b/packages/icons/20/arrow-up.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgArrowUp = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.46 3.54 10 3.08l-.46.46-5 5 .92.92 3.89-3.89V16h1.3V5.57l3.89 3.89.92-.92-5-5Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgArrowUp
diff --git a/packages/icons/20/attach.tsx b/packages/icons/20/attach.tsx
new file mode 100644
index 00000000..404abe56
--- /dev/null
+++ b/packages/icons/20/attach.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAttach = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.071 3.707a3.15 3.15 0 1 1 4.455 4.455l-2.475 2.474-.707.708-1.945 1.944a1.9 1.9 0 0 1-2.687-2.687l5.307-5.307.92.92L7.63 11.52a.6.6 0 1 0 .849.849l1.944-1.945.708-.707 2.475-2.475a1.85 1.85 0 1 0-2.617-2.616L5.687 9.929a3.35 3.35 0 0 0 0 4.738 2.85 2.85 0 0 0 4.03 0l4.597-4.596.919.919-4.596 4.596a4.15 4.15 0 0 1-5.87 0 4.65 4.65 0 0 1 0-6.576l5.304-5.303Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgAttach
diff --git a/packages/icons/20/audio.tsx b/packages/icons/20/audio.tsx
new file mode 100644
index 00000000..e34a48d7
--- /dev/null
+++ b/packages/icons/20/audio.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAudio = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10 2.35A3.65 3.65 0 0 0 6.35 6v3a3.65 3.65 0 0 0 7.3 0V6A3.65 3.65 0 0 0 10 2.35ZM7.65 6a2.35 2.35 0 1 1 4.7 0v3a2.35 2.35 0 1 1-4.7 0V6Zm-2.5 1.5V9a4.85 4.85 0 1 0 9.7 0V7.5h1.3V9a6.15 6.15 0 0 1-5.5 6.116v1.234H12v1.3H8v-1.3h1.35v-1.234A6.15 6.15 0 0 1 3.85 9V7.5h1.3Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgAudio
diff --git a/packages/icons/20/automatic.tsx b/packages/icons/20/automatic.tsx
new file mode 100644
index 00000000..26be3f33
--- /dev/null
+++ b/packages/icons/20/automatic.tsx
@@ -0,0 +1,27 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAutomatic = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.25 6.692a4 4 0 1 0 0 6.615A4.98 4.98 0 0 1 8 10c0-1.268.472-2.426 1.25-3.308Z"
+        fill="#A1ABBD"
+      />
+      <Circle cx={13} cy={10} r={4} fill="#26A69A" />
+    </Svg>
+  )
+}
+export default SvgAutomatic
diff --git a/packages/icons/20/block.tsx b/packages/icons/20/block.tsx
new file mode 100644
index 00000000..2b1fb697
--- /dev/null
+++ b/packages/icons/20/block.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgBlock = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.9 10a6.1 6.1 0 0 1 9.93-4.749L5.251 13.83A6.074 6.074 0 0 1 3.9 10Zm2.27 4.749a6.1 6.1 0 0 0 8.578-8.578l-8.577 8.578ZM10 2.6a7.4 7.4 0 1 0 0 14.8 7.4 7.4 0 0 0 0-14.8Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgBlock
diff --git a/packages/icons/20/bold.tsx b/packages/icons/20/bold.tsx
new file mode 100644
index 00000000..ac296eec
--- /dev/null
+++ b/packages/icons/20/bold.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgBold = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.25 4.5A.75.75 0 0 1 6 3.75h4.5a3.25 3.25 0 0 1 2.355 5.49A3.75 3.75 0 0 1 11 16.25H6a.75.75 0 0 1-.75-.75v-11Zm1.5 4.25h3.75a1.75 1.75 0 1 0 0-3.5H6.75v3.5Zm0 1.5v4.5H11a2.25 2.25 0 0 0 0-4.5H6.75Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgBold
diff --git a/packages/icons/20/bridge.tsx b/packages/icons/20/bridge.tsx
new file mode 100644
index 00000000..78a535cc
--- /dev/null
+++ b/packages/icons/20/bridge.tsx
@@ -0,0 +1,32 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgBridge = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M4 15.5v-11M7 12.5v-5M13 12.5v-5M10 12.5v-4M16 15.5v-11M17 12.5H3"
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="m4 5.5.238.199a9 9 0 0 0 11.524 0L16 5.5M4 5.5l-1.5 1M16 5.5l1.5 1"
+        stroke="#000"
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgBridge
diff --git a/packages/icons/20/browser.tsx b/packages/icons/20/browser.tsx
new file mode 100644
index 00000000..f43410b6
--- /dev/null
+++ b/packages/icons/20/browser.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgBrowser = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.9 10a6.1 6.1 0 1 1 12.2 0 6.1 6.1 0 0 1-12.2 0ZM10 2.6a7.4 7.4 0 1 0 0 14.8 7.4 7.4 0 0 0 0-14.8Zm3.13 5.058a.65.65 0 0 0-.788-.789l-4 1-.378.095-.095.378-1 4a.65.65 0 0 0 .789.789l4-1 .378-.095.095-.378 1-4ZM9.037 9.036l2.57-.643-.642 2.571-2.57.643.642-2.571Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgBrowser
diff --git a/packages/icons/20/bullet-list.tsx b/packages/icons/20/bullet-list.tsx
new file mode 100644
index 00000000..e82a51f8
--- /dev/null
+++ b/packages/icons/20/bullet-list.tsx
@@ -0,0 +1,55 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgBulletList = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M15 15H8.5M15 5H8.5"
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+      <Circle
+        cx={5.25}
+        cy={10}
+        r={1.25}
+        transform="rotate(-90 5.25 10)"
+        fill={color}
+      />
+      <Circle
+        cx={5.25}
+        cy={14.75}
+        r={1.25}
+        transform="rotate(-90 5.25 14.75)"
+        fill={color}
+      />
+      <Circle
+        cx={5.25}
+        cy={5.25}
+        r={1.25}
+        transform="rotate(-90 5.25 5.25)"
+        fill={color}
+      />
+      <Path
+        d="M15 10H8.5"
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgBulletList
diff --git a/packages/icons/20/bullet.tsx b/packages/icons/20/bullet.tsx
new file mode 100644
index 00000000..475f2145
--- /dev/null
+++ b/packages/icons/20/bullet.tsx
@@ -0,0 +1,21 @@
+import { Circle, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgBullet = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={4} fill={color} />
+    </Svg>
+  )
+}
+export default SvgBullet
diff --git a/packages/icons/20/buy.tsx b/packages/icons/20/buy.tsx
new file mode 100644
index 00000000..778b2681
--- /dev/null
+++ b/packages/icons/20/buy.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgBuy = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.892 2.85h.217c1.29 0 2.059 0 2.71.156a5.65 5.65 0 0 1 4.175 4.175c.156.651.156 1.42.156 2.71v.218c0 1.29 0 2.059-.156 2.71a5.65 5.65 0 0 1-4.175 4.175c-.651.156-1.42.156-2.71.156h-.217c-1.292 0-2.06 0-2.71-.156a5.65 5.65 0 0 1-4.176-4.175c-.156-.651-.156-1.42-.156-2.71V9.89c0-1.29 0-2.059.156-2.71a5.65 5.65 0 0 1 4.175-4.175c.651-.156 1.42-.156 2.71-.156ZM10 4.15c-1.432 0-2.034.005-2.515.12A4.35 4.35 0 0 0 4.27 7.485c-.115.481-.12 1.083-.12 2.515 0 1.432.005 2.034.12 2.515a4.35 4.35 0 0 0 3.215 3.215c.481.115 1.083.12 2.515.12 1.432 0 2.034-.005 2.516-.12a4.35 4.35 0 0 0 3.214-3.215c.116-.481.12-1.083.12-2.515 0-1.432-.004-2.034-.12-2.515a4.35 4.35 0 0 0-3.214-3.215c-.482-.115-1.084-.12-2.516-.12Zm-.65 6.5H7v-1.3h2.35V7h1.3v2.35H13v1.3h-2.35V13h-1.3v-2.35Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgBuy
diff --git a/packages/icons/20/camera.tsx b/packages/icons/20/camera.tsx
new file mode 100644
index 00000000..e4685e2e
--- /dev/null
+++ b/packages/icons/20/camera.tsx
@@ -0,0 +1,26 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCamera = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M3 8.556A3.056 3.056 0 0 1 6.056 5.5c.578 0 1.107-.327 1.366-.845L7.5 4.5c.306-.613.933-1 1.618-1h1.764c.685 0 1.312.387 1.618 1l.078.155c.258.518.788.845 1.366.845A3.056 3.056 0 0 1 17 8.556V11c0 1.396 0 2.093-.172 2.661a4 4 0 0 1-2.667 2.667c-.568.172-1.265.172-2.661.172h-3c-1.396 0-2.093 0-2.661-.172a4 4 0 0 1-2.667-2.667C3 13.093 3 12.396 3 11V8.556Z"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Circle cx={10} cy={10.5} r={3} stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgCamera
diff --git a/packages/icons/20/card-view.tsx b/packages/icons/20/card-view.tsx
new file mode 100644
index 00000000..e29e421e
--- /dev/null
+++ b/packages/icons/20/card-view.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCardView = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.3 2.85h-.028c-.816 0-1.468 0-1.995.043-.54.044-1.006.137-1.434.355a3.65 3.65 0 0 0-1.595 1.595c-.218.428-.31.893-.355 1.434-.043.526-.043 1.179-.043 1.995v4.11c0 1.036 0 1.719.194 2.291a3.648 3.648 0 0 0 2.283 2.283c.572.195 1.255.194 2.291.194H12.382c1.036 0 1.72 0 2.291-.194a3.648 3.648 0 0 0 2.283-2.283c.195-.572.195-1.255.194-2.291V8.272c0-.816 0-1.469-.043-1.995-.044-.54-.137-1.006-.355-1.434a3.65 3.65 0 0 0-1.595-1.595c-.428-.218-.893-.31-1.434-.355-.526-.043-1.179-.043-1.995-.043H8.3Zm7.55 5.357c0-.802-.002-1.374-.039-1.824-.037-.46-.108-.736-.217-.95a2.35 2.35 0 0 0-1.027-1.027c-.214-.109-.49-.18-.95-.217-.467-.038-1.066-.039-1.917-.039H8.3c-.85 0-1.45 0-1.917.039-.46.037-.736.108-.95.217a2.35 2.35 0 0 0-1.027 1.027c-.109.214-.18.49-.217.95-.037.45-.039 1.022-.039 1.824a3.648 3.648 0 0 1 1.177-.663c.572-.195 1.255-.194 2.291-.194H12.382c1.036 0 1.72 0 2.291.194.436.148.834.374 1.177.663ZM4.658 14.96a2.353 2.353 0 0 1-.252-.392c-.109-.214-.18-.49-.217-.95-.033-.404-.038-.906-.039-1.583.002-1.055.016-1.469.125-1.79a2.35 2.35 0 0 1 1.47-1.47c.342-.115.789-.124 2.005-.124h4.5c1.216 0 1.664.009 2.005.125a2.35 2.35 0 0 1 1.47 1.47c.11.32.124.734.125 1.789 0 .677-.006 1.18-.039 1.583-.037.46-.108.736-.217.95a2.35 2.35 0 0 1-1.027 1.027c-.214.109-.49.18-.95.217-.458.038-1.042.039-1.865.039H8.248c-.823 0-1.407-.001-1.865-.039-.46-.037-.736-.108-.95-.217a2.351 2.351 0 0 1-.775-.635Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgCardView
diff --git a/packages/icons/20/centre-align.tsx b/packages/icons/20/centre-align.tsx
new file mode 100644
index 00000000..f49b470b
--- /dev/null
+++ b/packages/icons/20/centre-align.tsx
@@ -0,0 +1,27 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCentreAlign = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M15 11.75H5M15 5H5M13 15H7M13 8.25H7"
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgCentreAlign
diff --git a/packages/icons/20/chatkey.tsx b/packages/icons/20/chatkey.tsx
new file mode 100644
index 00000000..dc991e14
--- /dev/null
+++ b/packages/icons/20/chatkey.tsx
@@ -0,0 +1,28 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgChatkey = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M17.4 10a7.4 7.4 0 0 0-14.8 0v.28c0 1.233.346 2.44.997 3.484l-.5 2.37a.65.65 0 0 0 .77.77l2.37-.5c1.044.65 2.25.996 3.483.996H10a7.4 7.4 0 0 0 7.4-7.4ZM10 3.9a6.1 6.1 0 0 1 0 12.2h-.28a5.286 5.286 0 0 1-2.932-.888.828.828 0 0 0-.63-.12l-1.583.334.334-1.584a.828.828 0 0 0-.121-.63A5.285 5.285 0 0 1 3.9 10.28V10A6.1 6.1 0 0 1 10 3.9Z"
+        fill={color}
+      />
+      <Circle cx={7.5} cy={10} r={1.5} stroke={color} strokeWidth={1.3} />
+      <Path d="M8.5 10h5v2M11.5 10v1.5" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgChatkey
diff --git a/packages/icons/20/check.tsx b/packages/icons/20/check.tsx
new file mode 100644
index 00000000..8203302e
--- /dev/null
+++ b/packages/icons/20/check.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCheck = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m4 10 4 4 8-8" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgCheck
diff --git a/packages/icons/20/chevron-down.tsx b/packages/icons/20/chevron-down.tsx
new file mode 100644
index 00000000..4e54ef68
--- /dev/null
+++ b/packages/icons/20/chevron-down.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgChevronDown = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m6 8 4 4 4-4" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgChevronDown
diff --git a/packages/icons/20/chevron-left.tsx b/packages/icons/20/chevron-left.tsx
new file mode 100644
index 00000000..38b04d4c
--- /dev/null
+++ b/packages/icons/20/chevron-left.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgChevronLeft = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m12 6-4 4 4 4" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgChevronLeft
diff --git a/packages/icons/20/chevron-right.tsx b/packages/icons/20/chevron-right.tsx
new file mode 100644
index 00000000..cdb7ff77
--- /dev/null
+++ b/packages/icons/20/chevron-right.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgChevronRight = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m8 14 4-4-4-4" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgChevronRight
diff --git a/packages/icons/20/chevron-up.tsx b/packages/icons/20/chevron-up.tsx
new file mode 100644
index 00000000..fda964fd
--- /dev/null
+++ b/packages/icons/20/chevron-up.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgChevronUp = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m14 12-4-4-4 4" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgChevronUp
diff --git a/packages/icons/20/chevrons-left.tsx b/packages/icons/20/chevrons-left.tsx
new file mode 100644
index 00000000..58ef15d0
--- /dev/null
+++ b/packages/icons/20/chevrons-left.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgChevronsLeft = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m10 6-4 4 4 4M14 6l-4 4 4 4" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgChevronsLeft
diff --git a/packages/icons/20/chevrons-right.tsx b/packages/icons/20/chevrons-right.tsx
new file mode 100644
index 00000000..3b9609c8
--- /dev/null
+++ b/packages/icons/20/chevrons-right.tsx
@@ -0,0 +1,21 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgChevronsRight = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m6 14 4-4-4-4M10 14l4-4-4-4" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgChevronsRight
diff --git a/packages/icons/20/clear.tsx b/packages/icons/20/clear.tsx
new file mode 100644
index 00000000..3723d927
--- /dev/null
+++ b/packages/icons/20/clear.tsx
@@ -0,0 +1,27 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgClear = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={6.75} fill={color} />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10 9.08 7.985 7.067l-.92.919L9.081 10l-2.016 2.015.92.92L10 10.918l2.015 2.015.92-.919L10.918 10l2.015-2.015-.919-.92L10 9.082Z"
+        fill="#fff"
+      />
+    </Svg>
+  )
+}
+export default SvgClear
diff --git a/packages/icons/20/close.tsx b/packages/icons/20/close.tsx
new file mode 100644
index 00000000..82bc392d
--- /dev/null
+++ b/packages/icons/20/close.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgClose = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m10 10.874 4.543 4.588.914-.924-4.542-4.588 4.443-4.488-.915-.924L10 9.026 5.557 4.538l-.915.924L9.085 9.95l-4.542 4.588.914.924L10 10.874Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgClose
diff --git a/packages/icons/20/code-block.tsx b/packages/icons/20/code-block.tsx
new file mode 100644
index 00000000..c296ec06
--- /dev/null
+++ b/packages/icons/20/code-block.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCodeBlock = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m5.507 7.918 1-6 .986.164-1 6-.986-.164Zm-1.36-5.772-2.5 2.5L1.293 5l.354.354 2.5 2.5.707-.708L2.707 5l2.147-2.146-.707-.708ZM17.15 7.5a4.65 4.65 0 0 0-4.65-4.65v1.3c1.85 0 3.35 1.5 3.35 3.35v2.6c0 1.13 0 1.94-.052 2.574-.052.627-.15 1.026-.313 1.347a3.35 3.35 0 0 1-1.464 1.464c-.321.163-.72.261-1.347.313-.634.052-1.443.052-2.574.052h-.2c-1.13 0-1.94 0-2.574-.052-.627-.052-1.026-.15-1.347-.313a3.35 3.35 0 0 1-1.464-1.464c-.163-.321-.261-.72-.313-1.347-.051-.634-.052-1.443-.052-2.574V9h-1.3v1.129c0 1.096 0 1.958.057 2.651.058.707.177 1.296.45 1.831a4.65 4.65 0 0 0 2.032 2.032c.535.273 1.124.393 1.83.45.694.057 1.557.057 2.652.057h.258c1.096 0 1.958 0 2.651-.057.707-.057 1.296-.177 1.831-.45a4.65 4.65 0 0 0 2.032-2.032c.273-.535.393-1.124.45-1.83.057-.694.057-1.556.057-2.652V7.5Zm-8.296.354 2.5-2.5.353-.354-.353-.354-2.5-2.5-.708.708L10.293 5 8.146 7.146l.708.708Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgCodeBlock
diff --git a/packages/icons/20/code.tsx b/packages/icons/20/code.tsx
new file mode 100644
index 00000000..74a163af
--- /dev/null
+++ b/packages/icons/20/code.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCode = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m7.866 16.354 3-13 1.267.292-3 13-1.267-.292ZM2.54 9.54l4-4 .92.92L3.918 10l3.54 3.54-.919.92-4-4-.46-.46.46-.46Zm10.92 4.92 4-4 .459-.46-.46-.46-4-4-.919.92L16.08 10l-3.54 3.54.92.92Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgCode
diff --git a/packages/icons/20/collapse.tsx b/packages/icons/20/collapse.tsx
new file mode 100644
index 00000000..059a1e93
--- /dev/null
+++ b/packages/icons/20/collapse.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCollapse = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.85 2.5v6.65h6.65v-1.3h-5.35V2.5h-1.3ZM2.5 12.15h5.35v5.35h1.3v-6.65H2.5v1.3Z"
+        fill="#000"
+      />
+    </Svg>
+  )
+}
+export default SvgCollapse
diff --git a/packages/icons/20/colour-pick.tsx b/packages/icons/20/colour-pick.tsx
new file mode 100644
index 00000000..03567a8e
--- /dev/null
+++ b/packages/icons/20/colour-pick.tsx
@@ -0,0 +1,32 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgColourPick = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m15.763 4.237-.048-.048c-.282-.282-.489-.49-.707-.635a2.65 2.65 0 0 0-2.945 0c-.218.146-.425.353-.707.635l-.048.048-1.077 1.077c.144.111.31.277.547.514l.389.389 1.06-1.06c.351-.351.461-.457.559-.522a1.35 1.35 0 0 1 1.5 0c.097.065.207.17.558.521.35.35.456.461.521.558a1.35 1.35 0 0 1 0 1.5c-.065.098-.17.208-.521.559l-1.06 1.06.388.39c.237.236.403.402.514.546l1.077-1.077.048-.048c.282-.282.49-.49.635-.707a2.65 2.65 0 0 0 0-2.945c-.146-.218-.353-.425-.635-.707l-.048-.048Zm-2.828 7.283-.92-.919-3.07 3.07c-.322.322-.42.415-.525.484a1.35 1.35 0 0 1-.339.159c-.12.037-.254.052-.708.093l-1.958.178.178-1.958c.041-.454.057-.588.094-.708.036-.12.09-.234.158-.34.069-.104.162-.202.484-.524l3.07-3.07-.92-.92-3.069 3.07-.041.042c-.264.263-.461.46-.613.694a2.65 2.65 0 0 0-.312.665c-.082.266-.107.544-.14.915l-.006.058-.249 2.735a.65.65 0 0 0 .707.707l2.735-.25.058-.004c.371-.034.65-.06.915-.141.235-.073.46-.177.665-.312.234-.152.431-.349.694-.613l.042-.04 3.07-3.07Z"
+        fill={color}
+      />
+      <Path
+        d="m8.763 7.348 3.889 3.89c.164.164.246.246.328.3a1 1 0 0 0 1.111 0c.082-.054.164-.136.329-.3.164-.165.246-.247.3-.329a1 1 0 0 0 0-1.111c-.054-.082-.136-.164-.3-.328l-3.89-3.89c-.164-.164-.246-.246-.328-.3a1 1 0 0 0-1.111 0c-.082.054-.164.136-.328.3-.165.165-.247.247-.301.329a1 1 0 0 0 0 1.111c.054.082.136.164.3.328Z"
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgColourPick
diff --git a/packages/icons/20/communities.tsx b/packages/icons/20/communities.tsx
new file mode 100644
index 00000000..2ef28001
--- /dev/null
+++ b/packages/icons/20/communities.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCommunities = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.633 4.15C9.291 4.15 4.15 9.291 4.15 15.633c0 .12.097.217.217.217h1.502c.323-5.364 4.617-9.658 9.981-9.98V4.367a.217.217 0 0 0-.217-.217ZM9.38 15.85H7.172a9.352 9.352 0 0 1 8.678-8.678V9.38a7.152 7.152 0 0 0-6.47 6.471Zm1.307 0h2.668a2.65 2.65 0 0 1 2.496-2.496v-2.668a5.852 5.852 0 0 0-5.164 5.164Zm-7.836-.217c0-7.06 5.723-12.783 12.783-12.783.838 0 1.517.679 1.517 1.517V13.5A1.15 1.15 0 0 1 16 14.65 1.35 1.35 0 0 0 14.65 16a1.15 1.15 0 0 1-1.15 1.15H4.367a1.517 1.517 0 0 1-1.517-1.517Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgCommunities
diff --git a/packages/icons/20/connection.tsx b/packages/icons/20/connection.tsx
new file mode 100644
index 00000000..80642811
--- /dev/null
+++ b/packages/icons/20/connection.tsx
@@ -0,0 +1,33 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgConnection = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M13 17H7l3-8 3 8Z"
+        stroke="#000"
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M10 9V7M5 3a4.695 4.695 0 0 0-1.468 1.73A5.082 5.082 0 0 0 3 7c0 .792.183 1.572.532 2.27A4.694 4.694 0 0 0 5 11M7 5c-.641.534-1 1.252-1 2s.359 1.466 1 2M15 11a4.694 4.694 0 0 0 1.468-1.73A5.082 5.082 0 0 0 17 7c0-.792-.183-1.572-.532-2.27A4.695 4.695 0 0 0 15 3M13 9c.641-.534 1-1.252 1-2s-.359-1.466-1-2"
+        stroke="#000"
+        strokeWidth={1.3}
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgConnection
diff --git a/packages/icons/20/contact-book.tsx b/packages/icons/20/contact-book.tsx
new file mode 100644
index 00000000..05e54838
--- /dev/null
+++ b/packages/icons/20/contact-book.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgContactBook = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M16.65 7.772V12.228c0 .816 0 1.469-.043 1.995-.044.54-.137 1.006-.355 1.434a3.65 3.65 0 0 1-1.595 1.595c-.428.218-.893.31-1.434.355-.527.043-1.179.043-1.995.043H8.772c-.816 0-1.469 0-1.995-.043-.54-.044-1.006-.137-1.434-.355a3.65 3.65 0 0 1-1.595-1.595c-.218-.428-.31-.893-.355-1.434-.035-.432-.042-.95-.043-1.573H3a.65.65 0 1 1 0-1.3h.35v-2.7H3a.65.65 0 0 1 0-1.3h.35a20.8 20.8 0 0 1 .043-1.573c.044-.54.137-1.006.355-1.434a3.65 3.65 0 0 1 1.595-1.595c.428-.218.893-.31 1.434-.355.526-.043 1.179-.043 1.995-.043h2.456c.816 0 1.469 0 1.995.043.54.044 1.006.137 1.434.355a3.65 3.65 0 0 1 1.595 1.595c.218.428.31.893.355 1.434.043.526.043 1.179.043 1.995Zm-12 3.578v-2.7H5a.65.65 0 0 0 0-1.3h-.35a19.6 19.6 0 0 1 .039-1.467c.037-.46.108-.736.217-.95a2.35 2.35 0 0 1 1.027-1.027c.214-.109.49-.18.95-.217C7.35 3.65 7.949 3.65 8.8 3.65h2.4c.85 0 1.45 0 1.918.039.46.037.735.108.949.217a2.35 2.35 0 0 1 1.027 1.027c.109.214.18.49.217.95.039.467.039 1.066.039 1.917v4.4c0 .85 0 1.45-.039 1.918-.037.46-.108.735-.217.949a2.35 2.35 0 0 1-1.027 1.027c-.214.109-.49.18-.95.217-.467.038-1.066.039-1.917.039H8.8c-.85 0-1.45 0-1.917-.039-.46-.037-.736-.108-.95-.217a2.35 2.35 0 0 1-1.027-1.027c-.109-.214-.18-.49-.217-.95-.031-.38-.037-.848-.039-1.467H5a.65.65 0 1 0 0-1.3h-.35Zm1.7 1.9a2.9 2.9 0 0 1 2.9-2.9h1.5a2.9 2.9 0 0 1 2.9 2.9 1.4 1.4 0 0 1-1.4 1.4h-4.5a1.4 1.4 0 0 1-1.4-1.4Zm2.9-1.6a1.6 1.6 0 0 0-1.6 1.6.1.1 0 0 0 .1.1h4.5a.1.1 0 0 0 .1-.1 1.6 1.6 0 0 0-1.6-1.6h-1.5Zm-.1-4.15a.85.85 0 1 1 1.7 0 .85.85 0 0 1-1.7 0ZM10 5.35a2.15 2.15 0 1 0 0 4.3 2.15 2.15 0 0 0 0-4.3Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgContactBook
diff --git a/packages/icons/20/contact.tsx b/packages/icons/20/contact.tsx
new file mode 100644
index 00000000..78ffcdee
--- /dev/null
+++ b/packages/icons/20/contact.tsx
@@ -0,0 +1,44 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgContact = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle
+        cx={10}
+        cy={10}
+        r={6.75}
+        fill="#4360DF"
+        stroke="#4360DF"
+        strokeWidth={1.5}
+      />
+      <Path
+        d="M14.5 15a5.15 5.15 0 0 0-4.415-2.5h-.17A5.15 5.15 0 0 0 5.5 15"
+        stroke="#fff"
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+      <Circle
+        cx={10}
+        cy={8}
+        r={2}
+        stroke="#fff"
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+      <Circle cx={10} cy={10} r={6.75} stroke="#4360DF" strokeWidth={1.5} />
+      <Circle cx={10} cy={10} r={6.25} stroke="#4360DF" />
+    </Svg>
+  )
+}
+export default SvgContact
diff --git a/packages/icons/20/copy.tsx b/packages/icons/20/copy.tsx
new file mode 100644
index 00000000..9456ac17
--- /dev/null
+++ b/packages/icons/20/copy.tsx
@@ -0,0 +1,35 @@
+import { Path, Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCopy = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M12.5 5.75c0-.232 0-.348-.01-.446a2 2 0 0 0-1.794-1.794c-.098-.01-.214-.01-.446-.01H8.3c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C3.5 5.78 3.5 6.62 3.5 8.3v1.95c0 .232 0 .348.01.446a2 2 0 0 0 1.794 1.794c.098.01.214.01.446.01"
+        stroke="#1B273D"
+        strokeOpacity={0.3}
+        strokeWidth={1.3}
+      />
+      <Rect
+        x={7.5}
+        y={7.5}
+        width={9}
+        height={9}
+        rx={3}
+        stroke={color}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgCopy
diff --git a/packages/icons/20/correct.tsx b/packages/icons/20/correct.tsx
new file mode 100644
index 00000000..26671210
--- /dev/null
+++ b/packages/icons/20/correct.tsx
@@ -0,0 +1,29 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCorrect = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle
+        cx={10}
+        cy={10}
+        r={6.75}
+        stroke="#26A69A"
+        strokeOpacity={0.4}
+        strokeWidth={1.3}
+      />
+      <Path d="M6.833 10.5 9 12.5l4.333-5" stroke="#26A69A" strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgCorrect
diff --git a/packages/icons/20/crown.tsx b/packages/icons/20/crown.tsx
new file mode 100644
index 00000000..5f4df9e9
--- /dev/null
+++ b/packages/icons/20/crown.tsx
@@ -0,0 +1,33 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCrown = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="m11 4 1.007 2.014c.335.67.503 1.006.753 1.156a1 1 0 0 0 .73.118c.285-.063.55-.328 1.08-.858L16 5M9 4 7.993 6.014c-.335.67-.503 1.006-.753 1.156a1 1 0 0 1-.73.118c-.285-.063-.55-.328-1.08-.858L4 5m-1.625.625L2.5 6.5 3 10l.215 1.505c.278 1.948.418 2.923.888 3.655a4 4 0 0 0 1.704 1.478C6.598 17 7.583 17 9.55 17h.898c1.969 0 2.953 0 3.745-.362a4 4 0 0 0 1.703-1.478c.47-.732.61-1.707.888-3.655L17 10l.5-3.5.125-.875"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Path
+        d="M3.5 13S5 14 10 14s6.5-1 6.5-1"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Circle cx={10} cy={3.5} r={1.5} stroke={color} strokeWidth={1.3} />
+      <Circle cx={3} cy={4.5} r={1.5} stroke={color} strokeWidth={1.3} />
+      <Circle cx={17} cy={4.5} r={1.5} stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgCrown
diff --git a/packages/icons/20/customize.tsx b/packages/icons/20/customize.tsx
new file mode 100644
index 00000000..9f15a5fa
--- /dev/null
+++ b/packages/icons/20/customize.tsx
@@ -0,0 +1,32 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgCustomize = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.85 8.98c.155.02.356.02.65.02.294 0 .495 0 .65-.02V16h-1.3V8.98Zm0-3.46c.155-.02.356-.02.65-.02.294 0 .495 0 .65.02V3.5h-1.3v2.02ZM9.35 13.98c.155.02.356.02.65.02.294 0 .495 0 .65-.02v2.52h-1.3v-2.52Zm0-3.46c.155-.02.356-.02.65-.02.294 0 .495 0 .65.02V4h-1.3v6.52ZM14.85 8.98c.155.02.356.02.65.02.294 0 .495 0 .65-.02V16h-1.3V8.98Zm0-3.46c.155-.02.356-.02.65-.02.294 0 .495 0 .65.02V3.5h-1.3v2.02Z"
+        fill="#1B273D"
+        fillOpacity={0.3}
+      />
+      <Path
+        d="M4.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 1 1 0 3ZM10 14a1.5 1.5 0 0 1 0-3 1.5 1.5 0 0 1 0 3ZM15.5 9a1.5 1.5 0 0 1 0-3 1.5 1.5 0 0 1 0 3Z"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgCustomize
diff --git a/packages/icons/20/dark.tsx b/packages/icons/20/dark.tsx
new file mode 100644
index 00000000..8ae3c162
--- /dev/null
+++ b/packages/icons/20/dark.tsx
@@ -0,0 +1,24 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgDark = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="m7.525 4.025.249.6-.249-.6Zm2.127-.483.627.171.237-.868-.9.048.036.65ZM4.025 7.525l.6.249-.6-.249Zm0 4.95.6-.249-.6.249Zm11.95 0 .6.249-.6-.25Zm.483-2.127.649.035.048-.899-.868.237.17.627Zm-3.58-.227.25-.6-.25.6Zm-3-3-.6.25.6-.25ZM7.775 4.626a5.815 5.815 0 0 1 1.913-.435l-.07-1.298a7.116 7.116 0 0 0-2.34.532l.497 1.2ZM4.626 7.774a5.817 5.817 0 0 1 3.148-3.148l-.497-1.201a7.117 7.117 0 0 0-3.852 3.851l1.2.498Zm0 4.452a5.817 5.817 0 0 1 0-4.452l-1.201-.498a7.117 7.117 0 0 0 0 5.448l1.2-.498Zm3.148 3.148a5.818 5.818 0 0 1-3.148-3.148l-1.201.498a7.117 7.117 0 0 0 3.852 3.851l.497-1.2Zm4.452 0a5.817 5.817 0 0 1-4.452 0l-.497 1.201a7.118 7.118 0 0 0 5.447 0l-.498-1.2Zm3.148-3.148a5.817 5.817 0 0 1-3.148 3.148l.498 1.201a7.117 7.117 0 0 0 3.852-3.851l-1.202-.498Zm.435-1.913a5.816 5.816 0 0 1-.434 1.913l1.2.498a7.117 7.117 0 0 0 .532-2.34l-1.298-.07Zm.478-.592a4.894 4.894 0 0 1-3.16-.2l-.497 1.2a6.193 6.193 0 0 0 3.999.254l-.342-1.254Zm-3.16-.2a4.893 4.893 0 0 1-2.648-2.648l-1.2.497a6.193 6.193 0 0 0 3.351 3.352l.497-1.201ZM10.48 6.873a4.893 4.893 0 0 1-.2-3.16l-1.254-.342a6.193 6.193 0 0 0 .253 4l1.201-.498Z"
+        fill="#000"
+      />
+    </Svg>
+  )
+}
+export default SvgDark
diff --git a/packages/icons/20/data-usage.tsx b/packages/icons/20/data-usage.tsx
new file mode 100644
index 00000000..08848a31
--- /dev/null
+++ b/packages/icons/20/data-usage.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgDataUsage = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.8 2.35h-.028c-.816 0-1.468 0-1.995.043-.54.044-1.006.137-1.434.355a3.65 3.65 0 0 0-1.595 1.595c-.218.428-.31.893-.355 1.434-.043.526-.043 1.179-.043 1.995V12.228c0 .816 0 1.469.043 1.995.044.54.137 1.006.355 1.434a3.65 3.65 0 0 0 1.595 1.595c.428.218.893.31 1.434.355.527.043 1.179.043 1.995.043h2.456c.816 0 1.469 0 1.995-.043.54-.044 1.006-.137 1.434-.355a3.65 3.65 0 0 0 1.595-1.595c.218-.428.31-.893.355-1.434.043-.527.043-1.179.043-1.995V7.772c0-.816 0-1.469-.043-1.995-.044-.54-.137-1.006-.355-1.434a3.65 3.65 0 0 0-1.595-1.595c-.428-.218-.893-.31-1.434-.355-.526-.043-1.179-.043-1.995-.043H8.8ZM5.933 3.906c.214-.109.49-.18.95-.217C7.35 3.65 7.949 3.65 8.8 3.65h2.4c.85 0 1.45 0 1.918.039.46.037.735.108.949.217a2.35 2.35 0 0 1 1.027 1.027c.109.214.18.49.217.95.039.467.04 1.066.04 1.917v4.4c0 .85-.001 1.45-.04 1.918-.037.46-.108.735-.217.949a2.35 2.35 0 0 1-1.027 1.027c-.214.109-.49.18-.95.217-.467.038-1.066.039-1.917.039H8.8c-.85 0-1.45 0-1.917-.039-.46-.037-.736-.108-.95-.217a2.35 2.35 0 0 1-1.027-1.027c-.109-.214-.18-.49-.217-.95-.038-.467-.039-1.066-.039-1.917V7.8c0-.85 0-1.45.039-1.917.037-.46.108-.736.217-.95a2.35 2.35 0 0 1 1.027-1.027ZM8.5 15.15h3v-1.3h-3v1.3Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgDataUsage
diff --git a/packages/icons/20/delete.tsx b/packages/icons/20/delete.tsx
new file mode 100644
index 00000000..3c571b03
--- /dev/null
+++ b/packages/icons/20/delete.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgDelete = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.35 4.5a2.65 2.65 0 1 1 5.3 0v.488a26.66 26.66 0 0 1 2.477.375c.642.128 1.156.256 1.513.354a14.903 14.903 0 0 1 .523.153l.03.01.008.002h.003v.001h.001L17 6.5l-.205.617-.005-.002-.022-.007a13.567 13.567 0 0 0-.47-.137 19.478 19.478 0 0 0-.648-.164V11.728c0 .816 0 1.469-.043 1.995-.044.54-.137 1.006-.355 1.434a3.65 3.65 0 0 1-1.595 1.595c-.428.218-.893.31-1.434.355-.527.043-1.179.043-1.995.043H9.772c-.816 0-1.469 0-1.995-.043-.54-.044-1.006-.137-1.434-.355a3.65 3.65 0 0 1-1.595-1.595c-.218-.428-.31-.893-.355-1.434-.043-.527-.043-1.179-.043-1.995V6.807a19.494 19.494 0 0 0-1.024.272 7.374 7.374 0 0 0-.094.029l-.022.007-.004.002a189.163 189.163 0 0 0-.411-1.234l.004-.001.008-.003.03-.01.11-.034a22.755 22.755 0 0 1 1.925-.473c.69-.137 1.53-.276 2.478-.374V4.5Zm-1.7 2.039V11.7c0 .85 0 1.45.039 1.918.037.46.108.735.217.949a2.35 2.35 0 0 0 1.027 1.027c.214.109.49.18.95.217.467.039 1.066.039 1.917.039h.4c.85 0 1.45 0 1.917-.039.46-.037.736-.108.95-.217a2.35 2.35 0 0 0 1.027-1.027c.109-.214.18-.49.217-.95.039-.467.039-1.066.039-1.917V6.539A25.076 25.076 0 0 0 10 6.15c-1.683 0-3.186.182-4.35.389ZM10 4.85h1.35V4.5a1.35 1.35 0 0 0-2.7 0v.35H10ZM7.85 9v4h1.3V9h-1.3Zm3 4V9h1.3v4h-1.3Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgDelete
diff --git a/packages/icons/20/desktop.tsx b/packages/icons/20/desktop.tsx
new file mode 100644
index 00000000..8b318d94
--- /dev/null
+++ b/packages/icons/20/desktop.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgDesktop = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.673 3.35h6.654c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.23.663.26 1.036.03.36.03.803.03 1.34V10.827c0 .537 0 .98-.03 1.34-.03.373-.096.715-.26 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.23-1.036.26-.36.029-.803.029-1.34.029H12.15v1.7h1.35v1.3h-7v-1.3h1.35v-1.7H6.673c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.229-.663-.26-1.037-.029-.36-.029-.802-.029-1.34V7.174c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.23 1.037-.26.36-.029.802-.029 1.34-.029Zm4.177 13v-1.7h-1.7v1.7h1.7ZM5.44 4.675c-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.259-.122.552-.024.301-.025.69-.025 1.261v3.15h11.7V7.2c0-.57 0-.96-.025-1.26-.024-.294-.067-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.107-.054-.259-.098-.552-.122-.301-.024-.69-.025-1.26-.025H6.7c-.572 0-.96 0-1.262.025Zm-1.265 7.386a7.158 7.158 0 0 1-.02-.411h11.69c-.004.155-.01.29-.02.41-.024.294-.067.446-.122.553-.13.254-.336.46-.59.59-.107.054-.259.098-.552.122-.301.025-.69.025-1.26.025H6.7c-.572 0-.96 0-1.262-.025-.293-.024-.445-.068-.552-.122a1.35 1.35 0 0 1-.59-.59c-.054-.107-.098-.259-.122-.552Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgDesktop
diff --git a/packages/icons/20/download.tsx b/packages/icons/20/download.tsx
new file mode 100644
index 00000000..b922b1af
--- /dev/null
+++ b/packages/icons/20/download.tsx
@@ -0,0 +1,32 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgDownload = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.65 11.93V3h-1.3v8.93L5.96 8.54l-.92.92 4.5 4.5.46.46.46-.46 4.5-4.5-.92-.92-3.39 3.39Z"
+        fill={color}
+      />
+      <Path
+        d="M16 17H4"
+        stroke="#1B273D"
+        strokeOpacity={0.3}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgDownload
diff --git a/packages/icons/20/dropdown.tsx b/packages/icons/20/dropdown.tsx
new file mode 100644
index 00000000..dfb4e4ea
--- /dev/null
+++ b/packages/icons/20/dropdown.tsx
@@ -0,0 +1,22 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgDropdown = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={7} fill="#E7EAEE" />
+      <Path d="m7 8.5 3 3 3-3" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgDropdown
diff --git a/packages/icons/20/duration.tsx b/packages/icons/20/duration.tsx
new file mode 100644
index 00000000..de66bd80
--- /dev/null
+++ b/packages/icons/20/duration.tsx
@@ -0,0 +1,27 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgDuration = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={11} r={6} stroke={color} strokeWidth={1.3} />
+      <Path
+        d="M8.5 2.5h3M16.25 5.2l1.5 2.598M10 11l3-2"
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgDuration
diff --git a/packages/icons/20/edit.tsx b/packages/icons/20/edit.tsx
new file mode 100644
index 00000000..45f75c7d
--- /dev/null
+++ b/packages/icons/20/edit.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgEdit = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m15.763 4.237-.048-.048c-.282-.282-.489-.49-.707-.635a2.65 2.65 0 0 0-2.944 0c-.219.146-.426.353-.708.635l-.048.048-5.898 5.898-.041.042c-.264.263-.461.46-.613.694a2.65 2.65 0 0 0-.312.665c-.082.266-.107.544-.14.915l-.006.058-.248 2.736a.65.65 0 0 0 .706.706l2.735-.249.058-.005c.371-.034.65-.06.916-.141.235-.073.458-.177.664-.311.234-.152.431-.35.694-.613l.042-.042 5.898-5.898.048-.048c.282-.282.49-.489.635-.707a2.65 2.65 0 0 0 0-2.945c-.146-.218-.353-.425-.635-.707l-.048-.048Zm-1.477.398c.097.065.207.17.558.521.35.35.456.461.521.558a1.35 1.35 0 0 1 0 1.5c-.065.098-.17.208-.521.559L13.536 9.08l-2.617-2.616 1.309-1.309c.35-.35.46-.456.558-.521a1.35 1.35 0 0 1 1.5 0ZM10 7.384l-3.67 3.67c-.323.323-.416.42-.485.526a1.35 1.35 0 0 0-.158.339c-.037.12-.053.254-.094.708l-.178 1.958 1.958-.178c.454-.041.589-.056.709-.093s.233-.09.338-.159c.105-.069.203-.162.526-.484l3.67-3.67L10 7.383Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgEdit
diff --git a/packages/icons/20/email.tsx b/packages/icons/20/email.tsx
new file mode 100644
index 00000000..ea10aa92
--- /dev/null
+++ b/packages/icons/20/email.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgEmail = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path d="m6 7 4 3 4-3" stroke={color} strokeWidth={1.3} />
+      <Path
+        d="M11 4H9c-1.864 0-2.796 0-3.53.304A4 4 0 0 0 3.303 6.47C3 7.204 3 8.136 3 10s0 2.796.304 3.53a4 4 0 0 0 2.165 2.165C6.204 16 7.136 16 9 16h2c1.864 0 2.796 0 3.53-.305a4 4 0 0 0 2.165-2.164C17 12.796 17 11.864 17 10s0-2.796-.305-3.53a4 4 0 0 0-2.164-2.166C13.796 4 12.864 4 11 4Z"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgEmail
diff --git a/packages/icons/20/expand.tsx b/packages/icons/20/expand.tsx
new file mode 100644
index 00000000..ed575097
--- /dev/null
+++ b/packages/icons/20/expand.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgExpand = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.5 6.15h5.35v5.35h1.3V4.85H8.5v1.3ZM4.85 8.5v6.65h6.65v-1.3H6.15V8.5h-1.3Z"
+        fill="#000"
+      />
+    </Svg>
+  )
+}
+export default SvgExpand
diff --git a/packages/icons/20/external.tsx b/packages/icons/20/external.tsx
new file mode 100644
index 00000000..20f13f1f
--- /dev/null
+++ b/packages/icons/20/external.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgExternal = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.968 7.614H6.173v-1.3h7.014v7.014h-1.3V8.534l-5.962 5.961-.919-.92 5.962-5.96Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgExternal
diff --git a/packages/icons/20/face-id.tsx b/packages/icons/20/face-id.tsx
new file mode 100644
index 00000000..154c47f6
--- /dev/null
+++ b/packages/icons/20/face-id.tsx
@@ -0,0 +1,25 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgFaceId = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M8.143 3.5c-1.532 0-2.298 0-2.894.273A3 3 0 0 0 3.773 5.25C3.5 5.845 3.5 6.611 3.5 8.143M11.857 3.5c1.532 0 2.298 0 2.894.273a3 3 0 0 1 1.476 1.476c.273.596.273 1.362.273 2.894m0 3.714c0 1.532 0 2.298-.273 2.894a3 3 0 0 1-1.476 1.476c-.596.273-1.362.273-2.894.273m-3.714 0c-1.532 0-2.298 0-2.894-.273a3 3 0 0 1-1.476-1.476c-.273-.596-.273-1.362-.273-2.894M7 6.5V9M10 6.5v3.086a1 1 0 0 0 .293.707L11 11M7 13s1 1 3 1 3-1 3-1M13 6.5V9"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgFaceId
diff --git a/packages/icons/20/favourite.tsx b/packages/icons/20/favourite.tsx
new file mode 100644
index 00000000..4196f318
--- /dev/null
+++ b/packages/icons/20/favourite.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgFavourite = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="m10 3 2.057 4.168 4.6.669-3.328 3.245.785 4.581L10 13.5l-4.114 2.163.785-4.581-3.328-3.245 4.6-.669L10 3Z"
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgFavourite
diff --git a/packages/icons/20/file.tsx b/packages/icons/20/file.tsx
new file mode 100644
index 00000000..bf7b8e05
--- /dev/null
+++ b/packages/icons/20/file.tsx
@@ -0,0 +1,37 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgFile = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M11 3c.64 0 1.254.254 1.707.707l2.586 2.586C15.746 6.746 16 7.36 16 8v4.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C13.72 17 12.88 17 11.2 17H8.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C4 14.72 4 13.88 4 12.2V7.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C6.28 3 7.12 3 8.8 3H11Z"
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M16 7h-3.4c-.56 0-.84 0-1.054-.109a1 1 0 0 1-.437-.437C11 6.24 11 5.96 11 5.4V3"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Path
+        d="M7 9.5h4M7 12.5h6"
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgFile
diff --git a/packages/icons/20/flag.tsx b/packages/icons/20/flag.tsx
new file mode 100644
index 00000000..8cd1b716
--- /dev/null
+++ b/packages/icons/20/flag.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgFlag = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.65 3.35V3h-1.3v14h1.3v-5.35h2.71c.073.564.556 1 1.14 1H15a.65.65 0 0 0 .65-.65V5a.65.65 0 0 0-.65-.65h-3.36a1.15 1.15 0 0 0-1.14-1H5.65Zm0 1.3v5.7H8.5a1.15 1.15 0 0 1 1.14 1h4.71v-5.7H11.5a1.15 1.15 0 0 1-1.14-1H5.65Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgFlag
diff --git a/packages/icons/20/flash-off.tsx b/packages/icons/20/flash-off.tsx
new file mode 100644
index 00000000..e7161188
--- /dev/null
+++ b/packages/icons/20/flash-off.tsx
@@ -0,0 +1,27 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgFlashOff = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M11.25 2.5v6.25h3.25L8.75 17.5v-6.25H5.5l5.75-8.75Z"
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+      <Path d="M17.072 17.072 2.93 2.93" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgFlashOff
diff --git a/packages/icons/20/flash.tsx b/packages/icons/20/flash.tsx
new file mode 100644
index 00000000..abd52614
--- /dev/null
+++ b/packages/icons/20/flash.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgFlash = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M11.25 2.5v6.25h3.25L8.75 17.5v-6.25H5.5l5.75-8.75Z"
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgFlash
diff --git a/packages/icons/20/flashlight-off.tsx b/packages/icons/20/flashlight-off.tsx
new file mode 100644
index 00000000..9fcd66c8
--- /dev/null
+++ b/packages/icons/20/flashlight-off.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgFlashlightOff = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.533 4.35h7.006a2.65 2.65 0 0 1 2.61 2.61l.001.073v.043a4.651 4.651 0 0 1-.482 2.041l-.017.034-.69 1.38-.019.038c-.123.246-.215.43-.335.6-.107.15-.229.287-.364.412-.153.14-.325.255-.554.408l-.035.023-.204.136c-.158.105-.176.12-.188.13a.35.35 0 0 0-.107.202 1.993 1.993 0 0 0-.005.228V15.5a3.15 3.15 0 1 1-6.3 0v-2.792c0-.19-.002-.213-.004-.228a.35.35 0 0 0-.108-.202 2.013 2.013 0 0 0-.188-.13l-.203-.136-.036-.024a4.423 4.423 0 0 1-.554-.407 2.655 2.655 0 0 1-.363-.412c-.12-.17-.213-.354-.336-.6l-.02-.038-.689-1.38-.017-.034a4.65 4.65 0 0 1-.482-2.04V6.96a2.65 2.65 0 0 1 2.61-2.61l.073-.001Zm.005 1.3H6.48a1.35 1.35 0 0 0-1.33 1.388v.032c0 .094.005.187.013.28h9.674c.008-.093.013-.186.013-.28v-.09a1.35 1.35 0 0 0-1.388-1.33H6.538Zm7.91 3H5.552l.65 1.3c.15.3.196.388.25.464.055.076.117.147.185.21.07.063.151.12.43.307l.205.135.026.018c.113.075.225.15.323.24.27.251.45.586.508.95.021.132.021.266.021.402V15.5a1.85 1.85 0 0 0 3.7 0v-2.824c0-.136 0-.27.02-.402.06-.364.238-.699.51-.95.097-.09.209-.165.322-.24l.027-.018.204-.135c.28-.187.36-.243.43-.307.069-.063.13-.134.185-.21.054-.076.1-.164.25-.465l.65-1.299ZM9.35 14v-2h1.3v2h-1.3Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgFlashlightOff
diff --git a/packages/icons/20/flashlight-on.tsx b/packages/icons/20/flashlight-on.tsx
new file mode 100644
index 00000000..7f7b5a6d
--- /dev/null
+++ b/packages/icons/20/flashlight-on.tsx
@@ -0,0 +1,32 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgFlashlightOn = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M7 3s1-1 3-1 3 1 3 1"
+        stroke="#1B273D"
+        strokeOpacity={0.3}
+        strokeWidth={1.3}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.533 4.35h7.006a2.65 2.65 0 0 1 2.61 2.61l.001.073v.043a4.651 4.651 0 0 1-.482 2.041l-.017.034-.69 1.38-.019.038c-.123.246-.215.43-.335.6-.107.15-.229.287-.364.412-.153.14-.325.255-.554.408l-.035.023-.204.136c-.158.105-.176.12-.188.13a.35.35 0 0 0-.107.202 1.993 1.993 0 0 0-.005.228V15.5a3.15 3.15 0 1 1-6.3 0v-2.792c0-.19-.002-.213-.004-.228a.35.35 0 0 0-.108-.202 2.013 2.013 0 0 0-.188-.13l-.203-.136-.036-.024a4.423 4.423 0 0 1-.554-.407 2.655 2.655 0 0 1-.363-.412c-.12-.17-.213-.354-.336-.6l-.02-.038-.689-1.38-.017-.034a4.65 4.65 0 0 1-.482-2.04V6.96a2.65 2.65 0 0 1 2.61-2.61l.073-.001Zm.005 1.3H6.48a1.35 1.35 0 0 0-1.33 1.388v.032c0 .094.005.187.013.28h9.674c.008-.093.013-.186.013-.28v-.09a1.35 1.35 0 0 0-1.388-1.33H6.538Zm7.91 3H5.552l.65 1.3c.15.3.196.388.25.464.055.076.117.147.185.21.07.063.151.12.43.307l.205.135.026.018c.113.075.225.15.323.24.27.251.45.586.508.95.021.132.021.266.021.402V15.5a1.85 1.85 0 0 0 3.7 0v-2.824c0-.136 0-.27.02-.402.06-.364.238-.699.51-.95.097-.09.209-.165.322-.24l.027-.018.204-.135c.28-.187.36-.243.43-.307.069-.063.13-.134.185-.21.054-.076.1-.164.25-.465l.65-1.299ZM9.35 12v-2h1.3v2h-1.3Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgFlashlightOn
diff --git a/packages/icons/20/flip.tsx b/packages/icons/20/flip.tsx
new file mode 100644
index 00000000..dedef8c1
--- /dev/null
+++ b/packages/icons/20/flip.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgFlip = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.073 2.932a7.65 7.65 0 0 1 8.337 1.659l-.92.919A6.35 6.35 0 0 0 3.682 9.364L4.7 8.6l.6.8-2 1.5-.3.225-.3-.225-2-1.5.6-.8 1.073.805a7.65 7.65 0 0 1 4.7-6.473Zm5.855 14.136a7.65 7.65 0 0 1-8.337-1.659l.92-.919a6.35 6.35 0 0 0 10.725-3.292l-.936.702-.6-.8 2-1.5.3-.225.3.225 2 1.5-.6.8-1.123-.843a7.65 7.65 0 0 1-4.65 6.01ZM8.15 10a1.85 1.85 0 1 1 3.7 0 1.85 1.85 0 0 1-3.7 0ZM10 6.85a3.15 3.15 0 1 0 0 6.3 3.15 3.15 0 0 0 0-6.3Z"
+        fill="#000"
+      />
+    </Svg>
+  )
+}
+export default SvgFlip
diff --git a/packages/icons/20/folder.tsx b/packages/icons/20/folder.tsx
new file mode 100644
index 00000000..d92d72f8
--- /dev/null
+++ b/packages/icons/20/folder.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgFolder = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.847 3.35h-.09c-.7 0-1.162 0-1.56.09A3.646 3.646 0 0 0 2.44 6.197c-.09.397-.089.858-.089 1.56v3.47c0 .816 0 1.469.043 1.995.044.54.137 1.006.355 1.434a3.65 3.65 0 0 0 1.595 1.595c.428.218.893.31 1.434.355.527.043 1.179.043 1.995.043H12.927c.994 0 1.65 0 2.201-.179a3.648 3.648 0 0 0 2.343-2.343c.18-.552.18-1.207.18-2.201V8.772c0-.816 0-1.469-.044-1.995-.044-.54-.137-1.006-.355-1.434a3.65 3.65 0 0 0-1.595-1.595c-.428-.218-.893-.31-1.434-.355-.526-.043-1.179-.043-1.995-.043H6.847ZM3.65 8.8c0-.85 0-1.45.039-1.917.037-.46.108-.736.217-.95a2.35 2.35 0 0 1 1.027-1.027c.214-.109.49-.18.95-.217.362-.03.802-.037 1.378-.038.36.001.527.008.672.032A2.35 2.35 0 0 1 9.736 6.16c.066.172.11.385.227.966l.01.054c.064.32.111.556.191.765a2.65 2.65 0 0 0 2.034 1.667c.22.037.462.037.788.037H14.2c.795 0 1.039.008 1.217.066.411.134.734.456.867.867.053.163.064.38.066 1.02a20.176 20.176 0 0 1-.039 1.514c-.037.46-.108.736-.217.95a2.351 2.351 0 0 1-1.027 1.027c-.214.109-.49.18-.95.217-.467.039-1.066.039-1.917.039H7.8c-.85 0-1.45 0-1.917-.039-.46-.037-.736-.108-.95-.217a2.35 2.35 0 0 1-1.027-1.027c-.109-.214-.18-.49-.217-.95-.038-.467-.039-1.066-.039-1.917V8.8Zm12.7-.08a2.647 2.647 0 0 0-.531-.24c-.401-.13-.872-.13-1.51-.13H13.04c-.404 0-.527-.002-.625-.019a1.35 1.35 0 0 1-1.036-.85c-.036-.093-.062-.213-.141-.608l-.013-.062c-.1-.498-.165-.827-.275-1.114a3.647 3.647 0 0 0-.616-1.047H12.2c.85 0 1.45 0 1.918.039.46.037.735.108.949.217a2.35 2.35 0 0 1 1.027 1.027c.109.214.18.49.217.95.037.452.04 1.028.04 1.837Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgFolder
diff --git a/packages/icons/20/format.tsx b/packages/icons/20/format.tsx
new file mode 100644
index 00000000..dfa80b9c
--- /dev/null
+++ b/packages/icons/20/format.tsx
@@ -0,0 +1,28 @@
+import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgFormat = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#format_svg__a)" fill={color}>
+        <Path d="M4.343 14.047a.858.858 0 1 1-1.622-.558l2.575-7.314a1.493 1.493 0 0 1 2.817 0l2.579 7.314a.858.858 0 1 1-1.622.559L6.753 7.15a.051.051 0 0 0-.097 0l-2.313 6.896Zm-.136-2.434c0-.38.308-.688.688-.688h3.61a.688.688 0 0 1 0 1.376h-3.61a.688.688 0 0 1-.688-.688ZM13.82 14.823c-.449 0-.857-.085-1.223-.254a2.1 2.1 0 0 1-.872-.744c-.216-.326-.324-.72-.324-1.181 0-.407.08-.736.24-.988.16-.256.374-.456.642-.6.268-.145.563-.253.886-.324.327-.073.654-.132.984-.175.43-.056.78-.097 1.048-.125.27-.03.467-.081.59-.152.127-.07.19-.194.19-.37v-.036c0-.456-.125-.81-.374-1.062-.246-.252-.62-.379-1.122-.379-.52 0-.928.114-1.223.342-.13.1-.244.204-.34.311-.193.213-.49.344-.76.248-.303-.108-.457-.453-.275-.717.133-.192.285-.355.456-.488.311-.243.65-.413 1.016-.508.37-.099.732-.148 1.09-.148.227 0 .489.028.784.083.299.053.586.162.863.328.28.166.513.417.697.752.185.336.277.785.277 1.349v4.127c0 .3-.244.544-.544.544h-.065a.48.48 0 0 1-.48-.48v-.446a.034.034 0 0 0-.065-.015 1.96 1.96 0 0 1-.36.475 2.131 2.131 0 0 1-.688.448c-.286.123-.635.185-1.048.185Zm.167-.98c.43 0 .794-.084 1.09-.253a1.729 1.729 0 0 0 .904-1.5v-.653c0-.117-.193-.225-.305-.192a5.124 5.124 0 0 1-.535.115 24.109 24.109 0 0 1-1.044.139 4.165 4.165 0 0 0-.794.18 1.37 1.37 0 0 0-.59.364c-.148.16-.222.379-.222.656 0 .379.14.665.42.859.283.19.642.286 1.076.286Z" />
+      </G>
+      <Defs>
+        <ClipPath id="format_svg__a">
+          <Path fill="#fff" d="M0 0h20v20H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgFormat
diff --git a/packages/icons/20/forward.tsx b/packages/icons/20/forward.tsx
new file mode 100644
index 00000000..3ead209d
--- /dev/null
+++ b/packages/icons/20/forward.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgForward = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m14.93 9.65-3.39 3.39.92.92 4.5-4.5.46-.46-.46-.46-4.5-4.5-.92.92 3.39 3.39h-4.559c-1.095 0-1.957 0-2.651.057-.707.057-1.296.177-1.831.45a4.65 4.65 0 0 0-2.032 2.032c-.273.535-.392 1.124-.45 1.83-.057.694-.057 1.556-.057 2.652v.129h1.3v-.1c0-1.13 0-1.94.052-2.574.052-.627.15-1.026.313-1.347a3.35 3.35 0 0 1 1.464-1.464c.321-.163.72-.261 1.347-.313.634-.051 1.443-.052 2.574-.052h4.53Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgForward
diff --git a/packages/icons/20/friend.tsx b/packages/icons/20/friend.tsx
new file mode 100644
index 00000000..e9d95f28
--- /dev/null
+++ b/packages/icons/20/friend.tsx
@@ -0,0 +1,34 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgFriend = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M5 14.75A3.75 3.75 0 0 1 8.75 11h2.5A3.75 3.75 0 0 1 15 14.75c0 .69-.56 1.25-1.25 1.25h-7.5C5.56 16 5 15.44 5 14.75Z"
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+      <Circle
+        cx={10}
+        cy={6}
+        r={2.5}
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgFriend
diff --git a/packages/icons/20/gas.tsx b/packages/icons/20/gas.tsx
new file mode 100644
index 00000000..c22461a4
--- /dev/null
+++ b/packages/icons/20/gas.tsx
@@ -0,0 +1,37 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgGas = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M4 7.5c0-1.398 0-2.097.228-2.648a3 3 0 0 1 1.624-1.624C6.403 3 7.102 3 8.5 3c1.398 0 2.097 0 2.648.228a3 3 0 0 1 1.624 1.624C13 5.403 13 6.102 13 7.5V17H4V7.5ZM4 9h9"
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M17.65 5.52V3h-1.3v2.52c.155-.02.356-.02.65-.02.294 0 .495 0 .65.02Zm0 3.96c-.155.02-.356.02-.65.02-.294 0-.495 0-.65-.02V13a.35.35 0 1 1-.7 0v-.8a1.85 1.85 0 0 0-1.85-1.85h-1.3v1.3h1.3a.55.55 0 0 1 .55.55v.8a1.65 1.65 0 1 0 3.3 0V9.48Z"
+        fill={color}
+      />
+      <Path
+        d="M15.5 7c0-.466 0-.699.076-.883a1 1 0 0 1 .541-.54c.184-.077.417-.077.883-.077s.699 0 .883.076a1 1 0 0 1 .54.541c.077.184.077.417.077.883v1c0 .466 0 .699-.076.883a1 1 0 0 1-.541.54c-.184.077-.417.077-.883.077s-.699 0-.883-.076a1 1 0 0 1-.54-.541C15.5 8.699 15.5 8.466 15.5 8V7Z"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgGas
diff --git a/packages/icons/20/gif.tsx b/packages/icons/20/gif.tsx
new file mode 100644
index 00000000..5f50ef19
--- /dev/null
+++ b/packages/icons/20/gif.tsx
@@ -0,0 +1,35 @@
+import { Path, Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgGif = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Rect
+        x={3.5}
+        y={3.5}
+        width={13}
+        height={13}
+        rx={4}
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Path
+        d="m8.204 9.312.011.035H9.041l-.01-.058a1.482 1.482 0 0 0-.193-.543 1.54 1.54 0 0 0-.378-.424 1.682 1.682 0 0 0-.52-.274 1.969 1.969 0 0 0-.627-.098 1.91 1.91 0 0 0-.738.14 1.679 1.679 0 0 0-.593.408c-.17.178-.3.393-.394.646-.092.254-.138.54-.138.86 0 .417.078.78.235 1.087.16.306.38.543.663.71.285.167.614.249.986.249.334 0 .632-.067.892-.201.261-.137.467-.33.616-.582.15-.252.223-.55.223-.89v-.518H7.36V10.51h.91a.9.9 0 0 1-.11.395.761.761 0 0 1-.322.303 1.072 1.072 0 0 1-.5.109c-.213 0-.398-.05-.556-.15a1.01 1.01 0 0 1-.374-.445 1.729 1.729 0 0 1-.136-.726c0-.286.046-.526.136-.72.092-.197.217-.344.374-.443a.99.99 0 0 1 .541-.15c.115 0 .22.015.314.044a.804.804 0 0 1 .44.322h.001a.95.95 0 0 1 .127.263Zm-.344 1.94c-.147.077-.321.115-.522.115-.222 0-.416-.053-.584-.158a1.06 1.06 0 0 1-.392-.466 1.778 1.778 0 0 1-.141-.747c0-.291.047-.538.14-.741l1.499 1.998Zm2.909-3.199v-.05H9.952V11.997H10.769V8.053Zm1.146 3.894v.05H12.73V10.343h1.645V9.652h-1.645v-.958h1.819V8.004h-2.635V11.946Z"
+        fill={color}
+        stroke={color}
+        strokeWidth={0.1}
+      />
+    </Svg>
+  )
+}
+export default SvgGif
diff --git a/packages/icons/20/globe.tsx b/packages/icons/20/globe.tsx
new file mode 100644
index 00000000..dda4e896
--- /dev/null
+++ b/packages/icons/20/globe.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgGlobe = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.28 4.251c.275-.261.517-.351.72-.351.203 0 .445.09.72.351.278.265.558.679.807 1.24.438.983.741 2.33.809 3.859H7.664c.068-1.528.372-2.876.809-3.859.25-.561.53-.975.807-1.24ZM6.363 9.35c.069-1.68.4-3.214.922-4.387a6.95 6.95 0 0 1 .276-.556A6.105 6.105 0 0 0 3.934 9.35h2.43Zm-2.429 1.3h2.43c.068 1.68.4 3.214.92 4.387.087.193.179.38.277.556a6.105 6.105 0 0 1-3.627-4.943Zm3.73 0h4.672c-.068 1.528-.372 2.876-.809 3.859-.249.561-.53.975-.807 1.24-.275.261-.517.351-.72.351-.203 0-.445-.09-.72-.351-.278-.265-.558-.679-.807-1.24-.437-.983-.74-2.33-.809-3.859Zm5.973 0c-.069 1.68-.4 3.214-.922 4.387a6.95 6.95 0 0 1-.276.556 6.105 6.105 0 0 0 3.627-4.943h-2.43Zm2.429-1.3a6.105 6.105 0 0 0-3.627-4.943c.098.177.19.363.276.556.522 1.173.854 2.707.922 4.387h2.429ZM17.4 10a7.4 7.4 0 1 1-14.8 0 7.4 7.4 0 0 1 14.8 0Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgGlobe
diff --git a/packages/icons/20/hashtag-1.tsx b/packages/icons/20/hashtag-1.tsx
new file mode 100644
index 00000000..99117973
--- /dev/null
+++ b/packages/icons/20/hashtag-1.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgHashtag1 = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.35 16.65v-3h-2v-1.3h2v-4.7h-2v-1.3h2v-3h1.3v3h4.7v-3h1.3v3h2v1.3h-2v4.7h2v1.3h-2v3h-1.3v-3h-4.7v3h-1.3Zm6-4.3v-4.7h-4.7v4.7h4.7Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgHashtag1
diff --git a/packages/icons/20/hashtag.tsx b/packages/icons/20/hashtag.tsx
new file mode 100644
index 00000000..40db6640
--- /dev/null
+++ b/packages/icons/20/hashtag.tsx
@@ -0,0 +1,35 @@
+import { Path, Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgHashtag = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.1 11.9V13h1.3v-1.1h1.2V13h1.3v-1.1H13v-1.3h-1.1V9.4H13V8.1h-1.1V7h-1.3v1.1H9.4V7H8.1v1.1H7v1.3h1.1v1.2H7v1.3h1.1Zm1.3-1.3h1.2V9.4H9.4v1.2Z"
+        fill={color}
+      />
+      <Rect
+        x={3.5}
+        y={3.5}
+        width={13}
+        height={13}
+        rx={4}
+        stroke={color}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgHashtag
diff --git a/packages/icons/20/heart.tsx b/packages/icons/20/heart.tsx
new file mode 100644
index 00000000..863ba345
--- /dev/null
+++ b/packages/icons/20/heart.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgHeart = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        clipRule="evenodd"
+        d="M9.824 16.894a25.629 25.629 0 0 1-4.437-3.406 8.693 8.693 0 0 1-2.112-3.32C2.482 7.739 3.408 4.957 6 4.135 7.362 3.7 8.856 4.65 10.004 5.5c1.148-.848 2.628-1.797 3.99-1.366 2.592.823 3.525 3.605 2.732 6.034a8.694 8.694 0 0 1-2.112 3.32 25.63 25.63 0 0 1-4.437 3.406l-.173.106-.18-.106Z"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgHeart
diff --git a/packages/icons/20/help.tsx b/packages/icons/20/help.tsx
new file mode 100644
index 00000000..a112af7c
--- /dev/null
+++ b/packages/icons/20/help.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgHelp = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.308 7.802a6.12 6.12 0 0 1 3.494-3.494l.64 2.39a3.665 3.665 0 0 0-1.744 1.744l-2.39-.64Zm-.336 1.256a6.146 6.146 0 0 0 0 1.884l2.39-.64a3.697 3.697 0 0 1 0-.604l-2.39-.64Zm.336 3.14a6.12 6.12 0 0 0 3.494 3.494l.64-2.39a3.665 3.665 0 0 1-1.744-1.744l-2.39.64ZM10 16.1c-.32 0-.635-.025-.942-.072l.64-2.39a3.72 3.72 0 0 0 .604 0l.64 2.39A6.145 6.145 0 0 1 10 16.1Zm2.198-.408a6.12 6.12 0 0 0 3.494-3.494l-2.39-.64a3.665 3.665 0 0 1-1.744 1.744l.64 2.39Zm1.44-5.39 2.39.64a6.149 6.149 0 0 0 0-1.884l-2.39.64a3.72 3.72 0 0 1 0 .604Zm-1.44-5.994a6.12 6.12 0 0 1 3.494 3.494l-2.39.64a3.664 3.664 0 0 0-1.744-1.744l.64-2.39Zm-1.256-.336a6.146 6.146 0 0 0-1.884 0l.64 2.39a3.698 3.698 0 0 1 .604 0l.64-2.39ZM10 2.6a7.4 7.4 0 1 0 0 14.8 7.4 7.4 0 0 0 0-14.8ZM7.65 10a2.35 2.35 0 1 1 4.7 0 2.35 2.35 0 0 1-4.7 0Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgHelp
diff --git a/packages/icons/20/hide.tsx b/packages/icons/20/hide.tsx
new file mode 100644
index 00000000..7c93e3eb
--- /dev/null
+++ b/packages/icons/20/hide.tsx
@@ -0,0 +1,31 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgHide = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M10 4c4.5 0 7 5 7 6s-2.5 6-7 6-7-5-7-6 2.5-6 7-6Z"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.28 7.36 3.388 2.47l-.919.919L7.361 8.28a3.15 3.15 0 0 0 4.36 4.36l4.89 4.89.92-.919-4.892-4.89a3.15 3.15 0 0 0-4.36-4.36Zm.035 1.874a1.85 1.85 0 0 0 2.45 2.45l-2.45-2.45Zm3.37 1.531-2.45-2.45a1.85 1.85 0 0 1 2.45 2.45Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgHide
diff --git a/packages/icons/20/history.tsx b/packages/icons/20/history.tsx
new file mode 100644
index 00000000..64bf4f26
--- /dev/null
+++ b/packages/icons/20/history.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgHistory = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M7.516 2.287A7.99 7.99 0 0 1 10 1.9c1.091 0 2.143.211 3.156.633a8.092 8.092 0 0 1 2.571 1.74 8.096 8.096 0 0 1 1.74 2.57l-.003.002.003-.001A8.132 8.132 0 0 1 18.1 10a8.132 8.132 0 0 1-.633 3.156 8.093 8.093 0 0 1-1.74 2.571 8.09 8.09 0 0 1-2.57 1.74h-.001a8.131 8.131 0 0 1-5.814.182m.174-15.362.03.095-.03-.095Zm0 0a8.207 8.207 0 0 0-2.238 1.131h-.001a8.115 8.115 0 0 0-1.74 1.709c-.116.153-.227.31-.332.47-.036.055-.07.11-.105.167m0 0V3.9H1.9V8.1H6.1V6.9H3.84M3.1 5.764a6.39 6.39 0 0 0-.1.169V4H2v4h4V7H3.79l.05-.1M3.1 5.764v.196a8.094 8.094 0 0 1 .517-.772l-.36 6.68M3.84 6.9c.27-.54.605-1.032 1.004-1.478a6.955 6.955 0 0 1 3.216-2.04A6.727 6.727 0 0 1 10 3.1c.632 0 1.241.082 1.829.246a6.889 6.889 0 0 1 3.045 1.78 6.871 6.871 0 0 1 0 9.75 6.871 6.871 0 0 1-7.1 1.656l-.032.093M3.84 6.9h-.112a6.861 6.861 0 0 1 1.041-1.544 7.055 7.055 0 0 1 3.262-2.07A6.827 6.827 0 0 1 10 3c.64 0 1.26.083 1.855.25a6.99 6.99 0 0 1 3.09 1.805 6.968 6.968 0 0 1 0 9.89 6.973 6.973 0 0 1-7.203 1.68m0 0 .033-.095a6.902 6.902 0 0 1-3.47-2.642l-.075.052.075-.051a6.724 6.724 0 0 1-.95-2.048l-.027-.097-.097.027-.96.266-.097.026.026.096a7.879 7.879 0 0 0 1.092 2.373m4.45 2.093a7.002 7.002 0 0 1-3.52-2.68 6.821 6.821 0 0 1-.962-2.069l-.002-.009m.034 2.666a8.21 8.21 0 0 0 1.764 1.882c.691.533 1.453.944 2.286 1.234m-4.05-3.116.083-.056-.083.056Zm4.05 3.116.033-.094m-.033.094.033-.094m0 0a7.966 7.966 0 0 1-2.258-1.219 8.11 8.11 0 0 1-2.379-2.984m4.637 4.203a8.032 8.032 0 0 0 5.742-.18 7.99 7.99 0 0 0 2.54-1.719 7.99 7.99 0 0 0 1.718-2.539c.416-1 .625-2.039.625-3.117a8.03 8.03 0 0 0-.617-3.098l.092-.02-14.737 6.47m0 0a7.778 7.778 0 0 1-.414-1.123l-.008-.028a7.1 7.1 0 0 1-.02-.068l.865-.24.096-.026m-.519 1.485.52-1.485M10.1 6v-.1H8.9v4.853l.03.029 3.148 3.14.07.07.071-.07.703-.703.07-.07-.07-.071-2.822-2.83V6Z"
+        fill="#000"
+        stroke="#000"
+        strokeWidth={0.2}
+      />
+    </Svg>
+  )
+}
+export default SvgHistory
diff --git a/packages/icons/20/hold.tsx b/packages/icons/20/hold.tsx
new file mode 100644
index 00000000..1c1eaf4d
--- /dev/null
+++ b/packages/icons/20/hold.tsx
@@ -0,0 +1,22 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgHold = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={6.75} fill={color} />
+      <Path d="M6.833 10.5 9 12.5l4.333-5" stroke="#fff" strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgHold
diff --git a/packages/icons/20/image.tsx b/packages/icons/20/image.tsx
new file mode 100644
index 00000000..3ae5f529
--- /dev/null
+++ b/packages/icons/20/image.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgImage = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.9 2.85h-.029c-1.095 0-1.958 0-2.651.057-.707.057-1.296.177-1.831.45a4.65 4.65 0 0 0-2.032 2.032c-.273.535-.392 1.124-.45 1.83-.057.694-.057 1.556-.057 2.652v.258c0 1.096 0 1.958.057 2.651.058.707.177 1.296.45 1.831a4.65 4.65 0 0 0 2.032 2.032c.535.273 1.124.393 1.831.45.694.057 1.556.057 2.651.057h.258c1.096 0 1.958 0 2.651-.057.707-.057 1.296-.177 1.831-.45a4.65 4.65 0 0 0 2.032-2.032c.273-.535.393-1.124.45-1.83.057-.694.057-1.556.057-2.652V9.87c0-1.096 0-1.958-.057-2.651-.057-.707-.177-1.296-.45-1.831a4.65 4.65 0 0 0-2.032-2.032c-.535-.273-1.124-.393-1.83-.45-.694-.057-1.556-.057-2.652-.057H9.9ZM5.98 4.515c.32-.163.719-.261 1.346-.313.634-.051 1.443-.052 2.574-.052h.2c1.13 0 1.94 0 2.574.052.627.052 1.026.15 1.347.313a3.35 3.35 0 0 1 1.464 1.464c.164.321.261.72.313 1.347.052.634.052 1.443.052 2.574v.2c0 1.13 0 1.94-.052 2.574a8.05 8.05 0 0 1-.024.243 5.089 5.089 0 0 0-2.754-.549 5.197 5.197 0 0 0-2.283.763 8.649 8.649 0 0 0-6.58-4.703c.006-.424.02-.785.045-1.102.052-.627.15-1.026.313-1.347A3.35 3.35 0 0 1 5.98 4.515Zm5.256 9.841c.155.483.268.98.336 1.487.424-.006.785-.02 1.102-.045.627-.052 1.026-.15 1.347-.313a3.35 3.35 0 0 0 1.372-1.296 3.818 3.818 0 0 0-2.262-.525 3.936 3.936 0 0 0-1.895.692Zm-3.039-2.553a7.35 7.35 0 0 1 2.063 4.047H9.9c-1.13 0-1.94 0-2.574-.052-.627-.052-1.026-.15-1.347-.313a3.35 3.35 0 0 1-1.464-1.464c-.163-.321-.261-.72-.313-1.347-.051-.634-.052-1.443-.052-2.574v-.36a7.35 7.35 0 0 1 4.047 2.063ZM11.15 8a.85.85 0 1 1 1.7 0 .85.85 0 0 1-1.7 0ZM12 5.85a2.15 2.15 0 1 0 0 4.3 2.15 2.15 0 0 0 0-4.3Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgImage
diff --git a/packages/icons/20/inactive.tsx b/packages/icons/20/inactive.tsx
new file mode 100644
index 00000000..8a0f7d62
--- /dev/null
+++ b/packages/icons/20/inactive.tsx
@@ -0,0 +1,21 @@
+import { Circle, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgInactive = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={4} fill="#A1ABBD" />
+    </Svg>
+  )
+}
+export default SvgInactive
diff --git a/packages/icons/20/index.ts b/packages/icons/20/index.ts
new file mode 100644
index 00000000..e3327f65
--- /dev/null
+++ b/packages/icons/20/index.ts
@@ -0,0 +1,177 @@
+export { default as AccountNumber } from './account-number'
+export { default as ActiveMember } from './active-member'
+export { default as ActivityCenter } from './activity-center'
+export { default as Add } from './add'
+export { default as AddReaction } from './add-reaction'
+export { default as AddSmall } from './add-small'
+export { default as AddToken } from './add-token'
+export { default as AddUser } from './add-user'
+export { default as Alert } from './alert'
+export { default as Alphabetically } from './alphabetically'
+export { default as Android } from './android'
+export { default as Anonymous } from './anonymous'
+export { default as ArrowDown } from './arrow-down'
+export { default as ArrowLeft } from './arrow-left'
+export { default as ArrowRight } from './arrow-right'
+export { default as ArrowUp } from './arrow-up'
+export { default as Attach } from './attach'
+export { default as Audio } from './audio'
+export { default as Automatic } from './automatic'
+export { default as Block } from './block'
+export { default as Bold } from './bold'
+export { default as Bridge } from './bridge'
+export { default as Browser } from './browser'
+export { default as Bullet } from './bullet'
+export { default as BulletList } from './bullet-list'
+export { default as Buy } from './buy'
+export { default as Camera } from './camera'
+export { default as CardView } from './card-view'
+export { default as CentreAlign } from './centre-align'
+export { default as Chatkey } from './chatkey'
+export { default as Check } from './check'
+export { default as ChevronDown } from './chevron-down'
+export { default as ChevronLeft } from './chevron-left'
+export { default as ChevronRight } from './chevron-right'
+export { default as ChevronUp } from './chevron-up'
+export { default as ChevronsLeft } from './chevrons-left'
+export { default as ChevronsRight } from './chevrons-right'
+export { default as Clear } from './clear'
+export { default as Close } from './close'
+export { default as Code } from './code'
+export { default as CodeBlock } from './code-block'
+export { default as Collapse } from './collapse'
+export { default as ColourPick } from './colour-pick'
+export { default as Communities } from './communities'
+export { default as Connection } from './connection'
+export { default as Contact } from './contact'
+export { default as ContactBook } from './contact-book'
+export { default as Copy } from './copy'
+export { default as Correct } from './correct'
+export { default as Crown } from './crown'
+export { default as Customize } from './customize'
+export { default as Dark } from './dark'
+export { default as DataUsage } from './data-usage'
+export { default as Delete } from './delete'
+export { default as Desktop } from './desktop'
+export { default as Download } from './download'
+export { default as Dropdown } from './dropdown'
+export { default as Duration } from './duration'
+export { default as Edit } from './edit'
+export { default as Email } from './email'
+export { default as Expand } from './expand'
+export { default as External } from './external'
+export { default as FaceId } from './face-id'
+export { default as Favourite } from './favourite'
+export { default as File } from './file'
+export { default as Flag } from './flag'
+export { default as Flash } from './flash'
+export { default as FlashOff } from './flash-off'
+export { default as FlashlightOff } from './flashlight-off'
+export { default as FlashlightOn } from './flashlight-on'
+export { default as Flip } from './flip'
+export { default as Folder } from './folder'
+export { default as Format } from './format'
+export { default as Forward } from './forward'
+export { default as Friend } from './friend'
+export { default as Gas } from './gas'
+export { default as Gif } from './gif'
+export { default as Globe } from './globe'
+export { default as Hashtag } from './hashtag'
+export { default as Hashtag1 } from './hashtag-1'
+export { default as Heart } from './heart'
+export { default as Help } from './help'
+export { default as Hide } from './hide'
+export { default as History } from './history'
+export { default as Hold } from './hold'
+export { default as Image } from './image'
+export { default as Inactive } from './inactive'
+export { default as Info } from './info'
+export { default as InfoBadge } from './info-badge'
+export { default as Italic } from './italic'
+export { default as Justify } from './justify'
+export { default as Key } from './key'
+export { default as Keyboard } from './keyboard'
+export { default as Keycard } from './keycard'
+export { default as KeycardLogo } from './keycard-logo'
+export { default as Laptop } from './laptop'
+export { default as LeftAlign } from './left-align'
+export { default as Light } from './light'
+export { default as Link } from './link'
+export { default as ListView } from './list-view'
+export { default as Loading } from './loading'
+export { default as Locked } from './locked'
+export { default as LogOut } from './log-out'
+export { default as Members } from './members'
+export { default as Mention } from './mention'
+export { default as Menu } from './menu'
+export { default as Messages } from './messages'
+export { default as Mobile } from './mobile'
+export { default as MultiProfile } from './multi-profile'
+export { default as Muted } from './muted'
+export { default as MutualContact } from './mutual-contact'
+export { default as NewMessage } from './new-message'
+export { default as Nft } from './nft'
+export { default as Node } from './node'
+export { default as Notification } from './notification'
+export { default as Notifications } from './notifications'
+export { default as NumberedList } from './numbered-list'
+export { default as Online } from './online'
+export { default as OnlineLeft } from './online-left'
+export { default as Options } from './options'
+export { default as Password } from './password'
+export { default as Pause } from './pause'
+export { default as Pending } from './pending'
+export { default as PendingUser } from './pending-user'
+export { default as Pin } from './pin'
+export { default as Pin1 } from './pin-1'
+export { default as Placeholder } from './placeholder'
+export { default as Play } from './play'
+export { default as Privacy } from './privacy'
+export { default as Profile } from './profile'
+export { default as Pullup } from './pullup'
+export { default as QrCode } from './qr-code'
+export { default as Quarter } from './quarter'
+export { default as Reaction } from './reaction'
+export { default as Receive } from './receive'
+export { default as ReceiveMessage } from './receive-message'
+export { default as Recent } from './recent'
+export { default as Refresh } from './refresh'
+export { default as RemoveUser } from './remove-user'
+export { default as Reply } from './reply'
+export { default as Reveal } from './reveal'
+export { default as Revere } from './revere'
+export { default as RightAlign } from './right-align'
+export { default as Rotate } from './rotate'
+export { default as Sad } from './sad'
+export { default as Save } from './save'
+export { default as Scan } from './scan'
+export { default as Search } from './search'
+export { default as Seed } from './seed'
+export { default as Send } from './send'
+export { default as SendMessage } from './send-message'
+export { default as Settings } from './settings'
+export { default as Share } from './share'
+export { default as Signature } from './signature'
+export { default as Sort } from './sort'
+export { default as Speed } from './speed'
+export { default as Status } from './status'
+export { default as Stickers } from './stickers'
+export { default as Stop } from './stop'
+export { default as Strikethrough } from './strikethrough'
+export { default as Subscript } from './subscript'
+export { default as Superscript } from './superscript'
+export { default as Swap } from './swap'
+export { default as Syncing } from './syncing'
+export { default as Toggle } from './toggle'
+export { default as Token } from './token'
+export { default as Unblock } from './unblock'
+export { default as Underline } from './underline'
+export { default as Unlocked } from './unlocked'
+export { default as Unread } from './unread'
+export { default as Untrustworthy } from './untrustworthy'
+export { default as UpToDate } from './up-to-date'
+export { default as Verified } from './verified'
+export { default as Video } from './video'
+export { default as Wallet } from './wallet'
+export { default as Warning } from './warning'
+export { default as World } from './world'
diff --git a/packages/icons/20/info-badge.tsx b/packages/icons/20/info-badge.tsx
new file mode 100644
index 00000000..8ba42e55
--- /dev/null
+++ b/packages/icons/20/info-badge.tsx
@@ -0,0 +1,23 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgInfoBadge = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={6.75} fill={color} />
+      <Path d="M10 9.5V14" stroke="#fff" strokeWidth={1.3} />
+      <Circle cx={10} cy={7} r={1} transform="rotate(-180 10 7)" fill="#fff" />
+    </Svg>
+  )
+}
+export default SvgInfoBadge
diff --git a/packages/icons/20/info.tsx b/packages/icons/20/info.tsx
new file mode 100644
index 00000000..05958801
--- /dev/null
+++ b/packages/icons/20/info.tsx
@@ -0,0 +1,23 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgInfo = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={6.75} stroke={color} strokeWidth={1.3} />
+      <Path d="M10 9.5V14" stroke={color} strokeWidth={1.3} />
+      <Circle cx={10} cy={7} r={1} transform="rotate(-180 10 7)" fill={color} />
+    </Svg>
+  )
+}
+export default SvgInfo
diff --git a/packages/icons/20/italic.tsx b/packages/icons/20/italic.tsx
new file mode 100644
index 00000000..1a9d2d3e
--- /dev/null
+++ b/packages/icons/20/italic.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgItalic = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.75 4.5a.75.75 0 0 1-.75.75h-2.448l-1.583 9.5H12a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1 0-1.5h2.448l1.583-9.5H8a.75.75 0 0 1 0-1.5h6a.75.75 0 0 1 .75.75Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgItalic
diff --git a/packages/icons/20/justify.tsx b/packages/icons/20/justify.tsx
new file mode 100644
index 00000000..1a88a8fe
--- /dev/null
+++ b/packages/icons/20/justify.tsx
@@ -0,0 +1,27 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgJustify = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M15 11.75H5M15 5H5M15 15H5M15 8.25H5"
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgJustify
diff --git a/packages/icons/20/key.tsx b/packages/icons/20/key.tsx
new file mode 100644
index 00000000..6a323a16
--- /dev/null
+++ b/packages/icons/20/key.tsx
@@ -0,0 +1,31 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgKey = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="m16.63 15.797-.65-.012.65.012Zm-.49.49.012.65-.012-.65Zm-2.287-1.438-.64.116.64-.116Zm-.402-.402-.117.639.117-.64Zm-1.643-1.643-.64.117.64-.117Zm-.402-.402-.116.64.116-.64Zm.566 1.298.64-.117-.64.117Zm.583.583-.116.64.116-.64Zm2.069 2.032-.012-.65.012.65Zm-.608-.57-.64.116.64-.117Zm-2.282-6.651.607.233-.607-.233Zm-1.223 3.145-.117.64.117-.64Zm6.089 1.896-.46.46.46-.46Zm.058.146.65.011-.65-.011Zm-7.22-2.89.232.607-.233-.607Zm-.234-.607a3.35 3.35 0 0 1-3.573-.758l-.92.919a4.65 4.65 0 0 0 4.96 1.053l-.467-1.214Zm-3.573-.758a3.35 3.35 0 0 1 0-4.738l-.92-.92a4.65 4.65 0 0 0 0 6.577l.92-.92Zm0-4.738a3.35 3.35 0 0 1 4.738 0l.919-.92a4.65 4.65 0 0 0-6.576 0l.92.92Zm4.738 0a3.35 3.35 0 0 1 .758 3.573l1.214.466a4.65 4.65 0 0 0-1.053-4.958l-.92.92Zm.95 4.486 4.821 4.821.92-.92-4.822-4.82-.919.919Zm4.69 4.495-.028 1.516 1.3.024.027-1.517-1.3-.024Zm-.028 1.516a.15.15 0 0 1 .147-.148l.024 1.3a1.15 1.15 0 0 0 1.128-1.128l-1.3-.024Zm.147-.148-1.516.028.024 1.3 1.516-.028-.024-1.3Zm-1.19.16-.407-.407-.919.92.407.406.92-.919Zm-.282-.17-.164-.895-1.278.233.163.896 1.279-.233Zm-.164-.895a1.15 1.15 0 0 0-.925-.925l-.233 1.279a.15.15 0 0 1-.12-.12l1.278-.234Zm-.925-.925-.895-.163-.233 1.279.895.163.233-1.279Zm-.658-.039-.422-.423-.92.92.423.423.92-.92Zm-.298-.185-.163-.895-1.28.233.164.895 1.28-.233Zm-.163-.895a1.15 1.15 0 0 0-.925-.926l-.233 1.28a.15.15 0 0 1-.121-.121l1.279-.233Zm-.925-.926-.896-.163-.233 1.28.896.162.233-1.279Zm-.658-.038-.748-.748-.92.92.749.747.919-.92Zm1.622 1.621a.45.45 0 0 1 .124.238l-1.279.233a.85.85 0 0 0 .235.449l.92-.92Zm.185.299a.45.45 0 0 1 .237.124l-.919.92a.85.85 0 0 0 .449.235l.233-1.28Zm1.94 2.021a.45.45 0 0 1 .326.132l-.92.92a.85.85 0 0 0 .618.248l-.024-1.3Zm-.08-.275a.45.45 0 0 1 .124.238l-1.28.233a.85.85 0 0 0 .236.448l.92-.919Zm-3.405-6.53a.857.857 0 0 0 .192.914l.92-.92c.132.134.16.321.102.473l-1.214-.466Zm-.5 2.74a.45.45 0 0 1 .238.124l-.92.919a.85.85 0 0 0 .45.235l.232-1.279Zm5.513 2.995a.45.45 0 0 1-.131-.327l1.3.024a.85.85 0 0 0-.25-.616l-.919.919Zm-6.47-2.597a.444.444 0 0 1-.472-.103l.92-.919a.856.856 0 0 0-.914-.192l.466 1.214Z"
+        fill="#000"
+      />
+      <Circle
+        cx={7.293}
+        cy={6.95}
+        r={1}
+        transform="rotate(45 7.293 6.95)"
+        fill="#000"
+      />
+    </Svg>
+  )
+}
+export default SvgKey
diff --git a/packages/icons/20/keyboard.tsx b/packages/icons/20/keyboard.tsx
new file mode 100644
index 00000000..23a98d56
--- /dev/null
+++ b/packages/icons/20/keyboard.tsx
@@ -0,0 +1,32 @@
+import { Path, Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgKeyboard = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M3 8.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C5.28 4 6.12 4 7.8 4h4.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C17 6.28 17 7.12 17 8.8v2.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C14.72 16 13.88 16 12.2 16H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 13.72 3 12.88 3 11.2V8.8Z"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Rect x={5.25} y={6.25} width={2} height={2} rx={0.5} fill={color} />
+      <Rect x={9} y={6.25} width={2} height={2} rx={0.5} fill={color} />
+      <Rect x={12.75} y={6.25} width={2} height={2} rx={0.5} fill={color} />
+      <Rect x={5.25} y={9.25} width={2} height={2} rx={0.5} fill={color} />
+      <Rect x={9} y={9.25} width={2} height={2} rx={0.5} fill={color} />
+      <Rect x={12.75} y={9.25} width={2} height={2} rx={0.5} fill={color} />
+      <Rect x={6} y={12.5} width={8} height={1.5} rx={0.5} fill={color} />
+    </Svg>
+  )
+}
+export default SvgKeyboard
diff --git a/packages/icons/20/keycard-logo.tsx b/packages/icons/20/keycard-logo.tsx
new file mode 100644
index 00000000..a85dec77
--- /dev/null
+++ b/packages/icons/20/keycard-logo.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgKeycardLogo = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.144 9.845C6.344 9.465 5 7.848 5 5.94A3.937 3.937 0 0 1 8.953 2a3.937 3.937 0 0 1 3.953 3.94c.041 1.875-1.286 3.47-3.048 3.884v3.95h.095l2.096-2.468h2l-2.476 2.848L14.193 18h-1.858l-1.905-2.754-.572.665V18H8.144V9.845ZM6.572 5.94a2.385 2.385 0 0 1 2.381-2.374c1.334 0 2.43 1.092 2.382 2.374a2.385 2.385 0 0 1-2.382 2.373c-1.286 0-2.381-1.044-2.381-2.373Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgKeycardLogo
diff --git a/packages/icons/20/keycard.tsx b/packages/icons/20/keycard.tsx
new file mode 100644
index 00000000..4e1df95f
--- /dev/null
+++ b/packages/icons/20/keycard.tsx
@@ -0,0 +1,56 @@
+import { Mask, Path, Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgKeycard = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Rect
+        x={4}
+        y={3}
+        width={12}
+        height={14}
+        rx={4}
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Mask
+        id="keycard_svg__a"
+        maskUnits="userSpaceOnUse"
+        x={6.287}
+        y={4.5}
+        width={7}
+        height={11}
+        fill="#000"
+      >
+        <Path fill="#fff" d="M6.287 4.5h7v11h-7z" />
+        <Path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M9.055 9.913a2.245 2.245 0 0 1-1.768-2.196c0-1.229.991-2.217 2.224-2.217 1.232 0 2.224.988 2.224 2.217.023 1.054-.724 1.95-1.715 2.184v2.222h.054l1.178-1.388h1.126l-1.394 1.602 1.474 2.163h-1.045l-1.072-1.549-.321.374V14.5h-.965V9.913Zm-.884-2.196c0-.721.59-1.336 1.34-1.336.75 0 1.366.615 1.34 1.336 0 .72-.59 1.335-1.34 1.335-.723 0-1.34-.588-1.34-1.335Z"
+        />
+      </Mask>
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.055 9.913a2.245 2.245 0 0 1-1.768-2.196c0-1.229.991-2.217 2.224-2.217 1.232 0 2.224.988 2.224 2.217.023 1.054-.724 1.95-1.715 2.184v2.222h.054l1.178-1.388h1.126l-1.394 1.602 1.474 2.163h-1.045l-1.072-1.549-.321.374V14.5h-.965V9.913Zm-.884-2.196c0-.721.59-1.336 1.34-1.336.75 0 1.366.615 1.34 1.336 0 .72-.59 1.335-1.34 1.335-.723 0-1.34-.588-1.34-1.335Z"
+        fill={color}
+      />
+      <Path
+        d="M9.055 9.913h.17v-.138l-.134-.029-.036.167Zm2.68-2.196h-.17v.003l.17-.003ZM10.02 9.9l-.039-.166-.131.031v.135h.17Zm0 2.222h-.17v.17h.17v-.17Zm.054 0v.17h.078l.051-.06-.13-.11Zm1.178-1.388v-.17h-.078l-.051.06.13.11Zm1.126 0 .128.111.245-.281h-.373v.17Zm-1.394 1.602-.128-.112-.086.1.074.108.14-.096Zm1.474 2.163v.17h.322l-.181-.266-.141.096Zm-1.045 0-.14.097.051.073h.09v-.17Zm-1.072-1.549.14-.097-.125-.18-.143.166.128.111Zm-.321.374-.129-.11-.041.047v.063h.17Zm0 1.175v.17h.17v-.17h-.17Zm-.965 0h-.17v.17h.17v-.17Zm1.795-6.783-.17-.007v.007h.17Zm-1.76 2.03a2.075 2.075 0 0 1-1.633-2.03h-.34c0 1.153.813 2.132 1.903 2.362l.07-.333Zm-1.633-2.03c0-1.134.915-2.047 2.054-2.047v-.34a2.385 2.385 0 0 0-2.394 2.387h.34ZM9.511 5.67c1.139 0 2.054.913 2.054 2.047h.34A2.385 2.385 0 0 0 9.51 5.33v.34Zm2.054 2.05c.02.97-.667 1.8-1.584 2.015l.078.331c1.065-.25 1.87-1.214 1.846-2.353l-.34.007ZM9.85 9.9v2.223h.34V9.901h-.34Zm.17 2.393h.054v-.34h-.054v.34Zm.183-.06 1.179-1.389-.26-.22-1.178 1.39.26.22Zm1.05-1.329h1.125v-.34h-1.126v.34Zm.996-.281-1.393 1.602.257.223 1.393-1.602-.257-.223Zm-1.405 1.81 1.474 2.163.28-.192-1.473-2.163-.281.192Zm1.614 1.897h-1.045v.34h1.045v-.34Zm-.905.073-1.072-1.549-.28.194 1.072 1.549.28-.194Zm-1.34-1.563-.322.374.258.222.321-.374-.258-.222Zm-.363.485V14.5h.34v-1.175h-.34Zm.17 1.005h-.965v.34h.965v-.34Zm-.795.17V9.913h-.34V14.5h.34Zm.286-8.289c-.846 0-1.51.692-1.51 1.506h.34c0-.63.515-1.166 1.17-1.166v-.34Zm1.51 1.512c.03-.824-.67-1.512-1.51-1.512v.34c.66 0 1.193.541 1.17 1.16l.34.012ZM9.51 9.222c.846 0 1.51-.692 1.51-1.505h-.34c0 .628-.516 1.165-1.17 1.165v.34ZM8 7.717c0 .844.695 1.505 1.51 1.505v-.34c-.632 0-1.17-.514-1.17-1.165h-.34Z"
+        fill={color}
+        mask="url(#keycard_svg__a)"
+      />
+    </Svg>
+  )
+}
+export default SvgKeycard
diff --git a/packages/icons/20/laptop.tsx b/packages/icons/20/laptop.tsx
new file mode 100644
index 00000000..7e875ed2
--- /dev/null
+++ b/packages/icons/20/laptop.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgLaptop = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.2 4.35h-.027c-.537 0-.98 0-1.34.03-.373.03-.715.095-1.036.259a2.65 2.65 0 0 0-1.158 1.158c-.164.32-.229.663-.26 1.036-.029.36-.029.803-.029 1.34v4.184A1.65 1.65 0 0 0 1.85 14a2.65 2.65 0 0 0 2.65 2.65h11A2.65 2.65 0 0 0 18.15 14a1.65 1.65 0 0 0-1.5-1.643V8.173c0-.537 0-.98-.03-1.34-.03-.373-.095-.715-.259-1.036a2.65 2.65 0 0 0-1.158-1.158c-.32-.164-.663-.23-1.036-.26-.36-.029-.803-.029-1.34-.029H7.2Zm9.3 9.3h-13a.35.35 0 0 0-.35.35c0 .746.605 1.35 1.35 1.35h11A1.35 1.35 0 0 0 16.85 14a.35.35 0 0 0-.35-.35Zm-1.15-1.3V8.2c0-.57 0-.96-.025-1.26-.024-.294-.067-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.107-.054-.259-.098-.552-.122-.301-.024-.69-.025-1.26-.025H7.2c-.572 0-.96 0-1.262.025-.293.024-.445.068-.552.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.259-.122.552-.024.301-.025.69-.025 1.261v4.15h10.7Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgLaptop
diff --git a/packages/icons/20/left-align.tsx b/packages/icons/20/left-align.tsx
new file mode 100644
index 00000000..cdc1c107
--- /dev/null
+++ b/packages/icons/20/left-align.tsx
@@ -0,0 +1,27 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgLeftAlign = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M15 11.75H5M15 5H5M11 15H5M11 8.25H5"
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgLeftAlign
diff --git a/packages/icons/20/light.tsx b/packages/icons/20/light.tsx
new file mode 100644
index 00000000..6a64c767
--- /dev/null
+++ b/packages/icons/20/light.tsx
@@ -0,0 +1,26 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgLight = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M10 2v3M13.535 6.464l2.122-2.12M15 10h3M13.535 13.536l2.122 2.12M10 15v3M6.464 13.536l-2.121 2.12M5 10H2M6.464 6.464l-2.121-2.12"
+        stroke="#000"
+        strokeWidth={1.3}
+      />
+      <Circle cx={10} cy={10} r={3.5} stroke="#000" strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgLight
diff --git a/packages/icons/20/link.tsx b/packages/icons/20/link.tsx
new file mode 100644
index 00000000..85976096
--- /dev/null
+++ b/packages/icons/20/link.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgLink = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.54 4.59 8.126 6.006l.919.92 1.414-1.415a2.85 2.85 0 1 1 4.03 4.03l-1.414 1.415.92.919 1.414-1.414a4.15 4.15 0 1 0-5.87-5.87Zm3.04 3.748-4.242 4.243-.92-.92 4.243-4.242.92.92ZM4.59 15.41a4.15 4.15 0 0 1 0-5.869l1.415-1.414.919.92L5.51 10.46a2.85 2.85 0 1 0 4.03 4.03l1.415-1.414.919.92-1.415 1.413a4.15 4.15 0 0 1-5.868 0Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgLink
diff --git a/packages/icons/20/list-view.tsx b/packages/icons/20/list-view.tsx
new file mode 100644
index 00000000..66563a08
--- /dev/null
+++ b/packages/icons/20/list-view.tsx
@@ -0,0 +1,38 @@
+import { Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgListView = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Rect
+        x={3}
+        y={4}
+        width={14}
+        height={4.5}
+        rx={1.5}
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Rect
+        x={3}
+        y={11.5}
+        width={14}
+        height={4.5}
+        rx={1.5}
+        stroke={color}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgListView
diff --git a/packages/icons/20/loading.tsx b/packages/icons/20/loading.tsx
new file mode 100644
index 00000000..84d57974
--- /dev/null
+++ b/packages/icons/20/loading.tsx
@@ -0,0 +1,42 @@
+import { Defs, LinearGradient, Path, Stop, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgLoading = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M10 2.25a.75.75 0 0 1 0 1.5v-1.5ZM3.75 10A6.25 6.25 0 0 0 10 16.25v1.5A7.75 7.75 0 0 1 2.25 10h1.5ZM10 3.75A6.25 6.25 0 0 0 3.75 10h-1.5A7.75 7.75 0 0 1 10 2.25v1.5Z"
+        fill={color}
+      />
+      <Path
+        d="M10 3a7 7 0 1 1 0 14"
+        stroke="url(#loading_svg__a)"
+        strokeWidth={1.5}
+      />
+      <Defs>
+        <LinearGradient
+          id="loading_svg__a"
+          x1={9.417}
+          y1={17}
+          x2={4.75}
+          y2={8.833}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop />
+          <Stop offset={1} stopColor="#15161A" stopOpacity={0} />
+        </LinearGradient>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgLoading
diff --git a/packages/icons/20/locked.tsx b/packages/icons/20/locked.tsx
new file mode 100644
index 00000000..99db014d
--- /dev/null
+++ b/packages/icons/20/locked.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgLocked = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10 1.35A3.65 3.65 0 0 0 6.35 5v1.442a3.254 3.254 0 0 0-1.007.306 3.65 3.65 0 0 0-1.595 1.595c-.218.428-.31.893-.355 1.434-.043.527-.043 1.179-.043 1.995V12.228c0 .816 0 1.469.043 1.995.044.54.137 1.006.355 1.434a3.65 3.65 0 0 0 1.595 1.595c.428.218.893.31 1.434.355.527.043 1.179.043 1.995.043h2.456c.816 0 1.469 0 1.995-.043.54-.044 1.006-.137 1.434-.355a3.65 3.65 0 0 0 1.595-1.595c.218-.428.31-.893.355-1.434.043-.527.043-1.179.043-1.995V11.772c0-.816 0-1.469-.043-1.995-.044-.54-.137-1.006-.355-1.434a3.65 3.65 0 0 0-1.595-1.595 3.254 3.254 0 0 0-1.007-.306V5A3.65 3.65 0 0 0 10 1.35Zm1.2 6.3H8.8c-.85 0-1.45 0-1.917.039-.46.037-.736.108-.95.217a2.35 2.35 0 0 0-1.027 1.027c-.109.214-.18.49-.217.95-.038.467-.039 1.066-.039 1.917v.4c0 .85 0 1.45.039 1.918.037.46.108.735.217.949a2.35 2.35 0 0 0 1.027 1.027c.214.109.49.18.95.217.467.038 1.066.039 1.917.039h2.4c.85 0 1.45 0 1.918-.039.46-.037.735-.108.949-.217a2.35 2.35 0 0 0 1.027-1.027c.109-.214.18-.49.217-.95.039-.467.04-1.066.04-1.917v-.4c0-.85-.001-1.45-.04-1.917-.037-.46-.108-.736-.217-.95a2.35 2.35 0 0 0-1.027-1.027c-.214-.109-.49-.18-.95-.217-.467-.038-1.066-.039-1.917-.039Zm.077-1.3h1.073V5a2.35 2.35 0 1 0-4.7 0v1.35h3.627ZM9.35 13.5v-3h1.3v3h-1.3Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgLocked
diff --git a/packages/icons/20/log-out.tsx b/packages/icons/20/log-out.tsx
new file mode 100644
index 00000000..ebf81d8d
--- /dev/null
+++ b/packages/icons/20/log-out.tsx
@@ -0,0 +1,32 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgLogOut = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M9.5 4H8.3c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C3.5 6.28 3.5 7.12 3.5 8.8v2.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C5.78 16 6.62 16 8.3 16h1.2"
+        stroke="#1B273D"
+        strokeOpacity={0.3}
+        strokeWidth={1.3}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m15.43 9.35-2.89-2.89.92-.92 4 4 .46.46-.46.46-4 4-.92-.92 2.89-2.89H7v-1.3h8.43Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgLogOut
diff --git a/packages/icons/20/members.tsx b/packages/icons/20/members.tsx
new file mode 100644
index 00000000..e7d24472
--- /dev/null
+++ b/packages/icons/20/members.tsx
@@ -0,0 +1,32 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgMembers = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.15 6a1.85 1.85 0 1 1 3.7 0 1.85 1.85 0 0 1-3.7 0ZM8 2.85a3.15 3.15 0 1 0 0 6.3 3.15 3.15 0 0 0 0-6.3Zm-1.25 7.5a4.4 4.4 0 0 0-4.4 4.4c0 1.05.85 1.9 1.9 1.9h7.5a1.9 1.9 0 0 0 1.9-1.9 4.4 4.4 0 0 0-4.4-4.4h-2.5Zm-3.1 4.4a3.1 3.1 0 0 1 3.1-3.1h2.5a3.1 3.1 0 0 1 3.1 3.1.6.6 0 0 1-.6.6h-7.5a.6.6 0 0 1-.6-.6Z"
+        fill={color}
+      />
+      <Path
+        d="M13.5 11h.25a3.75 3.75 0 0 1 3.75 3.75c0 .69-.56 1.25-1.25 1.25H14.5M11.81 8c1.152 0 2.087-.895 2.087-2s-.934-2-2.088-2"
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgMembers
diff --git a/packages/icons/20/mention.tsx b/packages/icons/20/mention.tsx
new file mode 100644
index 00000000..be11d7b3
--- /dev/null
+++ b/packages/icons/20/mention.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgMention = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.915 2.852A7.4 7.4 0 1 0 13.7 16.41l-.65-1.126A6.1 6.1 0 1 1 16.1 10c0 .324-.029.779-.069 1.246-.053.62-.585 1.104-1.24 1.104-.63 0-1.14-.511-1.14-1.142V6.5h-1.3v.707a3.65 3.65 0 1 0 .346 5.254 2.44 2.44 0 0 0 2.095 1.189c1.297 0 2.42-.97 2.534-2.293.04-.474.074-.975.074-1.357a7.4 7.4 0 0 0-5.485-7.148ZM10 7.65a2.35 2.35 0 1 0 0 4.7 2.35 2.35 0 0 0 0-4.7Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgMention
diff --git a/packages/icons/20/menu.tsx b/packages/icons/20/menu.tsx
new file mode 100644
index 00000000..d1b136e3
--- /dev/null
+++ b/packages/icons/20/menu.tsx
@@ -0,0 +1,27 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgMenu = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M15 15H5M15 10H5M15 5H5"
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgMenu
diff --git a/packages/icons/20/messages.tsx b/packages/icons/20/messages.tsx
new file mode 100644
index 00000000..9bca9636
--- /dev/null
+++ b/packages/icons/20/messages.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgMessages = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M16.75 10a6.75 6.75 0 0 0-13.5 0v.28c0 1.172.347 2.317.997 3.292.026.04.036.089.026.136l-.54 2.56 2.56-.541c.046-.01.095 0 .135.026.975.65 2.12.997 3.292.997H10A6.75 6.75 0 0 0 16.75 10ZM7.5 8.5h5M7.5 11.5h4"
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgMessages
diff --git a/packages/icons/20/mobile.tsx b/packages/icons/20/mobile.tsx
new file mode 100644
index 00000000..a0e95df8
--- /dev/null
+++ b/packages/icons/20/mobile.tsx
@@ -0,0 +1,30 @@
+import { Path, Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgMobile = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Rect
+        x={4}
+        y={3}
+        width={12}
+        height={14}
+        rx={3}
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Path d="M8.5 14.5h3" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgMobile
diff --git a/packages/icons/20/multi-profile.tsx b/packages/icons/20/multi-profile.tsx
new file mode 100644
index 00000000..b146a7f2
--- /dev/null
+++ b/packages/icons/20/multi-profile.tsx
@@ -0,0 +1,38 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgMultiProfile = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.5 3.15c.941 0 1.614 0 2.145.037.524.035.862.104 1.137.218a3.35 3.35 0 0 1 1.813 1.813c.114.275.183.613.219 1.138.036.53.036 1.203.036 2.144v2a3.35 3.35 0 0 1-1.723 2.929c-.004.105-.01.207-.016.304-.03.444-.085.835-.192 1.197a4.652 4.652 0 0 0 3.231-4.43V8.476c0-.912 0-1.629-.04-2.209-.04-.59-.123-1.087-.314-1.546a4.65 4.65 0 0 0-2.516-2.517c-.46-.19-.956-.274-1.547-.314-.58-.04-1.297-.04-2.209-.04H8.5a4.652 4.652 0 0 0-4.43 3.23 5.569 5.569 0 0 1 1.197-.19c.098-.007.199-.013.304-.017a3.35 3.35 0 0 1 2.93-1.723h4Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.476 4.85h2.048c.912 0 1.629 0 2.209.04.59.04 1.087.123 1.547.314a4.65 4.65 0 0 1 2.516 2.517c.19.46.274.955.314 1.546.04.58.04 1.297.04 2.209v.048c0 .912 0 1.629-.04 2.209-.04.59-.123 1.086-.314 1.546a4.65 4.65 0 0 1-2.516 2.517c-.46.19-.956.274-1.547.314-.58.04-1.297.04-2.209.04H7.476c-.911 0-1.629 0-2.209-.04-.59-.04-1.086-.123-1.546-.314a4.65 4.65 0 0 1-2.517-2.516c-.19-.46-.274-.956-.314-1.547-.04-.58-.04-1.297-.04-2.209v-.048c0-.912 0-1.629.04-2.209.04-.59.124-1.087.314-1.546a4.65 4.65 0 0 1 2.517-2.517c.46-.19.955-.274 1.546-.314.58-.04 1.298-.04 2.21-.04Zm-2.12 1.337c-.525.035-.863.104-1.138.218a3.35 3.35 0 0 0-1.813 1.813c-.114.275-.183.613-.218 1.138-.037.53-.037 1.203-.037 2.144 0 .94 0 1.614.037 2.144.035.525.104.863.218 1.138a3.35 3.35 0 0 0 1.813 1.813c.275.114.613.183 1.138.218.53.037 1.203.037 2.144.037h2c.94 0 1.614 0 2.145-.037.524-.035.862-.104 1.137-.218a3.35 3.35 0 0 0 1.813-1.813c.114-.275.183-.613.218-1.138.037-.53.037-1.203.037-2.144 0-.94 0-1.614-.037-2.144-.035-.525-.104-.863-.218-1.138a3.35 3.35 0 0 0-1.813-1.813c-.275-.114-.613-.183-1.137-.218-.531-.037-1.204-.037-2.145-.037h-2c-.94 0-1.614 0-2.144.037Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6 9.15a.85.85 0 1 0 0 1.7.85.85 0 0 0 0-1.7ZM3.85 10a2.15 2.15 0 1 1 4.3 0 2.15 2.15 0 0 1-4.3 0Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgMultiProfile
diff --git a/packages/icons/20/muted.tsx b/packages/icons/20/muted.tsx
new file mode 100644
index 00000000..521b8490
--- /dev/null
+++ b/packages/icons/20/muted.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgMuted = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.654 4.735A5.15 5.15 0 0 1 15.15 7.5v.75a3.1 3.1 0 0 0 .62 1.86l.45.6a2.15 2.15 0 0 1-1.211 3.38l2.523 2.523-.92.919-3.381-3.382H5.5a2.15 2.15 0 0 1-1.72-3.44l.45-.6a3.1 3.1 0 0 0 .62-1.86V7.5c0-.524.078-1.03.224-1.507L2.47 3.39l.92-.92 2.264 2.265Zm.517 2.356a3.891 3.891 0 0 0-.021.409v.75a4.4 4.4 0 0 1-.88 2.64l-.45.6a.85.85 0 0 0 .68 1.36h6.43L6.172 7.09Zm7.598 5.759L6.604 5.685A3.85 3.85 0 0 1 13.85 7.5v.75a4.4 4.4 0 0 0 .88 2.64l.45.6a.85.85 0 0 1-.68 1.36h-.73Zm-2.373 4.522a3.65 3.65 0 0 1-3.977-.791l.919-.92a2.35 2.35 0 0 0 3.323 0l.92.92a3.65 3.65 0 0 1-1.184.791Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgMuted
diff --git a/packages/icons/20/mutual-contact.tsx b/packages/icons/20/mutual-contact.tsx
new file mode 100644
index 00000000..6d0d8cfe
--- /dev/null
+++ b/packages/icons/20/mutual-contact.tsx
@@ -0,0 +1,28 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgMutualContact = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={24}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={15} cy={10} r={7} fill="#4360DF" />
+      <Circle cx={9} cy={10} r={7} fill="#4360DF" fillOpacity={0.3} />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12 16.326a7 7 0 0 0 0-12.652 7 7 0 0 0 0 12.652Z"
+        fill="#354DB3"
+      />
+    </Svg>
+  )
+}
+export default SvgMutualContact
diff --git a/packages/icons/20/new-message.tsx b/packages/icons/20/new-message.tsx
new file mode 100644
index 00000000..6b73c696
--- /dev/null
+++ b/packages/icons/20/new-message.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgNewMessage = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M17.4 10a7.4 7.4 0 0 0-14.8 0v.28c0 1.233.346 2.44.997 3.484l-.5 2.37a.65.65 0 0 0 .77.77l2.37-.5c1.044.65 2.25.996 3.483.996H10a7.4 7.4 0 0 0 7.4-7.4ZM10 3.9a6.1 6.1 0 0 1 0 12.2h-.28a5.286 5.286 0 0 1-2.932-.888.828.828 0 0 0-.63-.12l-1.583.334.334-1.584a.828.828 0 0 0-.121-.63A5.285 5.285 0 0 1 3.9 10.28V10A6.1 6.1 0 0 1 10 3.9Zm-3 6.75v-1.3h2.35V7h1.3v2.35H13v1.3h-2.35V13h-1.3v-2.35H7Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgNewMessage
diff --git a/packages/icons/20/nft.tsx b/packages/icons/20/nft.tsx
new file mode 100644
index 00000000..2cf359a6
--- /dev/null
+++ b/packages/icons/20/nft.tsx
@@ -0,0 +1,39 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgNft = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M3.886 12.4c-.505-.874-.758-1.312-.856-1.776a3 3 0 0 1 0-1.248c.098-.465.35-.902.856-1.776l.978-1.695c.505-.875.758-1.312 1.11-1.63a3 3 0 0 1 1.081-.623c.452-.147.957-.147 1.966-.147h1.958c1.01 0 1.514 0 1.966.147a3 3 0 0 1 1.08.623c.353.318.606.755 1.11 1.63l.98 1.695c.504.874.757 1.311.855 1.776.088.411.088.837 0 1.248-.098.464-.35.902-.856 1.776l-.978 1.695c-.505.874-.758 1.312-1.11 1.63-.313.28-.681.493-1.081.623-.452.147-.957.147-1.966.147H9.02c-1.01 0-1.514 0-1.966-.147-.4-.13-.768-.342-1.08-.623-.353-.318-.606-.755-1.11-1.63l-.98-1.695Z"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Path
+        d="M6 15.5a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3"
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+      <Circle
+        cx={10}
+        cy={8}
+        r={2}
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgNft
diff --git a/packages/icons/20/node.tsx b/packages/icons/20/node.tsx
new file mode 100644
index 00000000..cffb1d24
--- /dev/null
+++ b/packages/icons/20/node.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgNode = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.65 5.5a1.85 1.85 0 1 1 3.7 0 1.85 1.85 0 0 1-3.7 0ZM5.5 2.35a3.15 3.15 0 0 0-.65 6.233v2.834a3.151 3.151 0 1 0 1.3 0V8.583A3.154 3.154 0 0 0 8.583 6.15c.884.001 1.551.008 2.091.052.627.052 1.026.15 1.347.313a3.35 3.35 0 0 1 1.464 1.464c.164.321.262.72.313 1.347.044.54.05 1.207.052 2.091a3.151 3.151 0 1 0 1.3 0c0-.883-.008-1.602-.056-2.197-.058-.707-.178-1.296-.45-1.83a4.65 4.65 0 0 0-2.033-2.033c-.535-.273-1.123-.392-1.83-.45-.596-.049-1.314-.056-2.198-.057A3.151 3.151 0 0 0 5.5 2.35Zm0 10.3a1.85 1.85 0 1 0 0 3.7 1.85 1.85 0 0 0 0-3.7Zm7.15 1.85a1.85 1.85 0 1 1 3.7 0 1.85 1.85 0 0 1-3.7 0Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgNode
diff --git a/packages/icons/20/notification.tsx b/packages/icons/20/notification.tsx
new file mode 100644
index 00000000..0065a47f
--- /dev/null
+++ b/packages/icons/20/notification.tsx
@@ -0,0 +1,21 @@
+import { Circle, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgNotification = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={4} fill="#4360DF" />
+    </Svg>
+  )
+}
+export default SvgNotification
diff --git a/packages/icons/20/notifications.tsx b/packages/icons/20/notifications.tsx
new file mode 100644
index 00000000..e02cf763
--- /dev/null
+++ b/packages/icons/20/notifications.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgNotifications = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15 7.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm-5-4.15h-.024c-.912 0-1.629 0-2.209.04-.59.04-1.087.123-1.547.314a4.65 4.65 0 0 0-2.516 2.517c-.19.46-.274.955-.315 1.546-.04.58-.04 1.297-.04 2.209v.048c0 .912 0 1.629.04 2.209.04.59.124 1.086.315 1.546a4.65 4.65 0 0 0 2.516 2.517c.46.19.956.274 1.547.314.58.04 1.297.04 2.209.04h.048c.911 0 1.629 0 2.209-.04.59-.04 1.086-.123 1.546-.314a4.65 4.65 0 0 0 2.517-2.516c.19-.46.274-.956.314-1.547.04-.58.04-1.297.04-2.209v-.453h-1.3V10c0 .94 0 1.614-.037 2.144-.036.525-.104.863-.218 1.138a3.35 3.35 0 0 1-1.813 1.813c-.275.114-.613.183-1.138.218-.53.037-1.203.037-2.144.037-.94 0-1.614 0-2.145-.037-.524-.035-.862-.104-1.137-.218a3.35 3.35 0 0 1-1.813-1.813c-.114-.275-.183-.613-.219-1.138-.036-.53-.036-1.203-.036-2.144 0-.94 0-1.614.036-2.144.036-.525.105-.863.219-1.138a3.35 3.35 0 0 1 1.813-1.813c.275-.114.613-.183 1.137-.218C8.386 4.65 9.06 4.65 10 4.65h.428v-1.3H10Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgNotifications
diff --git a/packages/icons/20/numbered-list.tsx b/packages/icons/20/numbered-list.tsx
new file mode 100644
index 00000000..383df0a2
--- /dev/null
+++ b/packages/icons/20/numbered-list.tsx
@@ -0,0 +1,40 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgNumberedList = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M15 15H8.5M15 5H8.5"
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M3.905 4.059v.05H4.738V6.55h.812V2.91h-.678v.05a.542.542 0 0 1-.025.128.561.561 0 0 1-.125.233.6.6 0 0 1-.316.171 3.048 3.048 0 0 1-.453.043l-.048.002v.522ZM3.713 11.8l.002-.051c.006-.26.062-.499.168-.716.105-.248.348-.504.72-.769l.028.04M3.713 11.8 5.85 8.505c-.222-.208-.52-.312-.894-.312-.474 0-.803.176-.989.53l-.044-.024c-.102.195-.158.446-.17.752l-.001.052H4.528l.002-.048c.008-.197.034-.334.073-.415l-.045-.022M3.713 11.8H6.24V11.087h-1.5a.743.743 0 0 1 .098-.105c.064-.054.182-.142.356-.265l.278-.198c.236-.167.409-.321.516-.462.163-.213.245-.456.245-.729 0-.354-.115-.642-.348-.86L3.714 11.8Zm.918-1.495-.029-.041c.321-.23.525-.391.616-.487a.679.679 0 0 0 .203-.473.513.513 0 0 0-.113-.342c-.071-.085-.175-.13-.318-.13a.5.5 0 0 0-.242.052.34.34 0 0 0-.145.156l-.045-.022m.073 1.287c.321-.23.529-.394.623-.493a.729.729 0 0 0 .217-.508.563.563 0 0 0-.124-.374.439.439 0 0 0-.357-.149c-.211 0-.355.08-.432.237m.073 1.287c-.37.263-.603.513-.703.75-.096.195-.15.41-.161.645l.039-2.297h-.002v.05l.05.002v-.002h.626c.008-.199.034-.344.078-.435m.606 1.658.278-.198c.234-.166.403-.316.505-.452l-.783.65Zm0 0a6.052 6.052 0 0 0-.36.268l.36-.268ZM4.492 16.265l.045-.022a.747.747 0 0 1-.063-.33v-.05H3.688l.002.053c.012.286.07.523.178.706.207.348.575.516 1.088.516.416 0 .738-.116.957-.356m-1.42-.517.044-.022a.382.382 0 0 0 .158.17.526.526 0 0 0 .259.058.46.46 0 0 0 .322-.125c.09-.083.138-.203.138-.369a.503.503 0 0 0-.064-.265.383.383 0 0 0-.188-.155l.019-.046m-.689.754a.795.795 0 0 1-.068-.351l.249-.47c.231 0 .4.023.508.067m-.689.754c.085.171.239.256.462.256a.51.51 0 0 0 .356-.139c.103-.094.154-.23.154-.405 0-.233-.095-.388-.283-.466m0 0-.02.046c-.097-.04-.258-.062-.488-.062h-.05V14.897h.05c.225-.004.374-.026.453-.062a.309.309 0 0 0 .15-.134.478.478 0 0 0 .052-.235.411.411 0 0 0-.106-.295c-.066-.073-.162-.112-.295-.112-.153 0-.258.048-.324.136a.62.62 0 0 0-.1.387l.001.051H3.752l.002-.052c.006-.18.037-.352.093-.515v-.003c.06-.145.155-.279.281-.4a.985.985 0 0 1 .343-.201c.132-.047.292-.07.478-.07.347 0 .632.091.85.276.22.185.33.434.33.742a.829.829 0 0 1-.198.56.8.8 0 0 1-.155.14l.015.008c.05.03.105.073.166.129.19.176.282.415.282.71 0 .313-.11.588-.326.825m0 0-.037-.034m.037.034-.037-.034m0 0c-.206.227-.513.34-.92.34-.501 0-.85-.164-1.045-.49l1.815-1.458c.054.025.12.073.197.144.177.164.266.389.266.673 0 .3-.104.564-.313.791Zm-2.07-2.215c.01-.157.04-.308.088-.45.057-.139.147-.267.269-.384a.935.935 0 0 1 .324-.19c.126-.044.28-.066.462-.066.338 0 .61.088.818.264a.87.87 0 0 1 .312.703.779.779 0 0 1-.185.527l-2.088-.404Zm0 0h-.002v.05l.05.002v-.002H4.454v-.042a.641.641 0 0 1 .109-.376c.078-.104.2-.156.364-.156a.43.43 0 0 1 .332.127l-1.453.397Z"
+        fill={color}
+        stroke={color}
+        strokeWidth={0.1}
+      />
+      <Path
+        d="M15 10H8.5"
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgNumberedList
diff --git a/packages/icons/20/online-left.tsx b/packages/icons/20/online-left.tsx
new file mode 100644
index 00000000..cd3a8683
--- /dev/null
+++ b/packages/icons/20/online-left.tsx
@@ -0,0 +1,21 @@
+import { Circle, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgOnlineLeft = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={14}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={4} cy={10} r={4} fill="#26A69A" />
+    </Svg>
+  )
+}
+export default SvgOnlineLeft
diff --git a/packages/icons/20/online.tsx b/packages/icons/20/online.tsx
new file mode 100644
index 00000000..ad24ae8a
--- /dev/null
+++ b/packages/icons/20/online.tsx
@@ -0,0 +1,21 @@
+import { Circle, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgOnline = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={4} fill="#26A69A" />
+    </Svg>
+  )
+}
+export default SvgOnline
diff --git a/packages/icons/20/options.tsx b/packages/icons/20/options.tsx
new file mode 100644
index 00000000..0403eeb6
--- /dev/null
+++ b/packages/icons/20/options.tsx
@@ -0,0 +1,23 @@
+import { Circle, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgOptions = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={4.5} cy={10} r={1.5} fill="#0D1625" />
+      <Circle cx={10} cy={10} r={1.5} fill="#0D1625" />
+      <Circle cx={15.5} cy={10} r={1.5} fill="#0D1625" />
+    </Svg>
+  )
+}
+export default SvgOptions
diff --git a/packages/icons/20/password.tsx b/packages/icons/20/password.tsx
new file mode 100644
index 00000000..13b5145f
--- /dev/null
+++ b/packages/icons/20/password.tsx
@@ -0,0 +1,35 @@
+import { Path, Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPassword = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Rect
+        x={3.5}
+        y={3.5}
+        width={13}
+        height={13}
+        rx={4}
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.5 9.15a.85.85 0 1 0 0 1.7.85.85 0 0 0 0-1.7ZM5.35 10a2.15 2.15 0 0 1 4.2-.65H14.15V12h-1.3v-1.35h-.7v.85h-1.3v-.85h-1.3a2.15 2.15 0 0 1-4.2-.65Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgPassword
diff --git a/packages/icons/20/pause.tsx b/packages/icons/20/pause.tsx
new file mode 100644
index 00000000..09a9618e
--- /dev/null
+++ b/packages/icons/20/pause.tsx
@@ -0,0 +1,22 @@
+import { Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPause = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Rect x={4} y={4} width={4} height={12} rx={1.5} fill={color} />
+      <Rect x={12} y={4} width={4} height={12} rx={1.5} fill={color} />
+    </Svg>
+  )
+}
+export default SvgPause
diff --git a/packages/icons/20/pending-user.tsx b/packages/icons/20/pending-user.tsx
new file mode 100644
index 00000000..a27184e9
--- /dev/null
+++ b/packages/icons/20/pending-user.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPendingUser = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.15 6a1.85 1.85 0 1 1 3.7 0 1.85 1.85 0 0 1-3.7 0ZM10 2.85a3.15 3.15 0 1 0 0 6.3 3.15 3.15 0 0 0 0-6.3Zm1.65 10.65a2.35 2.35 0 1 1 4.7 0 2.35 2.35 0 0 1-4.7 0ZM14 9.85a3.65 3.65 0 1 0 0 7.3 3.65 3.65 0 0 0 0-7.3ZM13.35 12v1.77l.19.19 1 1 .92-.92-.81-.81V12h-1.3Zm-5.6-.35a3.1 3.1 0 0 0-3.1 3.1.6.6 0 0 0 .6.6H9.5v1.3H5.25a1.9 1.9 0 0 1-1.9-1.9 4.4 4.4 0 0 1 4.4-4.4H9.5v1.3H7.75Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgPendingUser
diff --git a/packages/icons/20/pending.tsx b/packages/icons/20/pending.tsx
new file mode 100644
index 00000000..b046e759
--- /dev/null
+++ b/packages/icons/20/pending.tsx
@@ -0,0 +1,22 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPending = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={7} stroke={color} strokeWidth={1.3} />
+      <Path d="M10 5.5V10l-2 2" stroke="#000" strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgPending
diff --git a/packages/icons/20/pin-1.tsx b/packages/icons/20/pin-1.tsx
new file mode 100644
index 00000000..e3f6585e
--- /dev/null
+++ b/packages/icons/20/pin-1.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPin1 = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="m10.564 5.26 4.243 4.243-4.243 4.243-4.243-4.243 4.243-4.242ZM8.442 11.625 4.2 15.867M4.554 7.736l7.778 7.778M9.503 4.2l6.364 6.364"
+        stroke={color}
+        strokeWidth={1.2}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgPin1
diff --git a/packages/icons/20/pin.tsx b/packages/icons/20/pin.tsx
new file mode 100644
index 00000000..30b6fc40
--- /dev/null
+++ b/packages/icons/20/pin.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPin = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m10.121 3.303-.954-.955-.92.92.955.954-4.737 4.737-.601-.6-.92.919.601.6.46.46 2.369 2.37L2.59 16.49l.92.92 3.782-3.784 2.369 2.37.46.459.6.6.92-.918-.601-.601 4.737-4.738.955.954.919-.919-.954-.954-.46-.46-5.657-5.657-.46-.46Zm0 1.838L14.86 9.88l-4.738 4.737L5.384 9.88 10.12 5.14Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgPin
diff --git a/packages/icons/20/placeholder.tsx b/packages/icons/20/placeholder.tsx
new file mode 100644
index 00000000..6e64b3fb
--- /dev/null
+++ b/packages/icons/20/placeholder.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPlaceholder = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10 15.7c1.34 0 2.572-.462 3.545-1.236l-3.66-3.66-3.445 3.648A5.676 5.676 0 0 0 10 15.7Zm-4.477-2.171 3.442-3.645-3.429-3.429A5.676 5.676 0 0 0 4.3 10c0 1.332.457 2.558 1.223 3.529Zm4.335-4.59L6.455 5.536A5.676 5.676 0 0 1 10 4.3c1.216 0 2.342.38 3.268 1.029l-3.41 3.61Zm.92.92 3.463-3.667A5.679 5.679 0 0 1 15.7 10c0 1.34-.462 2.572-1.236 3.545l-3.686-3.687ZM10 17a7 7 0 1 0 0-14 7 7 0 0 0 0 14Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgPlaceholder
diff --git a/packages/icons/20/play.tsx b/packages/icons/20/play.tsx
new file mode 100644
index 00000000..fc9caf07
--- /dev/null
+++ b/packages/icons/20/play.tsx
@@ -0,0 +1,24 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPlay = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M6 6.83c0-1.413 0-2.12.296-2.518a1.5 1.5 0 0 1 1.084-.6c.494-.04 1.094.334 2.292 1.083l5.072 3.17c1.08.675 1.62 1.012 1.805 1.444a1.5 1.5 0 0 1 0 1.182c-.186.432-.726.77-1.805 1.444l-5.072 3.17c-1.198.749-1.798 1.124-2.292 1.084a1.5 1.5 0 0 1-1.084-.601C6 15.29 6 14.583 6 13.17V6.83Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgPlay
diff --git a/packages/icons/20/privacy.tsx b/packages/icons/20/privacy.tsx
new file mode 100644
index 00000000..ad2d86cd
--- /dev/null
+++ b/packages/icons/20/privacy.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPrivacy = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.5 12.15a1.35 1.35 0 1 0 0 2.7 1.35 1.35 0 0 0 0-2.7ZM3.85 13.5a2.65 2.65 0 0 1 5.127-.944 3.357 3.357 0 0 1 2.046 0 2.651 2.651 0 1 1-.144 1.337 2.055 2.055 0 0 0-1.758 0 2.65 2.65 0 0 1-5.27-.393Zm9.65-1.35a1.35 1.35 0 1 0 0 2.7 1.35 1.35 0 0 0 0-2.7ZM6.96 4.532a.35.35 0 0 1 .561-.091l1.02 1.019 1 1 .503.503.455-.547 1.587-1.904a.35.35 0 0 1 .571.048l2.211 3.79H5.052L6.96 4.532ZM3.599 8.35l2.2-4.4a1.65 1.65 0 0 1 2.643-.429l1.019 1.02.496.496 1.131-1.357a1.65 1.65 0 0 1 2.693.225l2.593 4.445H18v1.3H2v-1.3h1.598Z"
+        fill="#000"
+      />
+    </Svg>
+  )
+}
+export default SvgPrivacy
diff --git a/packages/icons/20/profile.tsx b/packages/icons/20/profile.tsx
new file mode 100644
index 00000000..0eb79756
--- /dev/null
+++ b/packages/icons/20/profile.tsx
@@ -0,0 +1,35 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgProfile = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={6.75} stroke={color} strokeWidth={1.3} />
+      <Path
+        d="M6 15.5a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3"
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+      <Circle
+        cx={10}
+        cy={8}
+        r={2}
+        stroke={color}
+        strokeWidth={1.3}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgProfile
diff --git a/packages/icons/20/pullup.tsx b/packages/icons/20/pullup.tsx
new file mode 100644
index 00000000..b1eba5f0
--- /dev/null
+++ b/packages/icons/20/pullup.tsx
@@ -0,0 +1,28 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgPullup = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle
+        cx={10}
+        cy={10}
+        r={7}
+        transform="rotate(180 10 10)"
+        fill="#E7EAEE"
+      />
+      <Path d="m13 11.5-3-3-3 3" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgPullup
diff --git a/packages/icons/20/qr-code.tsx b/packages/icons/20/qr-code.tsx
new file mode 100644
index 00000000..70a1d58b
--- /dev/null
+++ b/packages/icons/20/qr-code.tsx
@@ -0,0 +1,54 @@
+import { Path, Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgQrCode = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Rect
+        x={3.5}
+        y={3.5}
+        width={5}
+        height={5}
+        rx={1}
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Path
+        d="M12.869 11.881c.396-.396.594-.594.822-.668a1 1 0 0 1 .618 0c.228.074.426.272.822.668l.988.988c.396.396.594.594.668.822a1 1 0 0 1 0 .618c-.074.228-.272.426-.668.822l-.988.988c-.396.396-.594.594-.822.668a1 1 0 0 1-.618 0c-.228-.074-.426-.272-.822-.668l-.988-.988c-.396-.396-.594-.594-.668-.822a1 1 0 0 1 0-.618c.074-.228.272-.426.668-.822l.988-.988Z"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Rect
+        x={11.5}
+        y={3.5}
+        width={5}
+        height={5}
+        rx={1}
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Rect x={13.1} y={5.1} width={1.8} height={1.8} rx={0.5} fill={color} />
+      <Rect
+        x={3.5}
+        y={11.5}
+        width={5}
+        height={5}
+        rx={2.5}
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Rect x={5.1} y={13.1} width={1.8} height={1.8} rx={0.9} fill={color} />
+    </Svg>
+  )
+}
+export default SvgQrCode
diff --git a/packages/icons/20/quarter.tsx b/packages/icons/20/quarter.tsx
new file mode 100644
index 00000000..440388fd
--- /dev/null
+++ b/packages/icons/20/quarter.tsx
@@ -0,0 +1,24 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgQuarter = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M9.35 16.317v1.306a7.652 7.652 0 0 1-6.973-6.973h1.306a6.352 6.352 0 0 0 5.667 5.667ZM10.65 17.623a7.652 7.652 0 0 0 6.973-6.973h-1.306a6.352 6.352 0 0 1-5.667 5.667v1.306ZM10.65 3.683a6.352 6.352 0 0 1 5.667 5.667h1.306a7.652 7.652 0 0 0-6.973-6.973v1.306ZM9.35 2.377v1.306A6.352 6.352 0 0 0 3.683 9.35H2.377A7.652 7.652 0 0 1 9.35 2.377Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgQuarter
diff --git a/packages/icons/20/reaction.tsx b/packages/icons/20/reaction.tsx
new file mode 100644
index 00000000..77508916
--- /dev/null
+++ b/packages/icons/20/reaction.tsx
@@ -0,0 +1,28 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgReaction = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={6.75} stroke={color} strokeWidth={1.3} />
+      <Path
+        d="M7.525 12a3.5 3.5 0 0 0 4.95 0"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Circle cx={8} cy={8.5} r={1} fill={color} />
+      <Circle cx={12} cy={8.5} r={1} fill={color} />
+    </Svg>
+  )
+}
+export default SvgReaction
diff --git a/packages/icons/20/receive-message.tsx b/packages/icons/20/receive-message.tsx
new file mode 100644
index 00000000..7fb2af10
--- /dev/null
+++ b/packages/icons/20/receive-message.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgReceiveMessage = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.723 16.618a1.65 1.65 0 0 1-1.446 0c-.343-.167-.562-.477-.729-.764-.17-.293-.354-.686-.573-1.157l-.014-.029-3.42-7.328-.013-.029c-.31-.666-.562-1.204-.717-1.622a3.395 3.395 0 0 1-.176-.622 1.372 1.372 0 0 1 .037-.658 1.65 1.65 0 0 1 1.176-1.082c.235-.057.463-.031.658.017.196.049.4.13.606.227.403.189.919.483 1.557.848l.028.016L10 5.751l2.303-1.316.028-.016c.639-.365 1.154-.659 1.558-.848.206-.096.41-.178.606-.227.195-.048.423-.074.658-.017a1.65 1.65 0 0 1 1.175 1.082c.076.23.07.46.037.658-.032.199-.097.408-.176.622-.155.418-.406.956-.717 1.622l-.013.03-3.42 7.327-.013.029c-.22.47-.404.864-.574 1.157-.167.287-.386.597-.729.764Zm-1.373-2.05v-7.69L7.052 5.563c-.673-.384-1.141-.652-1.49-.815a2.16 2.16 0 0 0-.37-.143.439.439 0 0 0-.055-.01.35.35 0 0 0-.225.206c0 .01.002.028.006.057.013.08.046.2.112.379.134.361.362.85.69 1.552l3.42 7.328c.077.168.147.316.21.45Zm1.3 0 .211-.45 3.42-7.328c.327-.702.555-1.19.689-1.552.066-.18.099-.3.112-.38a.424.424 0 0 0 .006-.056.35.35 0 0 0-.224-.207.443.443 0 0 0-.056.011c-.079.02-.196.062-.369.143-.35.163-.818.43-1.49.815L10.65 6.877v7.69Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgReceiveMessage
diff --git a/packages/icons/20/receive.tsx b/packages/icons/20/receive.tsx
new file mode 100644
index 00000000..d037391e
--- /dev/null
+++ b/packages/icons/20/receive.tsx
@@ -0,0 +1,32 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgReceive = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.65 11.93V3h-1.3v8.93L5.96 8.54l-.92.92 4.5 4.5.46.46.46-.46 4.5-4.5-.92-.92-3.39 3.39Z"
+        fill={color}
+      />
+      <Path
+        d="M6 16s1.5 1 4 1 4-1 4-1"
+        stroke="#1B273D"
+        strokeOpacity={0.3}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgReceive
diff --git a/packages/icons/20/recent.tsx b/packages/icons/20/recent.tsx
new file mode 100644
index 00000000..e8a7ee25
--- /dev/null
+++ b/packages/icons/20/recent.tsx
@@ -0,0 +1,22 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgRecent = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={7} stroke={color} strokeWidth={1.3} />
+      <Path d="M10 6.5V10l2.5 2.5" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgRecent
diff --git a/packages/icons/20/refresh.tsx b/packages/icons/20/refresh.tsx
new file mode 100644
index 00000000..bd8ddeeb
--- /dev/null
+++ b/packages/icons/20/refresh.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgRefresh = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.583 3.503 7.54 2.46l.92-.92 2 2 .358.36-.26.434-1.5 2.5-1.115-.668.822-1.372a5.35 5.35 0 1 0 5.868 2.531l1.126-.65a6.65 6.65 0 1 1-7.176-3.172Z"
+        fill="#000"
+      />
+    </Svg>
+  )
+}
+export default SvgRefresh
diff --git a/packages/icons/20/remove-user.tsx b/packages/icons/20/remove-user.tsx
new file mode 100644
index 00000000..e5a9353e
--- /dev/null
+++ b/packages/icons/20/remove-user.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgRemoveUser = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.15 6a1.85 1.85 0 1 1 3.7 0 1.85 1.85 0 0 1-3.7 0ZM10 2.85a3.15 3.15 0 1 0 0 6.3 3.15 3.15 0 0 0 0-6.3Zm-2.25 8.8a3.1 3.1 0 0 0-3.1 3.1.6.6 0 0 0 .6.6H9.5v1.3H5.25a1.9 1.9 0 0 1-1.9-1.9 4.4 4.4 0 0 1 4.4-4.4H9.5v1.3H7.75Zm8.75 2.5h-5v-1.3h5v1.3Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgRemoveUser
diff --git a/packages/icons/20/reply.tsx b/packages/icons/20/reply.tsx
new file mode 100644
index 00000000..ea2f5285
--- /dev/null
+++ b/packages/icons/20/reply.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgReply = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m5.569 9.65 3.39 3.39-.919.92-4.5-4.5L3.08 9l.46-.46 4.5-4.5.92.92-3.391 3.39H9.629c1.095 0 1.957 0 2.65.057.708.057 1.297.177 1.832.45a4.65 4.65 0 0 1 2.032 2.032c.272.535.392 1.124.45 1.83.057.694.057 1.556.057 2.652v.129h-1.3v-.1c0-1.13 0-1.94-.053-2.574-.05-.627-.149-1.026-.312-1.347a3.35 3.35 0 0 0-1.464-1.464c-.321-.163-.72-.261-1.347-.313-.634-.051-1.443-.052-2.574-.052H5.569Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgReply
diff --git a/packages/icons/20/reveal.tsx b/packages/icons/20/reveal.tsx
new file mode 100644
index 00000000..86e8c931
--- /dev/null
+++ b/packages/icons/20/reveal.tsx
@@ -0,0 +1,26 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgReveal = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M10 4c4.5 0 7 5 7 6s-2.5 6-7 6-7-5-7-6 2.5-6 7-6Z"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Circle cx={10} cy={10} r={2.5} stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgReveal
diff --git a/packages/icons/20/revere.tsx b/packages/icons/20/revere.tsx
new file mode 100644
index 00000000..c7df716f
--- /dev/null
+++ b/packages/icons/20/revere.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgRevere = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.417 3.503 12.46 2.46l-.92-.92-2 2-.358.36.26.434 1.5 2.5 1.115-.668-.822-1.372a5.35 5.35 0 1 1-5.868 2.531l-1.126-.65a6.65 6.65 0 1 0 7.176-3.172Z"
+        fill="#000"
+      />
+    </Svg>
+  )
+}
+export default SvgRevere
diff --git a/packages/icons/20/right-align.tsx b/packages/icons/20/right-align.tsx
new file mode 100644
index 00000000..70e4c47b
--- /dev/null
+++ b/packages/icons/20/right-align.tsx
@@ -0,0 +1,27 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgRightAlign = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M15 11.75H5M15 5H5M15 15H9M15 8.25H9"
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgRightAlign
diff --git a/packages/icons/20/rotate.tsx b/packages/icons/20/rotate.tsx
new file mode 100644
index 00000000..9be38b7f
--- /dev/null
+++ b/packages/icons/20/rotate.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgRotate = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10 2.35a7.65 7.65 0 0 0-6.214 3.187L3.26 4.304l-.92.392.983 2.3.147.344.373-.045 2.482-.299-.12-.992-1.258.151a6.35 6.35 0 0 1 10.553.67l1.126-.65A7.65 7.65 0 0 0 10 2.35Zm-.46 3.69a.65.65 0 0 1 .92 0l4.95 4.95a.65.65 0 0 1 0 .92l-4.95 4.95a.65.65 0 0 1-.92 0l-4.95-4.95a.65.65 0 0 1 0-.92l4.95-4.95ZM10 7.42l-4.03 4.03L10 15.48l4.03-4.03L10 7.42Z"
+        fill="#000"
+      />
+    </Svg>
+  )
+}
+export default SvgRotate
diff --git a/packages/icons/20/sad.tsx b/packages/icons/20/sad.tsx
new file mode 100644
index 00000000..0215c042
--- /dev/null
+++ b/packages/icons/20/sad.tsx
@@ -0,0 +1,28 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSad = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={6.75} stroke={color} strokeWidth={1.3} />
+      <Path
+        d="M7.525 13.025a3.5 3.5 0 0 1 4.95 0"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Circle cx={8} cy={8.5} r={1} fill={color} />
+      <Circle cx={12} cy={8.5} r={1} fill={color} />
+    </Svg>
+  )
+}
+export default SvgSad
diff --git a/packages/icons/20/save.tsx b/packages/icons/20/save.tsx
new file mode 100644
index 00000000..1162932c
--- /dev/null
+++ b/packages/icons/20/save.tsx
@@ -0,0 +1,32 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSave = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.65 11.93V3h-1.3v8.93L5.96 8.54l-.92.92 4.5 4.5.46.46.46-.46 4.5-4.5-.92-.92-3.39 3.39Z"
+        fill={color}
+      />
+      <Path
+        d="M16 17H4"
+        stroke="#1B273D"
+        strokeOpacity={0.3}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgSave
diff --git a/packages/icons/20/scan.tsx b/packages/icons/20/scan.tsx
new file mode 100644
index 00000000..fdd231c0
--- /dev/null
+++ b/packages/icons/20/scan.tsx
@@ -0,0 +1,25 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgScan = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M8.143 3.5c-1.532 0-2.298 0-2.894.273A3 3 0 0 0 3.773 5.25C3.5 5.845 3.5 6.611 3.5 8.143M11.857 3.5c1.532 0 2.298 0 2.894.273a3 3 0 0 1 1.476 1.476c.273.596.273 1.362.273 2.894m0 3.714c0 1.532 0 2.298-.273 2.894a3 3 0 0 1-1.476 1.476c-.596.273-1.362.273-2.894.273m-3.714 0c-1.532 0-2.298 0-2.894-.273a3 3 0 0 1-1.476-1.476c-.273-.596-.273-1.362-.273-2.894M6 10h8"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgScan
diff --git a/packages/icons/20/search.tsx b/packages/icons/20/search.tsx
new file mode 100644
index 00000000..7d7695c1
--- /dev/null
+++ b/packages/icons/20/search.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSearch = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.15 9a4.85 4.85 0 1 1 9.7 0 4.85 4.85 0 0 1-9.7 0ZM9 2.85a6.15 6.15 0 1 0 3.865 10.934l3.175 3.176.92-.92-3.176-3.175A6.15 6.15 0 0 0 9 2.85Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgSearch
diff --git a/packages/icons/20/seed.tsx b/packages/icons/20/seed.tsx
new file mode 100644
index 00000000..8df3a04a
--- /dev/null
+++ b/packages/icons/20/seed.tsx
@@ -0,0 +1,24 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSeed = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M1 3.765C1 3.342 1.336 3 1.75 3H8.5c.414 0 .75.342.75.765a.757.757 0 0 1-.75.764H1.75A.757.757 0 0 1 1 3.765ZM11 3.765c0-.423.336-.765.75-.765h6.5c.414 0 .75.342.75.765a.757.757 0 0 1-.75.764h-6.5a.757.757 0 0 1-.75-.764ZM14 7.588c0-.422.336-.764.75-.764h3.5c.414 0 .75.342.75.764a.757.757 0 0 1-.75.765h-3.5a.757.757 0 0 1-.75-.765ZM6 11.412a.757.757 0 0 0-.75-.765h-3.5a.757.757 0 0 0-.75.765c0 .422.336.764.75.764h3.5c.414 0 .75-.342.75-.764ZM1 7.588c0-.422.336-.764.75-.764h9.75c.414 0 .75.342.75.764a.757.757 0 0 1-.75.765H1.75A.757.757 0 0 1 1 7.588ZM19 11.412a.757.757 0 0 0-.75-.765H8.5a.757.757 0 0 0-.75.765c0 .422.336.764.75.764h9.75c.414 0 .75-.342.75-.764ZM1 15.235c0-.422.336-.764.75-.764H8.5c.414 0 .75.342.75.764A.757.757 0 0 1 8.5 16H1.75a.757.757 0 0 1-.75-.765ZM11 15.235c0-.422.336-.764.75-.764h6.5c.414 0 .75.342.75.764a.757.757 0 0 1-.75.765h-6.5a.757.757 0 0 1-.75-.765Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgSeed
diff --git a/packages/icons/20/send-message.tsx b/packages/icons/20/send-message.tsx
new file mode 100644
index 00000000..d14bf632
--- /dev/null
+++ b/packages/icons/20/send-message.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSendMessage = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.187 3.6a1.65 1.65 0 0 0-1.24-.73c-.378-.031-.722.122-1.01.281-.293.163-.649.404-1.073.692l-.027.018-6.893 4.677-.026.018c-.627.426-1.132.768-1.487 1.054a3.476 3.476 0 0 0-.48.452 1.372 1.372 0 0 0-.31.593 1.65 1.65 0 0 0 .473 1.537c.178.17.393.262.588.317.197.055.419.085.651.104.455.037 1.065.037 1.823.037h2.947l1.29 2.258.017.028c.367.644.664 1.163.918 1.533.13.19.264.364.408.506.144.141.328.28.561.35a1.65 1.65 0 0 0 1.564-.34c.183-.16.292-.363.364-.552.073-.189.123-.404.162-.63.077-.442.131-1.037.198-1.776l.003-.031.734-8.07.002-.031c.047-.511.086-.939.086-1.274 0-.33-.033-.705-.243-1.02Zm-2.36 1.161-.26.175-6.893 4.678c-.659.447-1.12.76-1.429 1.01a2.24 2.24 0 0 0-.3.276.456.456 0 0 0-.036.047.35.35 0 0 0 .09.291c.01.004.027.011.055.02.081.022.208.044.404.06.396.032.953.032 1.75.032H9.12l3.706-6.589Zm-2.58 7.236 1.296 2.266c.387.678.657 1.15.877 1.471.109.159.189.256.247.313.02.02.035.032.043.038a.35.35 0 0 0 .298-.065.44.44 0 0 0 .024-.052c.029-.076.061-.198.094-.387.067-.383.117-.925.187-1.703l.734-8.07c.024-.26.044-.48.058-.668l-3.857 6.857Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgSendMessage
diff --git a/packages/icons/20/send.tsx b/packages/icons/20/send.tsx
new file mode 100644
index 00000000..4a44ccb7
--- /dev/null
+++ b/packages/icons/20/send.tsx
@@ -0,0 +1,32 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSend = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.35 4.57 5.96 7.96l-.92-.92 4.5-4.5.46-.46.46.46 4.5 4.5-.92.92-3.39-3.39v8.93h-1.3V4.57Z"
+        fill={color}
+      />
+      <Path
+        d="M6 16s1.5 1 4 1 4-1 4-1"
+        stroke="#1B273D"
+        strokeOpacity={0.3}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgSend
diff --git a/packages/icons/20/settings.tsx b/packages/icons/20/settings.tsx
new file mode 100644
index 00000000..9f81648b
--- /dev/null
+++ b/packages/icons/20/settings.tsx
@@ -0,0 +1,24 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSettings = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="m6.877 4.876-.483.435.361.4.46-.28-.338-.555Zm1.708-.708.153.632.524-.127-.028-.539-.649.034Zm-2.02.426.33-.56-.33.56Zm-.95-.034-.288-.583.288.583Zm-.565.49.46.46-.46-.46Zm-.49.565.582.288-.582-.288Zm.034.95.56-.33-.56.33Zm.282.312.555.339.28-.46-.4-.362-.435.483Zm-.708 1.708-.034.65.539.027.127-.524-.632-.153Zm-.42.021-.163-.629.163.63Zm-.695.648.615.208-.615-.208Zm0 1.492-.616.208.616-.208Zm.695.648.164-.63-.164.63Zm.42.02.632-.152-.127-.524-.539.028.034.649Zm.708 1.71.435.482.4-.361-.28-.46-.555.338Zm-.282.311-.56-.33.56.33Zm-.034.95-.583.289.583-.289Zm.49.565.46-.46-.46.46Zm.565.49-.288.583.288-.583Zm.95-.034-.33-.56.33.56Zm.312-.282.339-.555-.46-.28-.362.4.483.435Zm1.708.708.65.034.027-.539-.524-.127-.153.632Zm.021.42-.629.163.63-.163Zm.648.695.208-.615-.208.615Zm1.492 0-.208-.615.208.615Zm.648-.695-.63-.164.63.164Zm.02-.42-.152-.632-.524.127.028.539.649-.034Zm1.71-.708.482-.436-.361-.4-.46.281.338.555Zm.311.282.33-.56-.33.56Zm.95.034.289.583-.289-.583Zm1.055-1.055-.582-.288.582.288Zm-.034-.95-.56.33.56-.33Zm-.282-.312-.555-.338-.28.46.4.36.435-.482Zm.708-1.708.034-.65-.539-.027-.127.524.632.153Zm.42-.021-.164-.63.164.63Zm.695-.648-.615-.208.615.208Zm0-1.492-.615.208.615-.208Zm-.695-.648.163-.629-.163.63Zm-.42-.02-.632.152.127.524.539-.028-.034-.649Zm-.708-1.71-.435-.482-.4.361.28.46.555-.338Zm.282-.311-.56-.33.56.33Zm.034-.95.583-.288-.583.288Zm-.49-.565.46-.46-.46.46Zm-.565-.49.289-.583-.289.583Zm-.95.034.33.56-.33-.56Zm-.312.282-.338.555.46.28.36-.4-.482-.435Zm-1.708-.708-.65-.034-.027.539.524.127.153-.632Zm-.021-.42-.63.164.63-.164Zm-.648-.695-.208.615.208-.615Zm-1.492 0-.208-.616.208.616Zm-.648.695-.629-.163.63.163Zm-1.39 1.683c.465-.285.977-.5 1.522-.631l-.305-1.264a6.614 6.614 0 0 0-1.895.785l.678 1.11Zm-.98-.277c-.002 0 .008.004.034.028.028.026.066.065.124.13l.965-.871a2.01 2.01 0 0 0-.465-.408l-.658 1.121Zm-.333-.012a.35.35 0 0 1 .333.012l.658-1.12a1.65 1.65 0 0 0-1.567-.057l.576 1.165Zm-.393.368a8.65 8.65 0 0 1 .305-.297c.068-.062.09-.071.088-.07l-.576-1.166c-.268.133-.496.373-.736.614l.919.919Zm-.368.393c0 .002.01-.02.07-.088.064-.071.154-.16.298-.305l-.92-.92c-.24.24-.48.47-.613.737l1.165.576Zm.012.333a.35.35 0 0 1-.012-.333l-1.165-.576a1.65 1.65 0 0 0 .056 1.567l1.121-.658Zm.157.158a1.988 1.988 0 0 1-.129-.124c-.024-.026-.029-.036-.028-.034l-1.12.658c.11.188.262.335.407.465l.87-.965ZM4.8 8.738a5.315 5.315 0 0 1 .63-1.522l-1.109-.678a6.615 6.615 0 0 0-.785 1.895l1.264.305Zm-.888.497a1.978 1.978 0 0 1 .223 0L4.2 7.935a2.009 2.009 0 0 0-.616.041l.327 1.258Zm-.244.227a.35.35 0 0 1 .244-.227l-.327-1.258a1.65 1.65 0 0 0-1.148 1.069l1.231.416ZM3.65 10c0-.204 0-.33.006-.426.005-.092.013-.114.012-.112l-1.231-.416c-.096.283-.087.614-.087.954h1.3Zm.018.538c.001.002-.007-.02-.012-.112A8.657 8.657 0 0 1 3.65 10h-1.3c0 .34-.009.671.087.954l1.231-.416Zm.244.227a.35.35 0 0 1-.244-.227l-1.231.416c.178.527.61.929 1.148 1.069l.327-1.258Zm.222 0a2.016 2.016 0 0 1-.178.004c-.036-.002-.046-.005-.044-.004l-.327 1.258c.21.055.421.05.616.04l-.067-1.297Zm1.297 2.02a5.315 5.315 0 0 1-.631-1.523l-1.264.305c.164.679.432 1.316.785 1.895l1.11-.678Zm-.277.98s.004-.009.028-.035c.026-.028.065-.066.13-.124l-.871-.965c-.145.13-.297.277-.408.465l1.121.658Zm-.012.332a.35.35 0 0 1 .012-.333l-1.12-.658a1.65 1.65 0 0 0-.057 1.568l1.165-.577Zm.368.393a8.7 8.7 0 0 1-.297-.305c-.062-.069-.071-.09-.07-.088l-1.166.577c.133.267.373.495.614.735l.919-.919Zm.393.367c.002.001-.02-.008-.088-.07a8.65 8.65 0 0 1-.305-.297l-.92.92c.24.24.47.48.737.613l.576-1.165Zm.333-.011a.35.35 0 0 1-.333.011l-.576 1.166a1.65 1.65 0 0 0 1.567-.056l-.658-1.121Zm.158-.157a1.995 1.995 0 0 1-.124.129c-.026.024-.036.029-.034.028l.658 1.12a2.01 2.01 0 0 0 .465-.407l-.965-.87Zm2.344.511a5.312 5.312 0 0 1-1.522-.63l-.678 1.109a6.617 6.617 0 0 0 1.895.785l.305-1.264Zm.497.888a1.979 1.979 0 0 1 0-.223L7.935 15.8c-.01.195-.014.405.041.616l1.258-.327Zm.227.244a.35.35 0 0 1-.227-.244l-1.258.327c.14.539.542.97 1.069 1.148l.416-1.231Zm.538.018c-.204 0-.33 0-.426-.006-.092-.005-.114-.013-.112-.012l-.416 1.231c.283.096.614.087.954.087v-1.3Zm.538-.018c.002-.001-.02.007-.112.012a8.542 8.542 0 0 1-.426.006v1.3c.34 0 .671.009.954-.087l-.416-1.231Zm.227-.244a.35.35 0 0 1-.227.244l.416 1.231a1.65 1.65 0 0 0 1.069-1.148l-1.258-.327Zm0-.223c.005.087.006.142.004.18-.002.035-.005.045-.004.043l1.258.327c.055-.21.05-.421.04-.616l-1.297.067Zm2.02-1.296c-.466.285-.978.5-1.523.631l.305 1.264a6.616 6.616 0 0 0 1.895-.785l-.678-1.11Zm.98.277s-.009-.005-.035-.028a1.973 1.973 0 0 1-.124-.13l-.965.871c.13.145.277.297.465.408l.658-1.121Zm.332.011a.35.35 0 0 1-.333-.011l-.658 1.12a1.65 1.65 0 0 0 1.568.057l-.577-1.165Zm.393-.367a8.69 8.69 0 0 1-.305.297c-.069.062-.09.071-.088.07l.577 1.166c.267-.133.495-.373.735-.614l-.919-.919Zm.367-.393c.001-.002-.008.02-.07.088a8.69 8.69 0 0 1-.297.305l.92.92c.24-.24.48-.47.613-.736l-1.165-.577Zm-.011-.333a.35.35 0 0 1 .011.333l1.166.577a1.65 1.65 0 0 0-.056-1.568l-1.121.658Zm-.157-.158c.064.058.103.096.129.124.024.026.029.036.028.034l1.12-.658a2.013 2.013 0 0 0-.407-.465l-.87.965Zm.511-2.344a5.313 5.313 0 0 1-.63 1.522l1.109.678a6.616 6.616 0 0 0 .785-1.895l-1.264-.305Zm.888-.497a2.017 2.017 0 0 1-.223 0l-.066 1.299c.195.01.405.014.616-.041l-.327-1.258Zm.244-.227a.35.35 0 0 1-.244.227l.327 1.258a1.65 1.65 0 0 0 1.148-1.069l-1.231-.416ZM16.35 10c0 .204 0 .33-.006.426-.005.092-.013.114-.012.112l1.231.416c.096-.283.087-.614.087-.954h-1.3Zm-.018-.538c-.001-.002.007.02.012.112.006.096.006.222.006.426h1.3c0-.34.009-.671-.087-.954l-1.231.416Zm-.244-.227a.35.35 0 0 1 .244.227l1.231-.416a1.65 1.65 0 0 0-1.148-1.069l-.327 1.258Zm-.223 0c.087-.005.142-.006.18-.004.035.002.045.005.043.004l.327-1.258a2.009 2.009 0 0 0-.616-.04l.067 1.297Zm-1.296-2.02c.285.466.5.978.631 1.523l1.264-.305a6.617 6.617 0 0 0-.785-1.895l-1.11.678Zm.277-.98s-.005.009-.028.035a1.995 1.995 0 0 1-.13.124l.871.965a2.01 2.01 0 0 0 .408-.465l-1.121-.658Zm.011-.332a.35.35 0 0 1-.011.333l1.12.658a1.65 1.65 0 0 0 .057-1.567l-1.165.576Zm-.367-.393c.144.144.234.234.297.305.062.068.071.09.07.088l1.166-.576c-.133-.268-.373-.496-.614-.736l-.919.919Zm-.393-.368c-.002 0 .02.01.088.07a8.7 8.7 0 0 1 .305.298l.92-.92c-.24-.24-.47-.48-.736-.613l-.577 1.165Zm-.333.012a.35.35 0 0 1 .333-.012l.577-1.165a1.65 1.65 0 0 0-1.568.056l.658 1.121Zm-.158.157c.058-.064.096-.103.124-.129.026-.024.036-.029.034-.028l-.658-1.12c-.188.11-.335.262-.465.407l.965.87ZM11.262 4.8a5.315 5.315 0 0 1 1.522.63l.678-1.109a6.614 6.614 0 0 0-1.895-.785L11.262 4.8Zm-.497-.888a2.016 2.016 0 0 1 0 .223l1.299.066c.01-.195.014-.405-.041-.616l-1.258.327Zm-.227-.244a.35.35 0 0 1 .227.244l1.258-.327a1.65 1.65 0 0 0-1.069-1.148l-.416 1.231ZM10 3.65c.204 0 .33 0 .426.006.092.005.114.013.112.012l.416-1.231c-.283-.096-.614-.087-.954-.087v1.3Zm-.538.018c-.002.001.02-.007.112-.012.096-.006.222-.006.426-.006v-1.3c-.34 0-.671-.009-.954.087l.416 1.231Zm-.227.244a.35.35 0 0 1 .227-.244l-.416-1.231a1.65 1.65 0 0 0-1.069 1.148l1.258.327Zm0 .222a1.978 1.978 0 0 1-.004-.178c.002-.036.005-.046.004-.044l-1.258-.327c-.055.21-.05.421-.04.616l1.297-.067ZM11.85 10A1.85 1.85 0 0 1 10 11.85v1.3A3.15 3.15 0 0 0 13.15 10h-1.3ZM10 8.15A1.85 1.85 0 0 1 11.85 10h1.3A3.15 3.15 0 0 0 10 6.85v1.3ZM8.15 10A1.85 1.85 0 0 1 10 8.15v-1.3A3.15 3.15 0 0 0 6.85 10h1.3ZM10 11.85A1.85 1.85 0 0 1 8.15 10h-1.3A3.15 3.15 0 0 0 10 13.15v-1.3Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgSettings
diff --git a/packages/icons/20/share.tsx b/packages/icons/20/share.tsx
new file mode 100644
index 00000000..98fd6185
--- /dev/null
+++ b/packages/icons/20/share.tsx
@@ -0,0 +1,32 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgShare = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.35 5.07 5.96 8.46l-.92-.92 4.5-4.5.46-.46.46.46 4.5 4.5-.92.92-3.39-3.39v8.43h-1.3V5.07Z"
+        fill={color}
+      />
+      <Path
+        d="M4 12v.2c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C6.28 17 7.12 17 8.8 17h2.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C16 14.72 16 13.88 16 12.2V12"
+        stroke="#1B273D"
+        strokeOpacity={0.3}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgShare
diff --git a/packages/icons/20/signature.tsx b/packages/icons/20/signature.tsx
new file mode 100644
index 00000000..9edb2fce
--- /dev/null
+++ b/packages/icons/20/signature.tsx
@@ -0,0 +1,29 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSignature = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M8.594 10.666a16.591 16.591 0 0 1 2.045-1.992c.042.183.045.39.004.531-.1.252-.158.526-.195.776v-.543l-.832.74c-.38.339-.745.725-1.095 1.106a1.267 1.267 0 0 1-.016-.337c.015-.157.059-.246.09-.282l-.379-.327.378.328Zm1.839.057v-.002l.62-.147c.66-.157 1.202-.55 1.706-1.177a.585.585 0 0 0 .402.285.78.78 0 0 0 .393-.035c.177-.059.363-.17.511-.268a7.43 7.43 0 0 0 .41-.294 1.146 1.146 0 0 1 .028.171c.012.093.018.138.018.188v.257l-.582.405c-.269.188-.466.31-.622.351-.066.017-.092.01-.098.009-.003-.001-.031-.01-.08-.073l-.377-.497-.403.477c-.62.734-1.237 1.027-1.86 1.01a.5.5 0 0 1-.015-.039 1.629 1.629 0 0 1-.054-.582V10.736l.003-.013Zm4.284-.298-.094-.508.362.026c.354.025.71-.076.984-.167.114-.038.213-.073.302-.105l.21-.073c.01.064.019.145.019.24 0 .178-.03.347-.073.462a.526.526 0 0 1-.03.066c-.16.038-.319.085-.466.127l-.007.002c-.172.051-.33.097-.486.133-.263.06-.473.08-.649.048a1.156 1.156 0 0 1-.072-.25Zm1.719-.973.001.002a.015.015 0 0 1-.001-.002Zm-.055.938.003-.003a.016.016 0 0 1-.003.003Z"
+        fill={color}
+        stroke={color}
+      />
+      <Path
+        d="M17.63 14.304H6.004a42.16 42.16 0 0 1 1.854-4.526c.203-.438.426-.876.648-1.314 1.391-1.241 2.689-2.774 3.82-4.891.296-.584.055-1.533-.334-1.57-.927-.073-1.632 1.059-2.317 2.117A34.365 34.365 0 0 0 7.97 6.968c-1.428 1.24-2.967 2.117-4.468 2.956-.575.329-.334 2.08.24 1.752a33.703 33.703 0 0 0 2.763-1.68 57.38 57.38 0 0 0-1.613 4.272H2.371c-.204 0-.371.328-.371.73 0 .401.167.73.37.73h2.077c-.093.292-.185.584-.278.912-.296 1.022.5 1.935.797.913.167-.62.353-1.205.557-1.825h12.106c.204 0 .371-.329.371-.73 0-.365-.167-.694-.37-.694Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgSignature
diff --git a/packages/icons/20/sort.tsx b/packages/icons/20/sort.tsx
new file mode 100644
index 00000000..1b7ea324
--- /dev/null
+++ b/packages/icons/20/sort.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSort = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.85 14.43V3.5h1.3v10.93l1.89-1.89.92.92-3 3-.46.46-.46-.46-3-3 .92-.92 1.89 1.89ZM7.15 5.57l1.89 1.89.92-.92-3-3-.46-.46-.46.46-3 3 .92.92 1.89-1.89V16.5h1.3V5.57Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgSort
diff --git a/packages/icons/20/speed.tsx b/packages/icons/20/speed.tsx
new file mode 100644
index 00000000..44891bff
--- /dev/null
+++ b/packages/icons/20/speed.tsx
@@ -0,0 +1,30 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSpeed = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="m6.5 13.5-1.45 1.45a7 7 0 1 1 9.9 0L13.5 13.5"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Path
+        d="M10 3v2M3 10h2M15 10h2M5 5l1.414 1.414M15.121 5l-1.414 1.414M10.22 12h-.44a1 1 0 0 1-.97-1.242l.705-2.818c.126-.505.844-.505.97 0l.704 2.817A1 1 0 0 1 10.22 12Z"
+        stroke="#000"
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgSpeed
diff --git a/packages/icons/20/status.tsx b/packages/icons/20/status.tsx
new file mode 100644
index 00000000..ecfa5f5d
--- /dev/null
+++ b/packages/icons/20/status.tsx
@@ -0,0 +1,24 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgStatus = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <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={color}
+      />
+    </Svg>
+  )
+}
+export default SvgStatus
diff --git a/packages/icons/20/stickers.tsx b/packages/icons/20/stickers.tsx
new file mode 100644
index 00000000..a03cdd72
--- /dev/null
+++ b/packages/icons/20/stickers.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgStickers = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10 2.85h-.108c-1.292 0-2.06 0-2.71.156a5.65 5.65 0 0 0-4.176 4.175c-.156.651-.156 1.42-.156 2.71v.766c0 .782 0 1.247.058 1.647a5.65 5.65 0 0 0 4.788 4.789c.4.057.865.057 1.647.057h.134c.95 0 1.498 0 1.97-.068a6.65 6.65 0 0 0 5.635-5.636c.068-.47.068-1.02.068-1.969v-.134c0-.782 0-1.247-.057-1.647a5.65 5.65 0 0 0-4.789-4.788c-.4-.058-.865-.058-1.647-.058H10ZM7.485 4.27c.481-.115 1.083-.12 2.515-.12h.591c.867 0 1.232.002 1.528.044a4.35 4.35 0 0 1 3.687 3.687c.042.29.044.644.044 1.469-.852 0-1.53.002-2.083.04-.59.04-1.086.123-1.546.314a4.65 4.65 0 0 0-2.517 2.516c-.19.46-.274.956-.314 1.547-.038.553-.04 1.231-.04 2.083-.825 0-1.18-.003-1.469-.044a4.35 4.35 0 0 1-3.687-3.687c-.042-.296-.044-.661-.044-1.528V10c0-1.432.005-2.034.12-2.515A4.35 4.35 0 0 1 7.485 4.27Zm3.165 11.57c.255-.007.442-.02.611-.044a5.35 5.35 0 0 0 4.535-4.535 5.39 5.39 0 0 0 .045-.611c-.858 0-1.485.002-1.985.037-.525.035-.863.104-1.138.218a3.35 3.35 0 0 0-1.813 1.813c-.114.275-.182.613-.218 1.138-.034.5-.037 1.127-.037 1.985Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgStickers
diff --git a/packages/icons/20/stop.tsx b/packages/icons/20/stop.tsx
new file mode 100644
index 00000000..6e0574ce
--- /dev/null
+++ b/packages/icons/20/stop.tsx
@@ -0,0 +1,21 @@
+import { Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgStop = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Rect x={3.5} y={3.5} width={13} height={13} rx={4} fill={color} />
+    </Svg>
+  )
+}
+export default SvgStop
diff --git a/packages/icons/20/strikethrough.tsx b/packages/icons/20/strikethrough.tsx
new file mode 100644
index 00000000..62397573
--- /dev/null
+++ b/packages/icons/20/strikethrough.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgStrikethrough = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6 7a3.75 3.75 0 0 1 3.75-3.75H10a4 4 0 0 1 4 4v.25a.75.75 0 0 1-1.5 0v-.25a2.5 2.5 0 0 0-2.5-2.5h-.25a2.25 2.25 0 0 0 0 4.5h4.5a.75.75 0 0 1 0 1.5h-1a3.75 3.75 0 0 1-3 6H10a4 4 0 0 1-4-4v-.25a.75.75 0 0 1 1.5 0v.25a2.5 2.5 0 0 0 2.5 2.5h.25a2.25 2.25 0 0 0 0-4.5h-4.5a.75.75 0 0 1 0-1.5h1A3.733 3.733 0 0 1 6 7Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgStrikethrough
diff --git a/packages/icons/20/subscript.tsx b/packages/icons/20/subscript.tsx
new file mode 100644
index 00000000..c495c860
--- /dev/null
+++ b/packages/icons/20/subscript.tsx
@@ -0,0 +1,35 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSubscript = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M18.664 16.768c.123 0 .216.032.28.096.064.07.096.16.096.272v.672h-4.152v-.376c0-.075.014-.152.04-.232a.757.757 0 0 1 .152-.232l1.744-1.72c.267-.256.488-.525.664-.808.181-.283.272-.56.272-.832 0-.256-.075-.453-.224-.592a.763.763 0 0 0-.552-.208.833.833 0 0 0-.56.184c-.139.117-.242.28-.312.488a.566.566 0 0 1-.2.216c-.07.037-.181.043-.336.016l-.624-.104c.037-.288.115-.539.232-.752.123-.219.275-.397.456-.536.181-.144.39-.25.624-.32.24-.075.499-.112.776-.112.288 0 .547.043.776.128.23.08.424.195.584.344.16.144.283.32.368.528.09.208.136.435.136.68 0 .213-.035.413-.104.6a2.275 2.275 0 0 1-.264.52c-.112.165-.24.328-.384.488-.144.155-.293.312-.448.472l-1.216 1.24a3.32 3.32 0 0 1 .384-.088 2.2 2.2 0 0 1 .36-.032h1.432Z"
+        fill={color}
+      />
+      <Path
+        d="m18.944 16.864.074-.068-.003-.003-.07.071Zm.096.944v.1h.1v-.1h-.1Zm-4.152 0h-.1v.1h.1v-.1Zm.04-.608-.093-.037-.002.005.095.032Zm.152-.232-.07-.071-.003.003.073.068Zm1.744-1.72-.07-.072.07.072Zm.664-.808-.084-.054v.001l.084.053Zm.048-1.424-.07.072.002.001.068-.073Zm-1.112-.024.065.076-.065-.076Zm-.312.488.087.05.005-.009.003-.01-.095-.031Zm-.2.216.048.088.002-.001-.05-.087Zm-.336.016.017-.098-.017.098Zm-.624-.104-.099-.013-.012.096.095.016.016-.099Zm.232-.752-.087-.049.087.049Zm.456-.536.06.08.002-.002-.062-.078Zm.624-.32.029.096-.029-.096Zm1.552.016-.035.094h.002l.033-.094Zm.584.344-.068.073.001.001.067-.074Zm.368.528-.092.038v.002l.092-.04Zm.032 1.28-.094-.035v.002l.094.033Zm-.648 1.008.073.068.002-.001-.075-.067Zm-.448.472.072.07-.072-.07Zm-1.216 1.24-.071-.07-.268.273.367-.107-.028-.096Zm.384-.088.017.099-.017-.099Zm1.792.068c.106 0 .17.027.21.067l.14-.142a.478.478 0 0 0-.35-.125v.2Zm.207.064c.044.047.07.112.07.204h.2a.484.484 0 0 0-.123-.34l-.147.136Zm.07.204v.672h.2v-.672h-.2Zm.1.572h-4.153v.2h4.152v-.2Zm-4.053.1v-.376h-.2v.376h.2Zm0-.376c0-.063.011-.13.035-.2l-.19-.064a.83.83 0 0 0-.045.264h.2Zm.033-.195a.656.656 0 0 1 .132-.201l-.146-.136a.854.854 0 0 0-.172.263l.186.074Zm.13-.198 1.743-1.72-.14-.142-1.744 1.72.14.142Zm1.742-1.719c.272-.261.5-.537.68-.827l-.17-.106a4.105 4.105 0 0 1-.648.789l.138.144Zm.68-.826c.189-.295.287-.59.287-.886h-.2c0 .249-.083.508-.256.778l.168.108Zm.287-.886c0-.276-.081-.503-.256-.665l-.136.146c.124.115.192.283.192.519h.2Zm-.255-.664a.863.863 0 0 0-.62-.236v.2c.2 0 .359.062.482.18l.139-.144Zm-.62-.236a.933.933 0 0 0-.626.208l.13.152c.122-.104.284-.16.495-.16v-.2Zm-.625.208a1.16 1.16 0 0 0-.343.532l.19.064a.961.961 0 0 1 .282-.444l-.13-.152Zm-.334.514a.468.468 0 0 1-.163.18l.099.173a.664.664 0 0 0 .237-.253l-.173-.1Zm-.161.178c-.038.02-.12.031-.272.005l-.034.197c.158.028.3.028.4-.026l-.094-.176Zm-.272.005-.624-.104-.033.198.624.104.033-.198Zm-.542.008c.036-.278.11-.516.22-.717l-.175-.096a2.21 2.21 0 0 0-.243.787l.198.026Zm.22-.716c.117-.208.26-.376.43-.506l-.122-.158a1.827 1.827 0 0 0-.482.566l.174.098Zm.431-.507c.171-.135.367-.236.59-.302l-.056-.192a1.924 1.924 0 0 0-.658.338l.124.156Zm.592-.303a2.5 2.5 0 0 1 .746-.107v-.2c-.286 0-.555.039-.806.117l.06.19Zm.746-.107c.278 0 .525.041.741.122l.07-.188a2.312 2.312 0 0 0-.81-.134v.2Zm.743.122c.218.076.4.184.549.323l.136-.146a1.73 1.73 0 0 0-.619-.365l-.066.188Zm.55.324c.149.134.263.297.343.492l.185-.076a1.528 1.528 0 0 0-.394-.564l-.134.148Zm.344.494c.084.194.127.407.127.64h.2c0-.258-.048-.498-.144-.72l-.183.08Zm.127.64c0 .202-.033.39-.098.565l.188.07c.074-.199.11-.41.11-.635h-.2Zm-.098.567a2.171 2.171 0 0 1-.253.497l.166.112c.116-.172.209-.353.275-.543l-.188-.066Zm-.253.497c-.109.161-.234.32-.375.477l.149.134c.146-.163.277-.33.392-.499l-.166-.112Zm-.374.476c-.144.154-.293.31-.447.47l.144.14c.155-.16.305-.319.45-.474l-.147-.136Zm-.446.47-1.216 1.24.142.14 1.216-1.24-.142-.14Zm-1.117 1.406c.124-.036.249-.065.373-.085l-.033-.198a3.423 3.423 0 0 0-.396.091l.056.192Zm.373-.085c.123-.02.237-.031.343-.031v-.2c-.118 0-.244.011-.376.033l.033.198Zm.343-.031h1.432v-.2h-1.432v.2Z"
+        fill={color}
+      />
+      <Path
+        d="m13 15.5-6-11M7 15.5l6-11"
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgSubscript
diff --git a/packages/icons/20/superscript.tsx b/packages/icons/20/superscript.tsx
new file mode 100644
index 00000000..574aa3f2
--- /dev/null
+++ b/packages/icons/20/superscript.tsx
@@ -0,0 +1,33 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSuperscript = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M16.885 7.785c.071-.016.142-.03.213-.042.13-.022.253-.033.369-.033h1.432c.131 0 .24.037.316.12m-2.33-.045 2.294.079m-2.294-.079 1.09-1.11c.154-.16.304-.318.448-.473.146-.162.276-.327.389-.494.114-.169.204-.346.27-.531m-2.197 2.608 1.502-1.617c.144-.16.272-.323.384-.488.112-.165.2-.339.264-.52m.18 2.67-.036.034m.036-.035h-.001l-.035.035m.036-.035c.075.076.11.177.11.299V8.85h-4.252v-.426c0-.08.014-.163.042-.248l.001-.003a.806.806 0 0 1 .162-.247l.001-.002 1.744-1.72c.265-.253.483-.52.657-.798v-.001c.178-.277.265-.545.265-.805 0-.246-.072-.428-.209-.555v-.001a.713.713 0 0 0-.517-.194c-.22 0-.395.059-.528.172-.13.11-.23.265-.297.466l-.003.01-.001-.001a.615.615 0 0 1-.219.234v.001c-.086.046-.212.048-.369.021l.009-.049m3.368 3.16a.357.357 0 0 1 .096.264V8.8H15.123v-.376c0-.075.013-.152.04-.232a.755.755 0 0 1 .152-.232l1.744-1.72c.266-.256.488-.525.664-.808.18-.283.272-.56.272-.832 0-.256-.075-.453-.224-.592a.763.763 0 0 0-.552-.208.833.833 0 0 0-.56.184 1.06 1.06 0 0 0-.312.488.567.567 0 0 1-.2.216c-.07.037-.182.043-.336.016m0 0-.624-.104c.037-.288.114-.539.232-.752l.392.856Zm3.224.456.046.017m-.046-.017a1.71 1.71 0 0 0 .104-.6c0-.245-.046-.472-.136-.68m.032 1.28.047.017m0 0a1.76 1.76 0 0 0 .107-.617c0-.251-.047-.485-.14-.7a1.479 1.479 0 0 0-.38-.545 1.68 1.68 0 0 0-.602-.354 2.263 2.263 0 0 0-.792-.131 2.65 2.65 0 0 0-.791.114c-.24.071-.454.18-.64.329a1.776 1.776 0 0 0-.469.55c-.121.22-.2.478-.238.77l-.006.048.047.008.624.104 3.2-.873m0 0a1.43 1.43 0 0 0-.367-.528l.368.528Z"
+        fill={color}
+        stroke={color}
+        strokeWidth={0.1}
+      />
+      <Path
+        d="m13 15.5-6-11M7 15.5l6-11"
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgSuperscript
diff --git a/packages/icons/20/swap.tsx b/packages/icons/20/swap.tsx
new file mode 100644
index 00000000..0a65e438
--- /dev/null
+++ b/packages/icons/20/swap.tsx
@@ -0,0 +1,33 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSwap = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.43 7.15H3.5v-1.3h10.93l-1.89-1.89.92-.92 3 3 .46.46-.46.46-3 3-.92-.92 1.89-1.89Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m5.57 12.85 1.89-1.89-.92-.92-3 3-.46.46.46.46 3 3 .92-.92-1.89-1.89H16.5v-1.3H5.57Z"
+        fill="#1B273D"
+        fillOpacity={0.3}
+      />
+    </Svg>
+  )
+}
+export default SvgSwap
diff --git a/packages/icons/20/syncing.tsx b/packages/icons/20/syncing.tsx
new file mode 100644
index 00000000..0c79735a
--- /dev/null
+++ b/packages/icons/20/syncing.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSyncing = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10 3.35a4.15 4.15 0 0 0-4.095 3.478 4.536 4.536 0 0 0-1.374.247A3.158 3.158 0 0 0 3.024 8.17c-.425.577-.674 1.344-.674 2.331a.65.65 0 1 0 1.3 0c0-.763.189-1.246.42-1.56a1.86 1.86 0 0 1 .899-.64 3.257 3.257 0 0 1 1-.174 3.56 3.56 0 0 1 .421.015l.018.003h.003-.001a.65.65 0 0 0 .74-.644 2.85 2.85 0 1 1 5.7 0 .65.65 0 0 0 .741.644l.02-.003a3.56 3.56 0 0 1 .421-.015c.285.007.648.048 1 .174.347.124.664.323.898.64.231.314.42.797.42 1.56 0 .761-.188 1.289-.438 1.663a2.423 2.423 0 0 1-.953.818 3.651 3.651 0 0 1-1.441.369H7.569l1.89-1.89-.919-.92-3 3-.46.46.46.46 3 3 .92-.92-1.89-1.89h5.93V14v.65H13.522a3.866 3.866 0 0 0 .633-.064c.37-.061.875-.186 1.387-.442a3.721 3.721 0 0 0 1.453-1.26c.407-.61.656-1.395.656-2.384 0-.987-.248-1.754-.673-2.33a3.157 3.157 0 0 0-1.508-1.095 4.535 4.535 0 0 0-1.374-.247A4.149 4.149 0 0 0 10 3.35ZM6.408 8.144 6.5 7.5c-.092.643-.092.644-.091.644Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgSyncing
diff --git a/packages/icons/20/toggle.tsx b/packages/icons/20/toggle.tsx
new file mode 100644
index 00000000..93da6f74
--- /dev/null
+++ b/packages/icons/20/toggle.tsx
@@ -0,0 +1,34 @@
+import { Path, Rect, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgToggle = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Rect
+        x={2}
+        y={5}
+        width={16}
+        height={10}
+        rx={5}
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Path
+        d="M8 10a5 5 0 0 1 10 0 5 5 0 0 1-10 0Z"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgToggle
diff --git a/packages/icons/20/token.tsx b/packages/icons/20/token.tsx
new file mode 100644
index 00000000..f6e14a5d
--- /dev/null
+++ b/packages/icons/20/token.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgToken = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.265 4.483A5.65 5.65 0 0 0 6.56 14.577l-.46 1.715 1.256.336.366-1.366a5.65 5.65 0 0 0 1.642.44l-.366 1.366 1.256.337.46-1.715.012-.002a5.65 5.65 0 0 0 3.258-1.606l-.92-.92a4.35 4.35 0 1 1 1.127-4.201l1.255-.337a5.65 5.65 0 0 0-2.018-3.02l-.01-.008.46-1.714-1.257-.337-.366 1.366a5.651 5.651 0 0 0-1.641-.44l.366-1.366-1.256-.336-.46 1.714Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgToken
diff --git a/packages/icons/20/unblock.tsx b/packages/icons/20/unblock.tsx
new file mode 100644
index 00000000..a31fb043
--- /dev/null
+++ b/packages/icons/20/unblock.tsx
@@ -0,0 +1,22 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgUnblock = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={6.75} stroke={color} strokeWidth={1.3} />
+      <Path d="M7 10h6" stroke="#000" strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgUnblock
diff --git a/packages/icons/20/underline.tsx b/packages/icons/20/underline.tsx
new file mode 100644
index 00000000..a3f364ce
--- /dev/null
+++ b/packages/icons/20/underline.tsx
@@ -0,0 +1,34 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgUnderline = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M13.5 4.5V9a3.5 3.5 0 0 1-3.5 3.5v0A3.5 3.5 0 0 1 6.5 9V4.5"
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M13 15.5H7"
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgUnderline
diff --git a/packages/icons/20/unlocked.tsx b/packages/icons/20/unlocked.tsx
new file mode 100644
index 00000000..71b32424
--- /dev/null
+++ b/packages/icons/20/unlocked.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgUnlocked = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.094 1.35a3.556 3.556 0 0 1 3.556 3.556v1.536c.365.055.696.147 1.007.306a3.65 3.65 0 0 1 1.595 1.595c.218.428.31.893.355 1.434.043.527.043 1.179.043 1.995V12.228c0 .816 0 1.469-.043 1.995-.044.54-.137 1.006-.355 1.434a3.65 3.65 0 0 1-1.595 1.595c-.428.218-.893.31-1.434.355-.527.043-1.179.043-1.995.043H8.772c-.816 0-1.469 0-1.995-.043-.54-.044-1.006-.137-1.434-.355a3.65 3.65 0 0 1-1.595-1.595c-.218-.428-.31-.893-.355-1.434-.043-.527-.043-1.179-.043-1.995V11.772c0-.816 0-1.469.043-1.995.044-.54.137-1.006.355-1.434a3.65 3.65 0 0 1 1.595-1.595c.428-.218.893-.31 1.434-.355.526-.043 1.179-.043 1.995-.043h2.456c.415 0 .787 0 1.122.006v-1.45a2.256 2.256 0 0 0-4.396-.714l-.337 1.014-1.234-.412.338-1.013a3.556 3.556 0 0 1 3.373-2.431ZM6.883 7.689c-.46.037-.736.108-.95.217a2.35 2.35 0 0 0-1.027 1.027c-.109.214-.18.49-.217.95-.038.467-.039 1.066-.039 1.917v.4c0 .85 0 1.45.039 1.918.037.46.108.735.217.949a2.35 2.35 0 0 0 1.027 1.027c.214.109.49.18.95.217.467.038 1.066.039 1.917.039h2.4c.85 0 1.45 0 1.918-.039.46-.037.735-.108.949-.217a2.35 2.35 0 0 0 1.027-1.027c.109-.214.18-.49.217-.95.039-.467.039-1.066.039-1.917v-.4c0-.85 0-1.45-.039-1.917-.037-.46-.108-.736-.217-.95a2.35 2.35 0 0 0-1.027-1.027c-.214-.109-.49-.18-.95-.217-.467-.038-1.066-.039-1.917-.039H8.8c-.85 0-1.45 0-1.917.039ZM9.35 13.5v-3h1.3v3h-1.3Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgUnlocked
diff --git a/packages/icons/20/unread.tsx b/packages/icons/20/unread.tsx
new file mode 100644
index 00000000..ab8d8d0a
--- /dev/null
+++ b/packages/icons/20/unread.tsx
@@ -0,0 +1,27 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgUnread = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M12 15H8M14 10H6M16 5H4"
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap="square"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgUnread
diff --git a/packages/icons/20/untrustworthy.tsx b/packages/icons/20/untrustworthy.tsx
new file mode 100644
index 00000000..6c17a5a1
--- /dev/null
+++ b/packages/icons/20/untrustworthy.tsx
@@ -0,0 +1,29 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgUntrustworthy = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle
+        cx={10}
+        cy={10}
+        r={6.75}
+        fill="#E65F5C"
+        stroke="#E65F5C"
+        strokeWidth={1.3}
+      />
+      <Path d="M10 12V6M10 14v-1" stroke="#fff" strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgUntrustworthy
diff --git a/packages/icons/20/up-to-date.tsx b/packages/icons/20/up-to-date.tsx
new file mode 100644
index 00000000..2b2598f8
--- /dev/null
+++ b/packages/icons/20/up-to-date.tsx
@@ -0,0 +1,22 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgUpToDate = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10.25} cy={10.25} r={6.75} stroke={color} strokeWidth={1.3} />
+      <Path d="M6.833 10.5 9 12.5l4.333-5" stroke={color} strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgUpToDate
diff --git a/packages/icons/20/verified.tsx b/packages/icons/20/verified.tsx
new file mode 100644
index 00000000..691447ee
--- /dev/null
+++ b/packages/icons/20/verified.tsx
@@ -0,0 +1,29 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgVerified = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle
+        cx={10.25}
+        cy={10.25}
+        r={6.75}
+        fill="#26A69A"
+        stroke="#26A69A"
+        strokeWidth={1.3}
+      />
+      <Path d="M6.833 10.5 9 12.5l4.333-5" stroke="#fff" strokeWidth={1.3} />
+    </Svg>
+  )
+}
+export default SvgVerified
diff --git a/packages/icons/20/video.tsx b/packages/icons/20/video.tsx
new file mode 100644
index 00000000..73aa26a6
--- /dev/null
+++ b/packages/icons/20/video.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgVideo = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.8 3.35h-.028c-.816 0-1.468 0-1.995.043-.54.044-1.006.137-1.434.355a3.65 3.65 0 0 0-1.595 1.595c-.218.428-.31.893-.355 1.434-.043.526-.043 1.179-.043 1.995v2.456c0 .816 0 1.469.043 1.995.044.54.137 1.006.355 1.434a3.65 3.65 0 0 0 1.595 1.595c.428.218.893.31 1.434.355.527.043 1.179.043 1.995.043h1.456c.816 0 1.469 0 1.995-.043.54-.044 1.006-.137 1.434-.355a3.65 3.65 0 0 0 1.595-1.595c.218-.428.31-.893.355-1.434l.004-.043.144.147c.268.264.606.55 1.027.605a1.65 1.65 0 0 0 1.448-.535c.283-.317.354-.754.386-1.128.034-.398.034-.921.034-1.562V8.83c0-.579 0-1.057-.032-1.424-.032-.352-.1-.757-.363-1.064a1.65 1.65 0 0 0-1.384-.574c-.403.032-.739.27-1.01.497a7.189 7.189 0 0 0-.28.249c-.052-.431-.147-.815-.329-1.172a3.65 3.65 0 0 0-1.595-1.595c-.428-.218-.893-.31-1.434-.355-.526-.043-1.179-.043-1.995-.043H7.8Zm6.85 4.92v2.989l.029.034c.443.517.747.871.987 1.107.188.184.276.232.295.243a.35.35 0 0 0 .292-.104l.002-.005c.008-.02.043-.114.066-.376.028-.335.03-.803.03-1.483V8.863c0-.619-.002-1.039-.028-1.341-.022-.242-.055-.324-.061-.34l-.001-.002a.35.35 0 0 0-.28-.115h-.002c-.015.007-.097.042-.283.197-.233.195-.53.492-.968.929l-.078.079ZM4.933 4.906c.214-.109.49-.18.95-.217C6.35 4.65 6.949 4.65 7.8 4.65h1.4c.85 0 1.45 0 1.918.039.46.037.735.108.949.217a2.35 2.35 0 0 1 1.027 1.027c.109.214.18.49.217.95.039.467.04 1.066.04 1.917v2.4c0 .85-.001 1.45-.04 1.918-.037.46-.108.735-.217.949a2.35 2.35 0 0 1-1.027 1.027c-.214.109-.49.18-.95.217-.467.039-1.066.039-1.917.039H7.8c-.85 0-1.45 0-1.917-.039-.46-.037-.736-.108-.95-.217a2.35 2.35 0 0 1-1.027-1.027c-.109-.214-.18-.49-.217-.95-.038-.467-.039-1.066-.039-1.917V8.8c0-.85 0-1.45.039-1.917.037-.46.108-.736.217-.95a2.35 2.35 0 0 1 1.027-1.027Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgVideo
diff --git a/packages/icons/20/wallet.tsx b/packages/icons/20/wallet.tsx
new file mode 100644
index 00000000..88487bee
--- /dev/null
+++ b/packages/icons/20/wallet.tsx
@@ -0,0 +1,26 @@
+import { Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgWallet = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.976 3.35h2.048c.912 0 1.629 0 2.209.04.59.04 1.086.123 1.546.314a4.65 4.65 0 0 1 2.517 2.517c.19.46.274.955.314 1.546.04.58.04 1.297.04 2.209v.048c0 .912 0 1.629-.04 2.209-.04.59-.123 1.086-.314 1.546a4.65 4.65 0 0 1-2.516 2.517c-.46.19-.956.274-1.547.314-.58.04-1.297.04-2.209.04H8.976c-.912 0-1.629 0-2.209-.04-.59-.04-1.087-.123-1.546-.314a4.65 4.65 0 0 1-2.517-2.516c-.19-.46-.274-.956-.314-1.547-.04-.58-.04-1.297-.04-2.209v-.048c0-.912 0-1.629.04-2.209.04-.59.123-1.087.314-1.546A4.65 4.65 0 0 1 5.22 3.704c.46-.19.955-.274 1.546-.314.58-.04 1.297-.04 2.209-.04Zm-2.12 1.337c-.525.035-.863.104-1.138.218a3.35 3.35 0 0 0-1.813 1.813c-.114.275-.183.613-.218 1.138-.037.53-.037 1.203-.037 2.144 0 .94 0 1.614.037 2.144.035.525.104.863.218 1.138a3.35 3.35 0 0 0 1.813 1.813c.275.114.613.183 1.138.218.53.037 1.203.037 2.144.037h2c.94 0 1.614 0 2.144-.037.525-.035.863-.104 1.138-.218a3.35 3.35 0 0 0 1.862-1.945h-1.712c-.398 0-.692 0-.949-.05a2.65 2.65 0 0 1-2.082-2.083c-.051-.257-.051-.55-.051-.95v-.135c0-.398 0-.692.05-.949a2.65 2.65 0 0 1 2.083-2.082c.257-.051.55-.051.95-.051H16.143a3.35 3.35 0 0 0-1.862-1.945c-.275-.114-.613-.183-1.138-.218-.53-.037-1.203-.037-2.144-.037H9c-.94 0-1.614 0-2.144.037ZM16.35 10c0 .775 0 1.368-.02 1.85H14.5c-.496 0-.649-.003-.763-.026a1.35 1.35 0 0 1-1.061-1.06c-.023-.115-.026-.268-.026-.764s.003-.649.026-.763a1.35 1.35 0 0 1 1.06-1.061c.115-.023.268-.026.764-.026h1.83c.02.482.02 1.075.02 1.85ZM6 7.65h3v-1.3H6v1.3Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+export default SvgWallet
diff --git a/packages/icons/20/warning.tsx b/packages/icons/20/warning.tsx
new file mode 100644
index 00000000..8409bb71
--- /dev/null
+++ b/packages/icons/20/warning.tsx
@@ -0,0 +1,34 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgWarning = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M8.775 3.757c.452-.187.678-.28.912-.318a2 2 0 0 1 .626 0c.234.037.46.131.912.318l2.323.963c.452.187.678.28.87.42a2 2 0 0 1 .442.442c.14.192.233.418.42.87l.963 2.323c.187.452.28.678.318.912.032.207.032.419 0 .626-.037.234-.131.46-.318.912l-.963 2.323c-.187.452-.28.678-.42.87-.123.17-.272.319-.442.442-.192.14-.418.233-.87.42l-2.323.963c-.452.187-.678.28-.912.318a2.002 2.002 0 0 1-.626 0c-.234-.037-.46-.131-.912-.318l-2.323-.963c-.452-.187-.678-.28-.87-.42a2 2 0 0 1-.442-.442c-.14-.192-.233-.418-.42-.87l-.963-2.323c-.187-.452-.28-.678-.318-.912a2 2 0 0 1 0-.626c.037-.234.131-.46.318-.912l.963-2.323c.187-.452.28-.678.42-.87a2 2 0 0 1 .442-.442c.192-.14.418-.233.87-.42l2.323-.963ZM10 7v4"
+        stroke={color}
+        strokeWidth={1.3}
+      />
+      <Circle
+        cx={10}
+        cy={12.5}
+        r={0.5}
+        fill={color}
+        stroke={color}
+        strokeWidth={0.3}
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}
+export default SvgWarning
diff --git a/packages/icons/20/world.tsx b/packages/icons/20/world.tsx
new file mode 100644
index 00000000..8a58d2f9
--- /dev/null
+++ b/packages/icons/20/world.tsx
@@ -0,0 +1,26 @@
+import { Circle, Path, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgWorld = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={20}
+      height={20}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={10} cy={10} r={7} stroke={color} strokeWidth={1.3} />
+      <Path
+        d="m3 11 2.107-1.873A2.7 2.7 0 0 0 5 5M4.5 14c.667-.5 2.2-1.4 3-1 1 .5 1.5 1 1.5 1.5S7.5 16 6.5 16M12.5 3.5C11 4.333 8.2 5.6 9 6c1 .5 3.5.5 3.5 1.5s-2 .5-3 1c-.633.316-2 1-.5 1.5s2 1 2 2c0 .286.106.707.25 1.147.258.783 1.082.728 1.287-.07.25-.978.62-2.015 1.463-2.577 1.664-1.11-.5-3 2-4"
+        stroke="#000"
+        strokeWidth={1.3}
+      />
+    </Svg>
+  )
+}
+export default SvgWorld
diff --git a/packages/icons/package.json b/packages/icons/package.json
index ff22cfbd..0fa7e84a 100644
--- a/packages/icons/package.json
+++ b/packages/icons/package.json
@@ -6,23 +6,46 @@
   "private": true,
   "files": [
     "types",
-    "dist"
+    "dist",
+    "src"
   ],
+  "#browser": {
+    "react-native-svg": "@tamagui/react-native-svg"
+  },
+  "#exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.umd.js"
+    },
+    "./src/12/*.svg": "./src/12/*.svg",
+    "./src/16/*.svg": "./src/16/*.svg",
+    "./src/20/*.svg": "./src/20/*.svg",
+    "./src/reactions/*.svg": "./src/reactions/*.svg"
+  },
   "scripts": {
     "dev": "vite build --watch --mode development",
+    "generate": "svgr src && yarn fix",
     "build": "vite build",
-    "postbuild": "yarn typegen",
+    "#postbuild": "yarn typegen",
     "#test": "vitest",
     "typecheck": "tsc",
     "typegen": "tsc --noEmit false --emitDeclarationOnly || true",
-    "lint": "eslint src",
-    "format": "prettier --write src",
-    "clean": "rm -rf dist node_modules .turbo"
+    "lint": "eslint '{12,16,20,reactions}/**/*.{ts,tsx}'",
+    "lint:fix": "eslint '{12,16,20,reactions}/**/*.{ts,tsx}' --fix",
+    "format": "prettier --write '{12,16,20,reactions}/**/*.{ts,tsx}'",
+    "fix": "yarn lint:fix && yarn format",
+    "clean": "rimraf dist node_modules .turbo"
   },
   "peerDependencies": {
-    "react": "^16.x || ^17.x || ^18.x"
+    "react": "^16.x || ^17.x || ^18.x",
+    "react-dom": "*",
+    "react-native-svg": ">=12"
   },
   "devDependencies": {
+    "@svgr/cli": "^6.5.1",
+    "@svgr/core": "^6.5.1",
     "vite": "^4.0.4"
   }
 }
diff --git a/packages/icons/reactions/angry.tsx b/packages/icons/reactions/angry.tsx
new file mode 100644
index 00000000..83063588
--- /dev/null
+++ b/packages/icons/reactions/angry.tsx
@@ -0,0 +1,65 @@
+import {
+  Circle,
+  Defs,
+  LinearGradient,
+  Path,
+  RadialGradient,
+  Stop,
+  Svg,
+} from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgAngry = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={8} cy={8} r={8} fill="url(#angry_svg__a)" />
+      <Circle cx={8} cy={8} r={8} fill="url(#angry_svg__b)" />
+      <Path
+        d="M3.672 5.598a.438.438 0 0 0-.344.804l1.056.453c.14.06.192.233.151.381a1.001 1.001 0 0 0 1.887.65c.03-.07.11-.11.181-.08l.225.096a.438.438 0 0 0 .344-.804l-3.5-1.5ZM12.33 5.598a.438.438 0 0 1 .345.804l-1.056.453c-.141.06-.192.233-.152.381a1.002 1.002 0 0 1-.965 1.264 1 1 0 0 1-.922-.613c-.03-.071-.11-.111-.18-.081l-.225.096a.437.437 0 0 1-.345-.804l3.5-1.5Z"
+        fill="#424242"
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8 10.938a2.56 2.56 0 0 0-2.136 1.145.438.438 0 0 1-.728-.484A3.435 3.435 0 0 1 8 10.062c1.196 0 2.25.612 2.864 1.537a.437.437 0 1 1-.728.484A2.56 2.56 0 0 0 8 10.937Z"
+        fill="#772622"
+      />
+      <Defs>
+        <RadialGradient
+          id="angry_svg__b"
+          cx={0}
+          cy={0}
+          r={1}
+          gradientUnits="userSpaceOnUse"
+          gradientTransform="rotate(124.563 4.521 4.45) scale(13.6611 17.7349)"
+        >
+          <Stop stopColor="#FFD764" stopOpacity={0.2} />
+          <Stop offset={1} stopColor="#FFB746" stopOpacity={0.1} />
+        </RadialGradient>
+        <LinearGradient
+          id="angry_svg__a"
+          x1={8}
+          y1={0}
+          x2={8}
+          y2={16}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop offset={0.11} stopColor="#EA6433" />
+          <Stop offset={0.547} stopColor="#F2B660" />
+          <Stop offset={1} stopColor="#FFBA49" />
+        </LinearGradient>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgAngry
diff --git a/packages/icons/reactions/index.ts b/packages/icons/reactions/index.ts
new file mode 100644
index 00000000..d3b9e11c
--- /dev/null
+++ b/packages/icons/reactions/index.ts
@@ -0,0 +1,6 @@
+export { default as Angry } from './angry'
+export { default as Laugh } from './laugh'
+export { default as Love } from './love'
+export { default as Sad } from './sad'
+export { default as ThumbsDown } from './thumbs-down'
+export { default as ThumbsUp } from './thumbs-up'
diff --git a/packages/icons/reactions/laugh.tsx b/packages/icons/reactions/laugh.tsx
new file mode 100644
index 00000000..ab53ad2d
--- /dev/null
+++ b/packages/icons/reactions/laugh.tsx
@@ -0,0 +1,53 @@
+import { Circle, Defs, Path, RadialGradient, Stop, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgLaugh = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={8} cy={8} r={8} fill="#FFD764" />
+      <Circle cx={8} cy={8} r={8} fill="url(#laugh_svg__a)" />
+      <Path
+        d="M12.5 9.75c0 2.21-2.5 3.75-4.5 3.75s-4.5-1.54-4.5-3.75c0-1 2.25-1.5 4.5-1.5s4.5.5 4.5 1.5Z"
+        fill="#772622"
+      />
+      <Path
+        d="M10.68 9.375C10.238 9.226 9.345 9 8 9s-2.239.226-2.68.375c-.18.06-.25.263-.166.434a.345.345 0 0 0 .309.191h5.074c.13 0 .25-.074.308-.191.086-.17.015-.374-.166-.434Z"
+        fill="#fff"
+      />
+      <Path
+        d="M9.472 11.886a.298.298 0 0 1-.022.535A3.403 3.403 0 0 1 8 12.75a3.403 3.403 0 0 1-1.45-.329.298.298 0 0 1-.022-.535A2.986 2.986 0 0 1 8 11.5c.535 0 1.037.14 1.472.386Z"
+        fill="#E45852"
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.101 4.657a.438.438 0 0 1 .617-.056l1.5 1.25a.438.438 0 0 1-.28.774c-.694 0-1.704.225-2.268.577a.438.438 0 0 1-.464-.742c.385-.24.89-.423 1.4-.543.103-.024.136-.156.055-.224l-.504-.42a.438.438 0 0 1-.056-.616ZM11.899 4.657a.437.437 0 0 0-.617-.056l-1.5 1.25a.438.438 0 0 0 .28.774c.694 0 1.705.225 2.269.577a.438.438 0 0 0 .463-.742c-.385-.24-.89-.423-1.4-.543-.103-.024-.136-.156-.055-.224l.503-.42a.438.438 0 0 0 .056-.616Z"
+        fill="#424242"
+      />
+      <Defs>
+        <RadialGradient
+          id="laugh_svg__a"
+          cx={0}
+          cy={0}
+          r={1}
+          gradientUnits="userSpaceOnUse"
+          gradientTransform="rotate(124.563 4.521 4.45) scale(13.6611 17.7349)"
+        >
+          <Stop stopColor="#FFD764" />
+          <Stop offset={1} stopColor="#FFB746" />
+        </RadialGradient>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgLaugh
diff --git a/packages/icons/reactions/love.tsx b/packages/icons/reactions/love.tsx
new file mode 100644
index 00000000..a026006c
--- /dev/null
+++ b/packages/icons/reactions/love.tsx
@@ -0,0 +1,41 @@
+import { Defs, Path, RadialGradient, Stop, Svg } from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgLove = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M.5 5.5C.5 10 5.79 15 8 15s7.5-5 7.5-9.5c0-2.21-1.5-4-3.5-4-1.758 0-3.25.791-3.787 2.5-.107.25-.16.25-.213.25-.053 0-.106 0-.213-.25C7.251 2.291 5.757 1.5 4 1.5 2 1.5.5 3.29.5 5.5Z"
+        fill="#E45852"
+      />
+      <Path
+        d="M.5 5.5C.5 10 5.79 15 8 15s7.5-5 7.5-9.5c0-2.21-1.5-4-3.5-4-1.758 0-3.25.791-3.787 2.5-.107.25-.16.25-.213.25-.053 0-.106 0-.213-.25C7.251 2.291 5.757 1.5 4 1.5 2 1.5.5 3.29.5 5.5Z"
+        fill="url(#love_svg__a)"
+      />
+      <Defs>
+        <RadialGradient
+          id="love_svg__a"
+          cx={0}
+          cy={0}
+          r={1}
+          gradientUnits="userSpaceOnUse"
+          gradientTransform="rotate(93.897 1.536 6.375) scale(10.3452 9.89501)"
+        >
+          <Stop stopColor="#F05D56" />
+          <Stop offset={1} stopColor="#D15954" />
+        </RadialGradient>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgLove
diff --git a/packages/icons/reactions/sad.tsx b/packages/icons/reactions/sad.tsx
new file mode 100644
index 00000000..6365a503
--- /dev/null
+++ b/packages/icons/reactions/sad.tsx
@@ -0,0 +1,106 @@
+import {
+  Circle,
+  Defs,
+  LinearGradient,
+  Path,
+  RadialGradient,
+  Stop,
+  Svg,
+} from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgSad = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Circle cx={8} cy={8} r={8} fill="#FFD764" />
+      <Circle cx={8} cy={8} r={8} fill="url(#sad_svg__a)" />
+      <Path
+        d="M5.39 11.253a1.5 1.5 0 1 1-2.954-.521c.125-.709.885-1.76 1.595-2.1a.504.504 0 0 1 .579.102c.55.562.905 1.81.78 2.519Z"
+        fill="url(#sad_svg__b)"
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8 10.938c-.632 0-1.058.205-1.554.453a.437.437 0 1 1-.392-.782l.003-.002c.503-.251 1.09-.544 1.943-.544s1.431.288 1.932.539l.014.007a.437.437 0 1 1-.392.782c-.496-.248-.915-.454-1.554-.454Z"
+        fill="#772622"
+      />
+      <Path
+        d="M13.041 11.847a1.125 1.125 0 1 1-2.215.39c-.09-.507.148-1.382.53-1.828a.448.448 0 0 1 .563-.099c.51.288 1.033 1.03 1.122 1.537Z"
+        fill="url(#sad_svg__c)"
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4 5.563c.242 0 .438.195.438.437 0 .276.09.471.215.597.126.126.321.215.597.215.276 0 .471-.09.597-.215.126-.126.215-.321.215-.597a.438.438 0 0 1 .875 0c0 .474-.16.904-.471 1.216-.312.311-.742.471-1.216.471s-.904-.16-1.216-.471c-.311-.312-.471-.742-.471-1.216 0-.242.195-.438.437-.438Z"
+        fill="#424242"
+      />
+      <Path
+        d="M12.194 8.231a.75.75 0 0 1-1.477.26c-.054-.307.072-.816.286-1.13a.378.378 0 0 1 .536-.094c.309.221.601.657.655.964Z"
+        fill="url(#sad_svg__d)"
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.5 5.563c.242 0 .438.195.438.437 0 .276.09.471.215.597.126.126.321.215.597.215.276 0 .471-.09.597-.215.126-.126.216-.321.216-.597a.438.438 0 0 1 .874 0c0 .474-.16.904-.471 1.216-.312.311-.742.471-1.216.471s-.904-.16-1.216-.471c-.311-.312-.472-.742-.472-1.216 0-.242.196-.438.438-.438Z"
+        fill="#424242"
+      />
+      <Defs>
+        <LinearGradient
+          id="sad_svg__b"
+          x1={4.347}
+          y1={8.53}
+          x2={3.653}
+          y2={12.47}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#6BC2FF" />
+          <Stop offset={1} stopColor="#2196E8" />
+        </LinearGradient>
+        <LinearGradient
+          id="sad_svg__c"
+          x1={11.608}
+          y1={10.195}
+          x2={12.129}
+          y2={13.15}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#6BC2FF" />
+          <Stop offset={1} stopColor="#2196E8" />
+        </LinearGradient>
+        <LinearGradient
+          id="sad_svg__d"
+          x1={11.239}
+          y1={7.13}
+          x2={11.586}
+          y2={9.1}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#6BC2FF" />
+          <Stop offset={1} stopColor="#2196E8" />
+        </LinearGradient>
+        <RadialGradient
+          id="sad_svg__a"
+          cx={0}
+          cy={0}
+          r={1}
+          gradientUnits="userSpaceOnUse"
+          gradientTransform="rotate(124.563 4.521 4.45) scale(13.6611 17.7349)"
+        >
+          <Stop stopColor="#FFD764" />
+          <Stop offset={1} stopColor="#FFB746" />
+        </RadialGradient>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgSad
diff --git a/packages/icons/reactions/thumbs-down.tsx b/packages/icons/reactions/thumbs-down.tsx
new file mode 100644
index 00000000..f2782f58
--- /dev/null
+++ b/packages/icons/reactions/thumbs-down.tsx
@@ -0,0 +1,63 @@
+import {
+  Defs,
+  LinearGradient,
+  Path,
+  RadialGradient,
+  Stop,
+  Svg,
+} from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgThumbsDown = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M4.5 14.097c0 1.25 1.284 1.75 2.25 1.75S8 15.063 8 14.097c0-.583-.25-1-.25-1.695 0-1.555 1.083-2.305 1.75-2.805 1-.75 3-.75 3-2.75 0-2.75-2.75-5.5-6-5.5a6 6 0 0 0-6 6c0 2.899 1.868 4.397 4.475 2.915.142-.08.325-.015.347.146.088.655-.193 1.331-.491 1.994-.331.695-.331 1.195-.331 1.695Z"
+        fill="#FFD764"
+      />
+      <Path
+        d="M4.5 14.097c0 1.25 1.284 1.75 2.25 1.75S8 15.063 8 14.097c0-.583-.25-1-.25-1.695 0-1.555 1.083-2.305 1.75-2.805 1-.75 3-.75 3-2.75 0-2.75-2.75-5.5-6-5.5a6 6 0 0 0-6 6c0 2.899 1.868 4.397 4.475 2.915.142-.08.325-.015.347.146.088.655-.193 1.331-.491 1.994-.331.695-.331 1.195-.331 1.695Z"
+        fill="url(#thumbs-down_svg__a)"
+      />
+      <Path
+        d="M10.626.63c.054-.426.455-.724.866-.602 3.807 1.128 5.72 5.29 3.676 8.759a.477.477 0 0 1-.545.21l-.846-.242c-.292-.084-.44-.408-.373-.704.478-2.11-1.077-5.074-2.598-6.029-.188-.118-.313-.328-.285-.549l.105-.843Z"
+        fill="url(#thumbs-down_svg__b)"
+      />
+      <Defs>
+        <RadialGradient
+          id="thumbs-down_svg__a"
+          cx={0}
+          cy={0}
+          r={1}
+          gradientUnits="userSpaceOnUse"
+          gradientTransform="matrix(4 -7.5 8.72458 4.65311 5.5 9.75)"
+        >
+          <Stop stopColor="#FFD764" />
+          <Stop offset={1} stopColor="#FFB746" />
+        </RadialGradient>
+        <LinearGradient
+          id="thumbs-down_svg__b"
+          x1={13.258}
+          y1={9.016}
+          x2={13.258}
+          y2={0}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#2196E8" />
+          <Stop offset={1} stopColor="#6BC2FF" />
+        </LinearGradient>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgThumbsDown
diff --git a/packages/icons/reactions/thumbs-up.tsx b/packages/icons/reactions/thumbs-up.tsx
new file mode 100644
index 00000000..7cd04513
--- /dev/null
+++ b/packages/icons/reactions/thumbs-up.tsx
@@ -0,0 +1,63 @@
+import {
+  Defs,
+  LinearGradient,
+  Path,
+  RadialGradient,
+  Stop,
+  Svg,
+} from 'react-native-svg'
+import { useCurrentColor } from 'tamagui'
+
+import type { SvgProps } from 'react-native-svg'
+
+const SvgThumbsUp = (props: SvgProps) => {
+  const { color: colorToken = 'currentColor', ...rest } = props
+  const color = useCurrentColor(colorToken)
+  return (
+    <Svg
+      width={16}
+      height={16}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M5.874 15.217c-.053.426-.455.724-.866.602-3.807-1.128-5.72-5.29-3.676-8.76a.477.477 0 0 1 .545-.209l.846.242c.292.083.44.407.374.703-.479 2.111 1.076 5.075 2.597 6.03.188.118.313.327.285.548l-.105.844Z"
+        fill="url(#thumbs-up_svg__a)"
+      />
+      <Path
+        d="M12 1.75c0-1-.75-1.75-2-1.75-1 0-1.5.784-1.5 1.75 0 .582.25 1 .25 1.695C8.75 5 8 5.75 7 6.25S4 6.75 4 9c0 2.75 2.75 5.5 6 5.5s6-2.5 6-6c0-2.793-1.734-4.286-4.192-3.066-.292.144-.657.012-.661-.313-.007-.54.173-1.08.353-1.621.25-.75.5-1.25.5-1.75Z"
+        fill="#FFD764"
+      />
+      <Path
+        d="M12 1.75c0-1-.75-1.75-2-1.75-1 0-1.5.784-1.5 1.75 0 .582.25 1 .25 1.695C8.75 5 8 5.75 7 6.25S4 6.75 4 9c0 2.75 2.75 5.5 6 5.5s6-2.5 6-6c0-2.793-1.734-4.286-4.192-3.066-.292.144-.657.012-.661-.313-.007-.54.173-1.08.353-1.621.25-.75.5-1.25.5-1.75Z"
+        fill="url(#thumbs-up_svg__b)"
+      />
+      <Defs>
+        <RadialGradient
+          id="thumbs-up_svg__b"
+          cx={0}
+          cy={0}
+          r={1}
+          gradientUnits="userSpaceOnUse"
+          gradientTransform="matrix(-4.25003 7.49998 -8.72456 -4.94396 11 6)"
+        >
+          <Stop stopColor="#FFD764" />
+          <Stop offset={1} stopColor="#FFB746" />
+        </RadialGradient>
+        <LinearGradient
+          id="thumbs-up_svg__a"
+          x1={3.242}
+          y1={6.831}
+          x2={3.242}
+          y2={15.847}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#6BC2FF" />
+          <Stop offset={1} stopColor="#2196E8" />
+        </LinearGradient>
+      </Defs>
+    </Svg>
+  )
+}
+export default SvgThumbsUp
diff --git a/packages/icons/src/12/add-reaction.svg b/packages/icons/src/12/add-reaction.svg
new file mode 100644
index 00000000..5f20c7d1
--- /dev/null
+++ b/packages/icons/src/12/add-reaction.svg
@@ -0,0 +1,29 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_971_102)">
+    <path
+      d="M7.2941 1.17037C6.28498 0.899978 5.21651 0.952469 4.23875 1.32047C3.26099 1.68847 2.42307 2.3535 1.84265 3.22215C1.26224 4.0908 0.968495 5.11944 1.00268 6.1636C1.03686 7.20775 1.39725 8.21498 2.03323 9.04381C2.66922 9.87264 3.54884 10.4814 4.54858 10.7847C5.54831 11.088 6.61792 11.0705 7.6072 10.7347C8.59647 10.3988 9.45571 9.76158 10.0642 8.91239C10.6728 8.06319 11 7.04472 11 6"
+      stroke="#09101C"
+      stroke-width="1.1"
+    />
+    <path
+      d="M4.06812 7C4.18207 7.42527 4.43316 7.80105 4.78244 8.06907C5.13173 8.33709 5.5597 8.48236 5.99997 8.48236C6.44024 8.48236 6.8682 8.33709 7.21749 8.06907C7.56678 7.80105 7.81787 7.42527 7.93182 7"
+      stroke="#09101C"
+      stroke-width="1.1"
+    />
+    <circle cx="4.75" cy="4.75" r="0.75" fill="#09101C" />
+    <circle cx="7.25" cy="4.75" r="0.75" fill="#09101C" />
+    <path d="M8 2.5H12" stroke="#09101C" stroke-width="1.1" />
+    <path d="M10 0.5V4.5" stroke="#09101C" stroke-width="1.1" />
+  </g>
+  <defs>
+    <clipPath id="clip0_971_102">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/add.svg b/packages/icons/src/12/add.svg
new file mode 100644
index 00000000..f69c7e10
--- /dev/null
+++ b/packages/icons/src/12/add.svg
@@ -0,0 +1,14 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M5.45 6.55V10H6.55V6.55H10V5.45H6.55V2H5.45V5.45H2V6.55H5.45Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/12/alert.svg b/packages/icons/src/12/alert.svg
new file mode 100644
index 00000000..317f7f88
--- /dev/null
+++ b/packages/icons/src/12/alert.svg
@@ -0,0 +1,11 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="6" cy="6" r="4.45" stroke="#09101C" stroke-width="1.1" />
+  <path d="M6 6.5L6 3.5" stroke="#09101C" stroke-width="1.1" />
+  <path d="M6 8.5L6 7.5" stroke="#09101C" stroke-width="1.1" />
+</svg>
diff --git a/packages/icons/src/12/arrow-down.svg b/packages/icons/src/12/arrow-down.svg
new file mode 100644
index 00000000..f1e263d7
--- /dev/null
+++ b/packages/icons/src/12/arrow-down.svg
@@ -0,0 +1,14 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M6.54999 8.67218L6.54999 2H5.44999L5.44999 8.67218L2.8889 6.11109L2.11108 6.88891L5.61108 10.3889L5.99999 10.7778L6.3889 10.3889L9.8889 6.88891L9.11108 6.11109L6.54999 8.67218Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/12/arrow-right.svg b/packages/icons/src/12/arrow-right.svg
new file mode 100644
index 00000000..674ae1db
--- /dev/null
+++ b/packages/icons/src/12/arrow-right.svg
@@ -0,0 +1,14 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.3889 6.38891L10.7778 6L10.3889 5.61109L6.88891 2.11109L6.11109 2.88891L8.67218 5.45H2V6.55H8.67218L6.11109 9.11109L6.88891 9.88891L10.3889 6.38891Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/12/arrow-up.svg b/packages/icons/src/12/arrow-up.svg
new file mode 100644
index 00000000..63546f98
--- /dev/null
+++ b/packages/icons/src/12/arrow-up.svg
@@ -0,0 +1,14 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M5.61108 1.61109L5.99999 1.22218L6.3889 1.61109L9.8889 5.11109L9.11108 5.88891L6.54999 3.32782L6.54999 10H5.44999L5.44999 3.32782L2.8889 5.88891L2.11108 5.11109L5.61108 1.61109Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/12/block.svg b/packages/icons/src/12/block.svg
new file mode 100644
index 00000000..ba594153
--- /dev/null
+++ b/packages/icons/src/12/block.svg
@@ -0,0 +1,21 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_2265_853)">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M2.05007 6C2.05007 3.81848 3.81855 2.05 6.00007 2.05C6.89247 2.05 7.71575 2.34594 8.37712 2.84502L2.84509 8.37705C2.34601 7.71568 2.05007 6.8924 2.05007 6ZM3.6229 9.15489C4.28429 9.65403 5.10762 9.95 6.00007 9.95C8.1816 9.95 9.95007 8.18153 9.95007 6C9.95007 5.10755 9.6541 4.28422 9.15496 3.62282L3.6229 9.15489ZM6.00007 0.950001C3.21104 0.950001 0.950073 3.21096 0.950073 6C0.950073 8.78904 3.21104 11.05 6.00007 11.05C8.78911 11.05 11.0501 8.78904 11.0501 6C11.0501 3.21096 8.78911 0.950001 6.00007 0.950001Z"
+      fill="#E65F5C"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_2265_853">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/camera.svg b/packages/icons/src/12/camera.svg
new file mode 100644
index 00000000..307b17ae
--- /dev/null
+++ b/packages/icons/src/12/camera.svg
@@ -0,0 +1,21 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_409_48)">
+    <path
+      d="M1 4.19959C1 3.26093 1.76093 2.5 2.69959 2.5H2.91147C3.42538 2.5 3.89518 2.20965 4.125 1.75V1.75C4.35482 1.29035 4.82462 1 5.33853 1H6H6.66147C7.17538 1 7.64518 1.29035 7.875 1.75V1.75C8.10482 2.20965 8.57462 2.5 9.08853 2.5H9.30041C10.2391 2.5 11 3.26093 11 4.19959V6.75C11 7.91353 11 8.4953 10.8408 8.96432C10.541 9.84749 9.84749 10.541 8.96432 10.8408C8.4953 11 7.91353 11 6.75 11H5.25C4.08647 11 3.5047 11 3.03568 10.8408C2.15251 10.541 1.45901 9.84749 1.15921 8.96432C1 8.4953 1 7.91353 1 6.75V4.19959Z"
+      stroke="#09101C"
+      stroke-width="1.1"
+    />
+    <circle cx="6" cy="6.5" r="2" stroke="#09101C" stroke-width="1.1" />
+  </g>
+  <defs>
+    <clipPath id="clip0_409_48">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/cards.svg b/packages/icons/src/12/cards.svg
new file mode 100644
index 00000000..43c3500f
--- /dev/null
+++ b/packages/icons/src/12/cards.svg
@@ -0,0 +1,25 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_637_26)">
+    <path
+      d="M1 4.2C1 3.07989 1 2.51984 1.21799 2.09202C1.40973 1.71569 1.71569 1.40973 2.09202 1.21799C2.51984 1 3.07989 1 4.2 1H7.8C8.92011 1 9.48016 1 9.90798 1.21799C10.2843 1.40973 10.5903 1.71569 10.782 2.09202C11 2.51984 11 3.07989 11 4.2V7.8C11 8.92011 11 9.48016 10.782 9.90798C10.5903 10.2843 10.2843 10.5903 9.90798 10.782C9.48016 11 8.92011 11 7.8 11H4.2C3.07989 11 2.51984 11 2.09202 10.782C1.71569 10.5903 1.40973 10.2843 1.21799 9.90798C1 9.48016 1 8.92011 1 7.8V4.2Z"
+      stroke="#09101C"
+      stroke-width="1.1"
+    />
+    <path
+      d="M1 7.2C1 6.0799 1 5.51984 1.21799 5.09202C1.40973 4.71569 1.71569 4.40973 2.09202 4.21799C2.51984 4 3.07989 4 4.2 4H7.8C8.92011 4 9.48016 4 9.90798 4.21799C10.2843 4.40973 10.5903 4.71569 10.782 5.09202C11 5.51984 11 6.07989 11 7.2V7.8C11 8.9201 11 9.48016 10.782 9.90798C10.5903 10.2843 10.2843 10.5903 9.90798 10.782C9.48016 11 8.92011 11 7.8 11H4.2C3.07989 11 2.51984 11 2.09202 10.782C1.71569 10.5903 1.40973 10.2843 1.21799 9.90798C1 9.48016 1 8.9201 1 7.8V7.2Z"
+      stroke="#09101C"
+      stroke-width="1.1"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_637_26">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/check-large.svg b/packages/icons/src/12/check-large.svg
new file mode 100644
index 00000000..7a0c2e4d
--- /dev/null
+++ b/packages/icons/src/12/check-large.svg
@@ -0,0 +1,9 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M1.5 6L4.5 9L10.5 2" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/12/check.svg b/packages/icons/src/12/check.svg
new file mode 100644
index 00000000..dcba8bc1
--- /dev/null
+++ b/packages/icons/src/12/check.svg
@@ -0,0 +1,10 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="6" cy="6" r="4.45" stroke="#09101C" stroke-width="1.1" />
+  <path d="M4 6.3L5.33333 7.5L8 4.5" stroke="#09101C" stroke-width="1.1" />
+</svg>
diff --git a/packages/icons/src/12/chevron-bottom.svg b/packages/icons/src/12/chevron-bottom.svg
new file mode 100644
index 00000000..d5f2ac78
--- /dev/null
+++ b/packages/icons/src/12/chevron-bottom.svg
@@ -0,0 +1,9 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M3 4.5L6 7.5L9 4.5" stroke="#09101C" stroke-width="1.1" />
+</svg>
diff --git a/packages/icons/src/12/chevron-left.svg b/packages/icons/src/12/chevron-left.svg
new file mode 100644
index 00000000..2f709d90
--- /dev/null
+++ b/packages/icons/src/12/chevron-left.svg
@@ -0,0 +1,9 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M7.5 3L4.5 6L7.5 9" stroke="#09101C" stroke-width="1.1" />
+</svg>
diff --git a/packages/icons/src/12/chevron-right.svg b/packages/icons/src/12/chevron-right.svg
new file mode 100644
index 00000000..1992d9a9
--- /dev/null
+++ b/packages/icons/src/12/chevron-right.svg
@@ -0,0 +1,9 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M4.5 9L7.5 6L4.5 3" stroke="#09101C" stroke-width="1.1" />
+</svg>
diff --git a/packages/icons/src/12/chevron-top.svg b/packages/icons/src/12/chevron-top.svg
new file mode 100644
index 00000000..7a8b1e68
--- /dev/null
+++ b/packages/icons/src/12/chevron-top.svg
@@ -0,0 +1,9 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M9 7.5L6 4.5L3 7.5" stroke="#09101C" stroke-width="1.1" />
+</svg>
diff --git a/packages/icons/src/12/close.svg b/packages/icons/src/12/close.svg
new file mode 100644
index 00000000..2c06b48d
--- /dev/null
+++ b/packages/icons/src/12/close.svg
@@ -0,0 +1,10 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M2.5 9.5L6 6L2.5 2.5" stroke="#09101C" stroke-width="1.1" />
+  <path d="M9.5 9.5L6 6L9.5 2.5" stroke="#09101C" stroke-width="1.1" />
+</svg>
diff --git a/packages/icons/src/12/color.svg b/packages/icons/src/12/color.svg
new file mode 100644
index 00000000..fc9527c2
--- /dev/null
+++ b/packages/icons/src/12/color.svg
@@ -0,0 +1,15 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M9 6.4C9 8.9 7.21154 10 6 10C4.78846 10 3 9 3 6.5C3 4 6 2 6 2C6 2 9 3.9 9 6.4Z"
+    stroke="#09101C"
+    stroke-width="1.1"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/12/communities.svg b/packages/icons/src/12/communities.svg
new file mode 100644
index 00000000..431dbb7d
--- /dev/null
+++ b/packages/icons/src/12/communities.svg
@@ -0,0 +1,21 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_659_35)">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M1.54995 10.0909C1.54995 5.3739 5.37385 1.55 10.0909 1.55C10.2892 1.55 10.45 1.71077 10.45 1.90909V3.70171C10.4289 3.70058 10.4077 3.7 10.3863 3.7C6.69354 3.7 3.69995 6.69359 3.69995 10.3864C3.69995 10.4077 3.70053 10.4289 3.70166 10.45H1.90904C1.71072 10.45 1.54995 10.2892 1.54995 10.0909ZM4.86359 10.45H6.24995H6.87495C7.26386 10.45 7.33638 10.444 7.38058 10.4306C7.5244 10.387 7.63695 10.2744 7.68057 10.1306C7.69398 10.0864 7.69995 10.0139 7.69995 9.625L7.69989 9.55965C7.6995 9.27703 7.69915 9.02273 7.76669 8.80006C7.91697 8.30468 8.30463 7.91702 8.80001 7.76674C9.02268 7.6992 9.27699 7.69955 9.5596 7.69994L9.62495 7.7C10.0139 7.7 10.0864 7.69403 10.1306 7.68062C10.2744 7.637 10.3869 7.52445 10.4306 7.38063C10.444 7.33643 10.45 7.26391 10.45 6.875V6.25V4.86364C10.45 4.82849 10.4215 4.8 10.3863 4.8C7.30105 4.8 4.79995 7.3011 4.79995 10.3864C4.79995 10.4215 4.82844 10.45 4.86359 10.45ZM11.55 6.25V6.875L11.55 6.94035C11.5504 7.22297 11.5508 7.47727 11.4832 7.69994C11.3329 8.19532 10.9453 8.58299 10.4499 8.73326C10.2272 8.8008 9.97292 8.80045 9.6903 8.80006L9.62495 8.8C9.23605 8.8 9.16352 8.80597 9.11932 8.81938C8.9755 8.863 8.86296 8.97555 8.81933 9.11937C8.80592 9.16357 8.79995 9.2361 8.79995 9.625L8.80001 9.69035C8.8004 9.97297 8.80075 10.2273 8.73321 10.4499C8.58294 10.9453 8.19527 11.333 7.69989 11.4833C7.47723 11.5508 7.22292 11.5505 6.9403 11.5501L6.87495 11.55H6.24995H4.86359H1.90904C1.10321 11.55 0.449951 10.8967 0.449951 10.0909C0.449951 4.76638 4.76633 0.450001 10.0909 0.450001C10.8967 0.450001 11.55 1.10326 11.55 1.90909V4.86364V6.25Z"
+      fill="#09101C"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_659_35">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/contact.svg b/packages/icons/src/12/contact.svg
new file mode 100644
index 00000000..26bbb834
--- /dev/null
+++ b/packages/icons/src/12/contact.svg
@@ -0,0 +1,16 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="6" cy="6" r="5" fill="#4360DF" />
+  <path
+    d="M9 9.5V9.5C8.37526 8.56288 7.3235 8 6.19722 8H5.80278C4.6765 8 3.62474 8.56288 3 9.5V9.5"
+    stroke="white"
+    stroke-linejoin="round"
+  />
+  <circle cx="6" cy="6" r="4.25" stroke="#4360DF" stroke-width="1.5" />
+  <circle cx="6" cy="4.5" r="1.5" stroke="white" stroke-linejoin="round" />
+</svg>
diff --git a/packages/icons/src/12/copy.svg b/packages/icons/src/12/copy.svg
new file mode 100644
index 00000000..5097d786
--- /dev/null
+++ b/packages/icons/src/12/copy.svg
@@ -0,0 +1,26 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_539_26)">
+    <path
+      d="M8 3V3C8 1.89543 7.10457 1 6 1H4.2C3.07989 1 2.51984 1 2.09202 1.21799C1.71569 1.40973 1.40973 1.71569 1.21799 2.09202C1 2.51984 1 3.0799 1 4.2V6C1 7.10457 1.89543 8 3 8V8"
+      stroke="#1B273D"
+      stroke-opacity="0.3"
+      stroke-width="1.1"
+    />
+    <path
+      d="M4 7.2C4 6.0799 4 5.51984 4.21799 5.09202C4.40973 4.71569 4.71569 4.40973 5.09202 4.21799C5.51984 4 6.07989 4 7.2 4H7.8C8.9201 4 9.48016 4 9.90798 4.21799C10.2843 4.40973 10.5903 4.71569 10.782 5.09202C11 5.51984 11 6.07989 11 7.2V7.8C11 8.9201 11 9.48016 10.782 9.90798C10.5903 10.2843 10.2843 10.5903 9.90798 10.782C9.48016 11 8.92011 11 7.8 11H7.2C6.0799 11 5.51984 11 5.09202 10.782C4.71569 10.5903 4.40973 10.2843 4.21799 9.90798C4 9.48016 4 8.9201 4 7.8V7.2Z"
+      stroke="#09101C"
+      stroke-width="1.1"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_539_26">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/delivered.svg b/packages/icons/src/12/delivered.svg
new file mode 100644
index 00000000..e8903af6
--- /dev/null
+++ b/packages/icons/src/12/delivered.svg
@@ -0,0 +1,14 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M5.65295 7.14511L8.5031 3.6616L7.49695 2.83839L3.45177 7.78251L1.45964 5.79038L0.540405 6.70962L3.04041 9.20962L3.54828 9.71749L4.0031 9.1616L4.82929 8.15181L6.072 9.23917L6.57764 9.68161L7.0031 9.1616L11.5031 3.6616L10.497 2.83839L6.42241 7.81839L5.65295 7.14511Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/12/dropdown.svg b/packages/icons/src/12/dropdown.svg
new file mode 100644
index 00000000..25d843fc
--- /dev/null
+++ b/packages/icons/src/12/dropdown.svg
@@ -0,0 +1,17 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_101_109)">
+    <circle cx="6" cy="6" r="6" fill="#E7EAEE" />
+    <path d="M3 4.75L6 7.75L9 4.75" stroke="#09101C" stroke-width="1.1" />
+  </g>
+  <defs>
+    <clipPath id="clip0_101_109">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/edit.svg b/packages/icons/src/12/edit.svg
new file mode 100644
index 00000000..90aafc94
--- /dev/null
+++ b/packages/icons/src/12/edit.svg
@@ -0,0 +1,20 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M5.93967 3.18165C6.33569 2.78563 6.5337 2.58762 6.76203 2.51343C6.96287 2.44818 7.17922 2.44818 7.38006 2.51343C7.60839 2.58762 7.8064 2.78563 8.20242 3.18165L8.7681 3.74733C9.16412 4.14335 9.36213 4.34136 9.43631 4.56969C9.50157 4.77053 9.50157 4.98688 9.43631 5.18772C9.36213 5.41605 9.16412 5.61406 8.7681 6.01008L5.91775 8.86042C5.71807 9.06011 5.61822 9.15995 5.50065 9.22674C5.39648 9.28591 5.28254 9.32588 5.16424 9.34475C5.0307 9.36604 4.89036 9.35045 4.60969 9.31927L2.8284 9.12135L2.63048 7.34006C2.5993 7.05939 2.5837 6.91905 2.605 6.78551C2.62387 6.66721 2.66384 6.55327 2.72301 6.4491C2.7898 6.33153 2.88964 6.23168 3.08933 6.032L5.93967 3.18165Z"
+    stroke="#09101C"
+    stroke-width="1.1"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M4.83887 3.57542L8.3744 7.11095"
+    stroke="#09101C"
+    stroke-width="1.1"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/12/gas.svg b/packages/icons/src/12/gas.svg
new file mode 100644
index 00000000..9ba05f32
--- /dev/null
+++ b/packages/icons/src/12/gas.svg
@@ -0,0 +1,37 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_1907_880)">
+    <path
+      d="M7.5 10.5V4.5C7.5 3.56812 7.5 3.10218 7.34776 2.73463C7.14477 2.24458 6.75542 1.85523 6.26537 1.65224C5.89782 1.5 5.43188 1.5 4.5 1.5C3.56812 1.5 3.10218 1.5 2.73463 1.65224C2.24458 1.85523 1.85523 2.24458 1.65224 2.73463C1.5 3.10218 1.5 3.56812 1.5 4.5V10.5H7.5Z"
+      stroke="#09101C"
+      stroke-width="1.1"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M7.5 7.5H9C9.55228 7.5 10 7.05228 10 6.5V5.5"
+      stroke="black"
+      stroke-width="1.1"
+    />
+    <path d="M10 2.5L10 4.5" stroke="black" stroke-width="1.1" />
+    <rect
+      x="9.5"
+      y="4.5"
+      width="1"
+      height="1"
+      stroke="#09101C"
+      stroke-width="1.1"
+      stroke-linejoin="round"
+    />
+    <path d="M1.5 4.5L7.5 4.5" stroke="black" stroke-width="1.1" />
+  </g>
+  <defs>
+    <clipPath id="clip0_1907_880">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/hold.svg b/packages/icons/src/12/hold.svg
new file mode 100644
index 00000000..62595bb5
--- /dev/null
+++ b/packages/icons/src/12/hold.svg
@@ -0,0 +1,21 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_652_17)">
+    <circle cx="6" cy="6" r="6" fill="#647084" />
+    <path
+      d="M3.33329 6.4L5.11107 8L8.66663 4"
+      stroke="white"
+      stroke-width="1.1"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_652_17">
+      <rect width="12" height="12" rx="6" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/info-1.svg b/packages/icons/src/12/info-1.svg
new file mode 100644
index 00000000..49db52e9
--- /dev/null
+++ b/packages/icons/src/12/info-1.svg
@@ -0,0 +1,14 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M6 10C8.20914 10 10 8.20914 10 6C10 3.79086 8.20914 2 6 2C3.79086 2 2 3.79086 2 6C2 8.20914 3.79086 10 6 10ZM6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11ZM5.49998 8.5V5.5H6.49998V8.5H5.49998ZM5.49998 3.5V4.5H6.49998V3.5H5.49998Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/12/info.svg b/packages/icons/src/12/info.svg
new file mode 100644
index 00000000..985c1fdb
--- /dev/null
+++ b/packages/icons/src/12/info.svg
@@ -0,0 +1,11 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="6" cy="6" r="5" fill="#4360DF" />
+  <path d="M6 5L6 9" stroke="white" stroke-width="1.1" />
+  <path d="M6 3L6 4" stroke="white" stroke-width="1.1" />
+</svg>
diff --git a/packages/icons/src/12/jump-to.svg b/packages/icons/src/12/jump-to.svg
new file mode 100644
index 00000000..d0fd55a1
--- /dev/null
+++ b/packages/icons/src/12/jump-to.svg
@@ -0,0 +1,18 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M4.57538 2.52513L9.52513 2.52513L9.52513 7.47487"
+    stroke="#09101C"
+    stroke-width="1.1"
+  />
+  <path
+    d="M9.5 3V3C6.76354 4.2162 5 6.92988 5 9.92443L5 10"
+    stroke="#09101C"
+    stroke-width="1.1"
+  />
+</svg>
diff --git a/packages/icons/src/12/lightning.svg b/packages/icons/src/12/lightning.svg
new file mode 100644
index 00000000..24f75cd5
--- /dev/null
+++ b/packages/icons/src/12/lightning.svg
@@ -0,0 +1,14 @@
+<svg
+  width="12"
+  height="14"
+  viewBox="0 0 12 14"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M7 1.5V6H9.5L5 12.5V7.5H2.5L7 1.5Z"
+    stroke="#09101C"
+    stroke-width="1.1"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/12/list.svg b/packages/icons/src/12/list.svg
new file mode 100644
index 00000000..f314a9a6
--- /dev/null
+++ b/packages/icons/src/12/list.svg
@@ -0,0 +1,25 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_637_14)">
+    <path
+      d="M1 2.5C1 2.03501 1 1.80252 1.05111 1.61177C1.18981 1.09413 1.59413 0.689812 2.11177 0.551111C2.30252 0.5 2.53501 0.5 3 0.5H9C9.46499 0.5 9.69748 0.5 9.88823 0.551111C10.4059 0.689812 10.8102 1.09413 10.9489 1.61177C11 1.80252 11 2.03501 11 2.5V2.5C11 2.96499 11 3.19748 10.9489 3.38823C10.8102 3.90587 10.4059 4.31019 9.88823 4.44889C9.69748 4.5 9.46499 4.5 9 4.5H3C2.53501 4.5 2.30252 4.5 2.11177 4.44889C1.59413 4.31019 1.18981 3.90587 1.05111 3.38823C1 3.19748 1 2.96499 1 2.5V2.5Z"
+      stroke="#09101C"
+      stroke-width="1.1"
+    />
+    <path
+      d="M1 9.5C1 9.03501 1 8.80252 1.05111 8.61177C1.18981 8.09413 1.59413 7.68981 2.11177 7.55111C2.30252 7.5 2.53501 7.5 3 7.5H9C9.46499 7.5 9.69748 7.5 9.88823 7.55111C10.4059 7.68981 10.8102 8.09413 10.9489 8.61177C11 8.80252 11 9.03501 11 9.5V9.5C11 9.96499 11 10.1975 10.9489 10.3882C10.8102 10.9059 10.4059 11.3102 9.88823 11.4489C9.69748 11.5 9.46499 11.5 9 11.5H3C2.53501 11.5 2.30252 11.5 2.11177 11.4489C1.59413 11.3102 1.18981 10.9059 1.05111 10.3882C1 10.1975 1 9.96499 1 9.5V9.5Z"
+      stroke="#09101C"
+      stroke-width="1.1"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_637_14">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/loading.svg b/packages/icons/src/12/loading.svg
new file mode 100644
index 00000000..102e93e9
--- /dev/null
+++ b/packages/icons/src/12/loading.svg
@@ -0,0 +1,35 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_1436_281)">
+    <path
+      d="M6 0.95C6.30376 0.95 6.55 1.19624 6.55 1.5C6.55 1.80376 6.30376 2.05 6 2.05V0.95ZM2.05 6C2.05 8.18152 3.81848 9.95 6 9.95V11.05C3.21096 11.05 0.95 8.78904 0.95 6H2.05ZM6 2.05C3.81848 2.05 2.05 3.81848 2.05 6H0.95C0.95 3.21096 3.21096 0.95 6 0.95V2.05Z"
+      fill="#09101C"
+    />
+    <path
+      d="M6 1.5C8.48528 1.5 10.5 3.51472 10.5 6C10.5 8.48528 8.48528 10.5 6 10.5"
+      stroke="url(#paint0_linear_1436_281)"
+      stroke-width="1.1"
+    />
+  </g>
+  <defs>
+    <linearGradient
+      id="paint0_linear_1436_281"
+      x1="5.625"
+      y1="10.5"
+      x2="2.625"
+      y2="5.25"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#09101C" />
+      <stop offset="1" stop-color="#09101C" stop-opacity="0" />
+    </linearGradient>
+    <clipPath id="clip0_1436_281">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/locked.svg b/packages/icons/src/12/locked.svg
new file mode 100644
index 00000000..a59ec16b
--- /dev/null
+++ b/packages/icons/src/12/locked.svg
@@ -0,0 +1,18 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M2.5 7.75C2.5 7.28534 2.5 7.05302 2.53843 6.85982C2.69624 6.06644 3.31644 5.44624 4.10982 5.28843C4.30302 5.25 4.53534 5.25 5 5.25H7C7.46466 5.25 7.69698 5.25 7.89018 5.28843C8.68356 5.44624 9.30376 6.06644 9.46157 6.85982C9.5 7.05302 9.5 7.28534 9.5 7.75V7.75C9.5 8.21466 9.5 8.44698 9.46157 8.64018C9.30376 9.43356 8.68356 10.0538 7.89018 10.2116C7.69698 10.25 7.46466 10.25 7 10.25H5C4.53534 10.25 4.30302 10.25 4.10982 10.2116C3.31644 10.0538 2.69624 9.43356 2.53843 8.64018C2.5 8.44698 2.5 8.21466 2.5 7.75V7.75Z"
+    stroke="#09101C"
+    stroke-width="1.1"
+  />
+  <path
+    d="M4 3.75C4 2.64543 4.89543 1.75 6 1.75V1.75C7.10457 1.75 8 2.64543 8 3.75V5.25H4V3.75Z"
+    stroke="#09101C"
+    stroke-width="1.1"
+  />
+</svg>
diff --git a/packages/icons/src/12/mention.svg b/packages/icons/src/12/mention.svg
new file mode 100644
index 00000000..adb717ed
--- /dev/null
+++ b/packages/icons/src/12/mention.svg
@@ -0,0 +1,26 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_1945_871)">
+    <path
+      d="M11 6C11 4.89933 10.6368 3.82941 9.96677 2.95619C9.29672 2.08297 8.35726 1.45525 7.2941 1.17037C6.23093 0.885496 5.10347 0.959394 4.08658 1.3806C3.0697 1.80181 2.22021 2.54679 1.66987 3.5C1.11954 4.45321 0.899109 5.56138 1.04278 6.65263C1.18644 7.74389 1.68617 8.75724 2.46447 9.53553C3.24276 10.3138 4.25611 10.8136 5.34737 10.9572C6.43862 11.1009 7.54679 10.8805 8.5 10.3301"
+      stroke="#09101C"
+      stroke-width="1.1"
+    />
+    <circle cx="6" cy="6" r="2" stroke="#09101C" stroke-width="1.1" />
+    <path
+      d="M8 3.5V6.95573C8 7.80861 8.69139 8.5 9.54427 8.5V8.5C10.2529 8.5 10.8702 8.01517 10.9353 7.30955C11 6.60897 11 6 11 6"
+      stroke="#09101C"
+      stroke-width="1.1"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_1945_871">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/more.svg b/packages/icons/src/12/more.svg
new file mode 100644
index 00000000..5f9ef8ff
--- /dev/null
+++ b/packages/icons/src/12/more.svg
@@ -0,0 +1,11 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="2.5" cy="6" r="1" fill="#09101C" />
+  <circle cx="6" cy="6" r="1" fill="#09101C" />
+  <circle cx="9.5" cy="6" r="1" fill="#09101C" />
+</svg>
diff --git a/packages/icons/src/12/negative.svg b/packages/icons/src/12/negative.svg
new file mode 100644
index 00000000..665eb414
--- /dev/null
+++ b/packages/icons/src/12/negative.svg
@@ -0,0 +1,18 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_536_27)">
+    <circle cx="6" cy="6" r="5.5" stroke="#E65F5C" stroke-opacity="0.4" />
+    <path d="M6 8.5L6 3" stroke="#E65F5C" stroke-width="1.2" />
+    <path d="M3 5.5L6 8.5L9 5.5" stroke="#E65F5C" stroke-width="1.2" />
+  </g>
+  <defs>
+    <clipPath id="clip0_536_27">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/notification.svg b/packages/icons/src/12/notification.svg
new file mode 100644
index 00000000..1ae87bc9
--- /dev/null
+++ b/packages/icons/src/12/notification.svg
@@ -0,0 +1,9 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="6" cy="6" r="4" fill="#4360DF" />
+</svg>
diff --git a/packages/icons/src/12/pause.svg b/packages/icons/src/12/pause.svg
new file mode 100644
index 00000000..1aa649ea
--- /dev/null
+++ b/packages/icons/src/12/pause.svg
@@ -0,0 +1,9 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect x="2" y="2" width="8" height="8" rx="2" fill="#09101C" />
+</svg>
diff --git a/packages/icons/src/12/pending.svg b/packages/icons/src/12/pending.svg
new file mode 100644
index 00000000..8ca1dc1a
--- /dev/null
+++ b/packages/icons/src/12/pending.svg
@@ -0,0 +1,11 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="3" cy="6" r="1" fill="black" fill-opacity="0.4" />
+  <circle cx="6" cy="6" r="1" fill="#1B273D" fill-opacity="0.3" />
+  <circle cx="9" cy="6" r="1" fill="black" fill-opacity="0.2" />
+</svg>
diff --git a/packages/icons/src/12/pick.svg b/packages/icons/src/12/pick.svg
new file mode 100644
index 00000000..92a1e736
--- /dev/null
+++ b/packages/icons/src/12/pick.svg
@@ -0,0 +1,21 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_570_23)">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M9.64157 1.79271L9.62688 1.77802L9.62686 1.778C9.44142 1.59255 9.27938 1.4305 9.13455 1.30754C8.98099 1.17718 8.81099 1.0588 8.60027 0.990329C8.28896 0.889179 7.95362 0.889179 7.64232 0.990329C7.4316 1.0588 7.26159 1.17718 7.10803 1.30754C6.9632 1.4305 6.80115 1.59257 6.6157 1.77802L6.60101 1.79271L6.28054 2.11319C6.23125 2.08957 6.17967 2.06862 6.12539 2.05099C5.81409 1.94984 5.47875 1.94984 5.16744 2.05099C4.95672 2.11946 4.78672 2.23784 4.63316 2.3682C4.48833 2.49116 4.32628 2.65322 4.14085 2.83866L4.14083 2.83868L4.12614 2.85337L3.84329 3.13622C3.62851 3.35101 3.62851 3.69925 3.8433 3.91404L4.16149 4.23223L2.54416 5.84957L2.51349 5.88019C2.37085 6.02252 2.23971 6.15338 2.14284 6.31145C2.05786 6.45013 1.99523 6.60132 1.95726 6.75948C1.91399 6.93974 1.91419 7.125 1.91441 7.32651L1.91444 7.36985L1.91444 9.53553C1.91444 9.83929 2.16068 10.0855 2.46444 10.0855L4.63012 10.0855L4.67347 10.0856C4.87497 10.0858 5.06023 10.086 5.24049 10.0427C5.39865 10.0047 5.54984 9.94211 5.68852 9.85713C5.84659 9.76026 5.97745 9.62912 6.11978 9.48648L6.11978 9.48648L6.1504 9.45581L7.76774 7.83848L8.08594 8.15668C8.30072 8.37146 8.64897 8.37146 8.86375 8.15668L9.1466 7.87383L9.16129 7.85914C9.34675 7.6737 9.50881 7.51165 9.63177 7.36681C9.76213 7.21325 9.88052 7.04325 9.94898 6.83253C10.0501 6.52122 10.0501 6.18588 9.94898 5.87458C9.93135 5.8203 9.9104 5.76872 9.88679 5.71943L10.2073 5.39896L10.2219 5.38427C10.4074 5.19883 10.5695 5.03678 10.6924 4.89194C10.8228 4.73838 10.9412 4.56837 11.0096 4.35766C11.1108 4.04635 11.1108 3.71101 11.0096 3.3997C10.9412 3.18899 10.8228 3.01898 10.6924 2.86542C10.5695 2.72059 10.4074 2.55855 10.222 2.37311L10.2219 2.37309L10.2073 2.3584L9.64157 1.79271ZM9.18195 4.86863L9.42944 4.62114C9.63386 4.41672 9.76349 4.28648 9.85385 4.18004C9.94005 4.07851 9.95776 4.03535 9.96348 4.01774C9.99285 3.92736 9.99285 3.83 9.96348 3.73962C9.95776 3.72201 9.94005 3.67885 9.85385 3.57732C9.76349 3.47088 9.63386 3.34064 9.42944 3.13622L8.86375 2.57053C8.65933 2.36611 8.5291 2.23648 8.42265 2.14612C8.32112 2.05993 8.27796 2.04221 8.26035 2.03649C8.16997 2.00712 8.07261 2.00712 7.98223 2.03649C7.96462 2.04221 7.92146 2.05993 7.81993 2.14612C7.71349 2.23648 7.58325 2.36611 7.37883 2.57053L7.13134 2.81802C7.1382 2.82487 7.14508 2.83176 7.152 2.83868L7.15201 2.83868L7.1667 2.85337L9.1466 4.83327L9.16129 4.84796L9.16129 4.84797C9.16821 4.85489 9.1751 4.86177 9.18195 4.86863ZM6.98992 7.06066L4.93931 5.01005L3.32198 6.62739C3.13051 6.81885 3.10067 6.85369 3.08075 6.8862C3.05608 6.92646 3.03789 6.97035 3.02687 7.01627C3.01797 7.05334 3.01444 7.09908 3.01444 7.36985L3.01444 8.98553L4.63012 8.98553C4.90089 8.98553 4.94663 8.982 4.9837 8.9731C5.02962 8.96208 5.07351 8.9439 5.11378 8.91922C5.14628 8.8993 5.18112 8.86946 5.37258 8.678L6.98992 7.06066ZM5.78548 3.09715C5.80309 3.10287 5.84625 3.12059 5.94778 3.20678C6.05422 3.29714 6.18445 3.42677 6.38888 3.63119L8.36878 5.61109C8.5732 5.81552 8.70283 5.94575 8.79319 6.05219C8.87939 6.15372 8.8971 6.19689 8.90282 6.2145C8.93219 6.30488 8.93219 6.40223 8.90282 6.49261C8.8971 6.51022 8.87939 6.55339 8.79319 6.65492C8.71955 6.74167 8.61982 6.84422 8.47477 6.98987L5.0101 3.5252C5.15575 3.38015 5.2583 3.28042 5.34505 3.20678C5.44658 3.12059 5.48975 3.10287 5.50736 3.09715C5.59774 3.06778 5.6951 3.06778 5.78548 3.09715Z"
+      fill="#09101C"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_570_23">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/placeholder.svg b/packages/icons/src/12/placeholder.svg
new file mode 100644
index 00000000..e5f7006a
--- /dev/null
+++ b/packages/icons/src/12/placeholder.svg
@@ -0,0 +1,14 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M6 2C5.07563 2 4.2245 2.31355 3.54715 2.84009L5.9999 5.29285L8.45274 2.84C7.77541 2.31351 6.92432 2 6 2ZM9.15986 3.54709L6.70701 5.99996L9.1599 8.45286C9.68645 7.77551 10 6.92437 10 6C10 5.07561 9.68643 4.22445 9.15986 3.54709ZM5.2928 5.99996L2.84005 3.5472C2.31353 4.22454 2 5.07565 2 6C2 6.92433 2.31352 7.77542 2.84002 8.45276L5.2928 5.99996ZM3.54711 9.15988L5.99991 6.70707L8.45278 9.15996C7.77545 9.68647 6.92434 10 6 10C5.07561 10 4.22446 9.68644 3.54711 9.15988ZM1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/12/play.svg b/packages/icons/src/12/play.svg
new file mode 100644
index 00000000..8b5f5057
--- /dev/null
+++ b/packages/icons/src/12/play.svg
@@ -0,0 +1,12 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M3.5 4.73092C3.5 3.52537 3.5 2.9226 3.75004 2.59864C3.96773 2.31659 4.29949 2.14585 4.65553 2.13265C5.06448 2.11749 5.55498 2.46784 6.53598 3.16856L8.31268 4.43763C9.05035 4.96454 9.41919 5.22799 9.54974 5.55465C9.66401 5.84056 9.66401 6.15944 9.54974 6.44535C9.41919 6.77201 9.05035 7.03546 8.31268 7.56237L6.53598 8.83144C5.55498 9.53216 5.06448 9.88251 4.65553 9.86735C4.29949 9.85415 3.96773 9.68341 3.75004 9.40136C3.5 9.0774 3.5 8.47463 3.5 7.26908V4.73092Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/12/positive.svg b/packages/icons/src/12/positive.svg
new file mode 100644
index 00000000..9fcb4f61
--- /dev/null
+++ b/packages/icons/src/12/positive.svg
@@ -0,0 +1,18 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_536_28)">
+    <circle cx="6" cy="6" r="5.5" stroke="#26A69A" stroke-opacity="0.4" />
+    <path d="M6 3.5V9" stroke="#26A69A" stroke-width="1.2" />
+    <path d="M9 6.5L6 3.5L3 6.5" stroke="#26A69A" stroke-width="1.2" />
+  </g>
+  <defs>
+    <clipPath id="clip0_536_28">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/progress.svg b/packages/icons/src/12/progress.svg
new file mode 100644
index 00000000..10d6a5fb
--- /dev/null
+++ b/packages/icons/src/12/progress.svg
@@ -0,0 +1,25 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_1912_851)">
+    <path
+      d="M6 1C6.65661 1 7.30679 1.12933 7.91342 1.3806C8.52005 1.63188 9.07124 2.00017 9.53553 2.46447C9.99983 2.92876 10.3681 3.47996 10.6194 4.08658C10.8707 4.69321 11 5.34339 11 6C11 6.65661 10.8707 7.30679 10.6194 7.91342C10.3681 8.52005 9.99983 9.07124 9.53553 9.53553C9.07124 9.99983 8.52004 10.3681 7.91342 10.6194C7.30679 10.8707 6.65661 11 6 11C5.34339 11 4.69321 10.8707 4.08658 10.6194C3.47995 10.3681 2.92876 9.99983 2.46446 9.53553C2.00017 9.07124 1.63187 8.52004 1.3806 7.91342C1.12933 7.30679 1 6.65661 1 6C1 5.34339 1.12933 4.69321 1.3806 4.08658C1.63188 3.47995 2.00017 2.92876 2.46447 2.46446C2.92876 2.00017 3.47996 1.63187 4.08659 1.3806C4.69321 1.12933 5.34339 1 6 1L6 1Z"
+      stroke="#E7EAEE"
+      stroke-width="1.1"
+    />
+    <path
+      d="M6 1C7.0559 1 8.08469 1.33427 8.93893 1.95492C9.79316 2.57556 10.429 3.4507 10.7553 4.45492"
+      stroke="#09101C"
+      stroke-width="1.1"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_1912_851">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/pullup.svg b/packages/icons/src/12/pullup.svg
new file mode 100644
index 00000000..8837c044
--- /dev/null
+++ b/packages/icons/src/12/pullup.svg
@@ -0,0 +1,17 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_145_49)">
+    <circle cx="6" cy="6" r="6" transform="rotate(180 6 6)" fill="#E7EAEE" />
+    <path d="M9 7.25L6 4.25L3 7.25" stroke="#09101C" stroke-width="1.1" />
+  </g>
+  <defs>
+    <clipPath id="clip0_145_49">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/remove.svg b/packages/icons/src/12/remove.svg
new file mode 100644
index 00000000..9d4a2eb2
--- /dev/null
+++ b/packages/icons/src/12/remove.svg
@@ -0,0 +1,28 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_1073_30)">
+    <circle cx="6" cy="6" r="6" fill="#647084" />
+    <path
+      d="M3.87866 3.87868L8.1213 8.12132"
+      stroke="white"
+      stroke-width="1.1"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M8.12134 3.87868L3.8787 8.12132"
+      stroke="white"
+      stroke-width="1.1"
+      stroke-linejoin="round"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_1073_30">
+      <rect width="12" height="12" rx="6" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/search.svg b/packages/icons/src/12/search.svg
new file mode 100644
index 00000000..e545d7da
--- /dev/null
+++ b/packages/icons/src/12/search.svg
@@ -0,0 +1,14 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M2.1 5.38236C2.1 3.56956 3.56956 2.1 5.38236 2.1C7.19516 2.1 8.66473 3.56956 8.66473 5.38236C8.66473 7.19516 7.19516 8.66473 5.38236 8.66473C3.56956 8.66473 2.1 7.19516 2.1 5.38236ZM5.38236 1C2.96205 1 1 2.96205 1 5.38236C1 7.80268 2.96205 9.76473 5.38236 9.76473C6.39438 9.76473 7.32627 9.42169 8.06811 8.84555L10.221 10.9985L10.9988 10.2207L8.84588 8.06769C9.42182 7.32592 9.76473 6.39419 9.76473 5.38236C9.76473 2.96205 7.80268 1 5.38236 1Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/12/send-message.svg b/packages/icons/src/12/send-message.svg
new file mode 100644
index 00000000..dac7b0bd
--- /dev/null
+++ b/packages/icons/src/12/send-message.svg
@@ -0,0 +1,25 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_2281_869)">
+    <path
+      d="M2.49498 5.51104L7.96115 1.90198C8.64883 1.44794 9.55972 1.97384 9.51035 2.79641L9.11789 9.33478C9.0628 10.2526 7.90244 10.6159 7.33382 9.89325L5.63018 7.7282L2.90337 7.33533C1.99325 7.2042 1.72764 6.01768 2.49498 5.51104Z"
+      stroke="black"
+      stroke-width="1.1"
+    />
+    <path
+      d="M9.13013 1.66602L5.63013 7.7282"
+      stroke="black"
+      stroke-width="1.1"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_2281_869">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/sent.svg b/packages/icons/src/12/sent.svg
new file mode 100644
index 00000000..4dd03c6f
--- /dev/null
+++ b/packages/icons/src/12/sent.svg
@@ -0,0 +1,9 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M2.5 6.25L5 8.75L9.5 3.25" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/12/timeout.svg b/packages/icons/src/12/timeout.svg
new file mode 100644
index 00000000..a0c0fcb7
--- /dev/null
+++ b/packages/icons/src/12/timeout.svg
@@ -0,0 +1,20 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_1711_847)">
+    <path
+      d="M10.5 6C10.5 6.89002 10.2361 7.76004 9.74161 8.50007C9.24715 9.24009 8.54434 9.81686 7.72208 10.1575C6.89981 10.4981 5.99501 10.5872 5.12209 10.4135C4.24918 10.2399 3.44736 9.81132 2.81802 9.18198C2.18868 8.55264 1.7601 7.75082 1.58647 6.87791C1.41283 6.00499 1.50195 5.10019 1.84254 4.27792C2.18314 3.45566 2.75991 2.75285 3.49993 2.25839C4.23996 1.76392 5.10998 1.5 6 1.5"
+      stroke="#09101C"
+      stroke-width="1.1"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_1711_847">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/total-members.svg b/packages/icons/src/12/total-members.svg
new file mode 100644
index 00000000..0eefe811
--- /dev/null
+++ b/packages/icons/src/12/total-members.svg
@@ -0,0 +1,22 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M3 9.25C3 8.00736 4.00736 7 5.25 7H6.75C7.99264 7 9 8.00736 9 9.25V9.25C9 9.66421 8.66421 10 8.25 10H3.75C3.33579 10 3 9.66421 3 9.25V9.25Z"
+    stroke="#09101C"
+    stroke-width="1.1"
+    stroke-linejoin="round"
+  />
+  <circle
+    cx="6"
+    cy="3.5"
+    r="1.5"
+    stroke="#09101C"
+    stroke-width="1.1"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/12/trash.svg b/packages/icons/src/12/trash.svg
new file mode 100644
index 00000000..afd2c780
--- /dev/null
+++ b/packages/icons/src/12/trash.svg
@@ -0,0 +1,32 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_789_29)">
+    <path
+      d="M2.5 3.5V7.8C2.5 8.9201 2.5 9.48016 2.71799 9.90798C2.90973 10.2843 3.21569 10.5903 3.59202 10.782C4.01984 11 4.5799 11 5.7 11H6.3C7.42011 11 7.98016 11 8.40798 10.782C8.78431 10.5903 9.09027 10.2843 9.28201 9.90798C9.5 9.48016 9.5 8.92011 9.5 7.8V3.5"
+      stroke="#09101C"
+      stroke-width="1.1"
+    />
+    <path
+      d="M8 3V3C8 1.89543 7.10457 1 6 1V1C4.89543 1 4 1.89543 4 3V3"
+      stroke="#09101C"
+      stroke-width="1.1"
+    />
+    <path d="M5 5.5V8" stroke="#09101C" stroke-width="1.1" />
+    <path d="M7 5.5V8" stroke="#09101C" stroke-width="1.1" />
+    <path
+      d="M1 4C1 4 3.5 3 6 3C8.5 3 11 4 11 4"
+      stroke="#09101C"
+      stroke-width="1.1"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_789_29">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/unlocked.svg b/packages/icons/src/12/unlocked.svg
new file mode 100644
index 00000000..ea69e42a
--- /dev/null
+++ b/packages/icons/src/12/unlocked.svg
@@ -0,0 +1,18 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M2.5 7.75C2.5 7.28534 2.5 7.05302 2.53843 6.85982C2.69624 6.06644 3.31644 5.44624 4.10982 5.28843C4.30302 5.25 4.53534 5.25 5 5.25H7C7.46466 5.25 7.69698 5.25 7.89018 5.28843C8.68356 5.44624 9.30376 6.06644 9.46157 6.85982C9.5 7.05302 9.5 7.28534 9.5 7.75V7.75C9.5 8.21466 9.5 8.44698 9.46157 8.64018C9.30376 9.43356 8.68356 10.0538 7.89018 10.2116C7.69698 10.25 7.46466 10.25 7 10.25H5C4.53534 10.25 4.30302 10.25 4.10982 10.2116C3.31644 10.0538 2.69624 9.43356 2.53843 8.64018C2.5 8.44698 2.5 8.21466 2.5 7.75V7.75Z"
+    stroke="#09101C"
+    stroke-width="1.1"
+  />
+  <path
+    d="M8 5.25V3.75C8 2.64543 7.10457 1.75 6 1.75V1.75C4.89543 1.75 4 2.64543 4 3.75V3.75"
+    stroke="#09101C"
+    stroke-width="1.1"
+  />
+</svg>
diff --git a/packages/icons/src/12/untrustworthy.svg b/packages/icons/src/12/untrustworthy.svg
new file mode 100644
index 00000000..d72fcd47
--- /dev/null
+++ b/packages/icons/src/12/untrustworthy.svg
@@ -0,0 +1,11 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="6" cy="6" r="5" fill="#E65F5C" />
+  <path d="M6 7L6 3" stroke="white" stroke-width="1.1" />
+  <path d="M6 9L6 8" stroke="white" stroke-width="1.1" />
+</svg>
diff --git a/packages/icons/src/12/verified-1.svg b/packages/icons/src/12/verified-1.svg
new file mode 100644
index 00000000..c17accf5
--- /dev/null
+++ b/packages/icons/src/12/verified-1.svg
@@ -0,0 +1,21 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_2550_885)">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M6.42953 1.15642L6.00005 0.619572L5.57057 1.15642L3.87085 3.28108L1.78302 2.02838L0.873169 1.48247L0.951551 2.54063L1.40578 8.67277L1.40827 8.70662C1.42846 8.98284 1.44771 9.24601 1.63119 9.55815C1.70917 9.69082 1.7911 9.80085 1.89692 9.89922C1.98809 9.98398 2.08567 10.0481 2.15942 10.0965L2.17232 10.105C2.82379 10.5336 4.0238 11.05 6.00005 11.05C7.97629 11.05 9.17631 10.5336 9.82778 10.105L9.84068 10.0965C9.91442 10.0481 10.012 9.98398 10.1032 9.89922C10.209 9.80085 10.2909 9.69082 10.3689 9.55815C10.5524 9.24601 10.5716 8.98284 10.5918 8.70663L10.5943 8.67277L11.0485 2.54063L11.1269 1.48247L10.2171 2.02838L8.12925 3.28108L6.42953 1.15642ZM4.42953 4.34358L6.00005 2.38043L7.57057 4.34358L7.87085 4.71893L8.28302 4.47162L9.87317 3.51753L9.53543 8.07694C9.47082 8.04777 9.40216 8.01848 9.32931 7.98934C8.63233 7.71055 7.56204 7.45 6.00005 7.45C4.43805 7.45 3.36777 7.71055 2.67078 7.98934C2.59794 8.01848 2.52928 8.04777 2.46466 8.07694L2.12693 3.51753L3.71708 4.47162L4.12925 4.71893L4.42953 4.34358ZM2.74328 9.16378C2.75332 9.17045 2.76448 9.17783 2.77691 9.18601C3.2387 9.48982 4.2262 9.95 6.00005 9.95C7.7739 9.95 8.7614 9.48982 9.22318 9.18601C9.23562 9.17783 9.24678 9.17045 9.25682 9.16378C9.16468 9.11582 9.05325 9.06365 8.92078 9.01066C8.36777 8.78946 7.43805 8.55 6.00005 8.55C4.56204 8.55 3.63233 8.78946 3.07931 9.01066C2.94684 9.06365 2.83542 9.11582 2.74328 9.16378Z"
+      fill="#09101C"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_2550_885">
+      <rect width="12" height="12" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/12/verified.svg b/packages/icons/src/12/verified.svg
new file mode 100644
index 00000000..6fd69105
--- /dev/null
+++ b/packages/icons/src/12/verified.svg
@@ -0,0 +1,10 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="6" cy="6" r="5" fill="#26A69A" />
+  <path d="M4 6.3L5.33333 7.5L8 4.5" stroke="white" stroke-width="1.1" />
+</svg>
diff --git a/packages/icons/src/12/whistle.svg b/packages/icons/src/12/whistle.svg
new file mode 100644
index 00000000..7a94712c
--- /dev/null
+++ b/packages/icons/src/12/whistle.svg
@@ -0,0 +1,19 @@
+<svg
+  width="12"
+  height="12"
+  viewBox="0 0 12 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M7.12756 7.69621C7.16637 7.10414 7.02873 6.51385 6.73206 6L7.96411 4.13397L6.96411 2.40192L2.63398 4.90192C2.12013 5.1986 1.7058 5.64098 1.44337 6.17313C1.18094 6.70529 1.0822 7.30331 1.15965 7.89158C1.2371 8.47985 1.48725 9.03194 1.87846 9.47804C2.26968 9.92414 2.7844 10.2442 3.35753 10.3978C3.93065 10.5513 4.53645 10.5315 5.0983 10.3408C5.66016 10.1501 6.15284 9.79702 6.51404 9.32628C6.87525 8.85555 7.08875 8.28828 7.12756 7.69621Z"
+    stroke="#09101C"
+    stroke-width="1.1"
+  />
+  <circle
+    r="1"
+    transform="matrix(-0.866025 0.5 0.5 0.866025 4.13397 7.5)"
+    stroke="#09101C"
+    stroke-width="1.1"
+  />
+</svg>
diff --git a/packages/icons/src/16/add-user.svg b/packages/icons/src/16/add-user.svg
new file mode 100644
index 00000000..870a0fc6
--- /dev/null
+++ b/packages/icons/src/16/add-user.svg
@@ -0,0 +1,24 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8.5 10H6C4.34315 10 3 11.3431 3 13V13C3 13.5523 3.44772 14 4 14H8.5"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+  <circle
+    cx="8.5"
+    cy="5"
+    r="2.5"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+  <path d="M11.5 10V14" stroke="#09101C" stroke-width="1.2" />
+  <path d="M9.5 12H13.5" stroke="#09101C" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/add.svg b/packages/icons/src/16/add.svg
new file mode 100644
index 00000000..308cedeb
--- /dev/null
+++ b/packages/icons/src/16/add.svg
@@ -0,0 +1,10 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M8 13V3" stroke="#09101C" stroke-width="1.2" />
+  <path d="M3 8L13 8" stroke="#09101C" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/alert.svg b/packages/icons/src/16/alert.svg
new file mode 100644
index 00000000..0b8d76b8
--- /dev/null
+++ b/packages/icons/src/16/alert.svg
@@ -0,0 +1,18 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle
+    cx="8"
+    cy="8"
+    r="6"
+    transform="rotate(-180 8 8)"
+    stroke="#09101C"
+    stroke-width="1.2"
+  />
+  <path d="M8 9L8 5" stroke="#09101C" stroke-width="1.3" />
+  <path d="M8 11L8 9.75" stroke="#09101C" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/arrow-down.svg b/packages/icons/src/16/arrow-down.svg
new file mode 100644
index 00000000..2144335a
--- /dev/null
+++ b/packages/icons/src/16/arrow-down.svg
@@ -0,0 +1,10 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M4 9L8 13L12 9" stroke="#09101C" stroke-width="1.2" />
+  <path d="M8 3L8 13" stroke="#09101C" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/arrow-right.svg b/packages/icons/src/16/arrow-right.svg
new file mode 100644
index 00000000..d3fb4673
--- /dev/null
+++ b/packages/icons/src/16/arrow-right.svg
@@ -0,0 +1,10 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M9 12L13 8L9 4" stroke="#09101C" stroke-width="1.2" />
+  <path d="M3 8L13 8" stroke="#09101C" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/calendar.svg b/packages/icons/src/16/calendar.svg
new file mode 100644
index 00000000..6d04fcd8
--- /dev/null
+++ b/packages/icons/src/16/calendar.svg
@@ -0,0 +1,26 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M14 9.2C14 10.8802 14 11.7202 13.673 12.362C13.3854 12.9265 12.9265 13.3854 12.362 13.673C11.7202 14 10.8802 14 9.2 14L6.8 14C5.11984 14 4.27976 14 3.63803 13.673C3.07354 13.3854 2.6146 12.9265 2.32698 12.362C2 11.7202 2 10.8802 2 9.2L2 7.8C2 6.11984 2 5.27976 2.32698 4.63803C2.6146 4.07354 3.07354 3.6146 3.63803 3.32698C4.27976 3 5.11984 3 6.8 3L9.2 3C10.8802 3 11.7202 3 12.362 3.32698C12.9265 3.6146 13.3854 4.07354 13.673 4.63803C14 5.27976 14 6.11984 14 7.8L14 9.2Z"
+    stroke="#09101C"
+    stroke-width="1.2"
+  />
+  <path d="M5 2L5 4" stroke="black" stroke-width="1.3" stroke-linecap="round" />
+  <path
+    d="M3 6.5L13 6.5"
+    stroke="black"
+    stroke-width="1.3"
+    stroke-linecap="square"
+  />
+  <path
+    d="M11 2L11 4"
+    stroke="black"
+    stroke-width="1.3"
+    stroke-linecap="round"
+  />
+</svg>
diff --git a/packages/icons/src/16/check-circle.svg b/packages/icons/src/16/check-circle.svg
new file mode 100644
index 00000000..e8eaa89d
--- /dev/null
+++ b/packages/icons/src/16/check-circle.svg
@@ -0,0 +1,10 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="8" cy="8" r="6" stroke="#09101C" stroke-width="1.2" />
+  <path d="M5 8L7 10L11 6" stroke="#09101C" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/chevron-down.svg b/packages/icons/src/16/chevron-down.svg
new file mode 100644
index 00000000..d60a7a40
--- /dev/null
+++ b/packages/icons/src/16/chevron-down.svg
@@ -0,0 +1,9 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M5 6.5L8 9.5L11 6.5" stroke="#09101C" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/chevron-left.svg b/packages/icons/src/16/chevron-left.svg
new file mode 100644
index 00000000..6cb6fabe
--- /dev/null
+++ b/packages/icons/src/16/chevron-left.svg
@@ -0,0 +1,9 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M9.5 5L6.5 8L9.5 11" stroke="#09101C" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/chevron-right.svg b/packages/icons/src/16/chevron-right.svg
new file mode 100644
index 00000000..74142759
--- /dev/null
+++ b/packages/icons/src/16/chevron-right.svg
@@ -0,0 +1,9 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M6.5 11L9.5 8L6.5 5" stroke="#09101C" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/chevron-top.svg b/packages/icons/src/16/chevron-top.svg
new file mode 100644
index 00000000..146bd32a
--- /dev/null
+++ b/packages/icons/src/16/chevron-top.svg
@@ -0,0 +1,9 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M11 9.5L8 6.5L5 9.5" stroke="#09101C" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/close.svg b/packages/icons/src/16/close.svg
new file mode 100644
index 00000000..6d645d04
--- /dev/null
+++ b/packages/icons/src/16/close.svg
@@ -0,0 +1,18 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M4.46445 11.5355L11.5355 4.46447"
+    stroke="#09101C"
+    stroke-width="1.2"
+  />
+  <path
+    d="M4.46446 4.46447L11.5355 11.5355"
+    stroke="#09101C"
+    stroke-width="1.2"
+  />
+</svg>
diff --git a/packages/icons/src/16/connection.svg b/packages/icons/src/16/connection.svg
new file mode 100644
index 00000000..9b82188a
--- /dev/null
+++ b/packages/icons/src/16/connection.svg
@@ -0,0 +1,49 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M11 14H5L8 7L11 14Z"
+    stroke="black"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M8 7V5"
+    stroke="black"
+    stroke-width="1.2"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M4.61003 2C4.11496 2.32839 3.70887 2.77418 3.42794 3.29764C3.14702 3.82109 3 4.40593 3 5C3 5.59407 3.14702 6.17891 3.42794 6.70236C3.70887 7.22582 4.11496 7.67161 4.61003 8"
+    stroke="black"
+    stroke-width="1.2"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M5.80011 3.5312C5.41579 3.92375 5.20056 4.45124 5.20056 5.0006C5.20056 5.54996 5.41579 6.07746 5.80011 6.47"
+    stroke="black"
+    stroke-width="1.2"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M11.39 8C11.885 7.67161 12.2911 7.22582 12.5721 6.70236C12.853 6.17891 13 5.59407 13 5C13 4.40593 12.853 3.82109 12.5721 3.29764C12.2911 2.77418 11.885 2.32839 11.39 2"
+    stroke="black"
+    stroke-width="1.2"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M10.2005 6.4688C10.5848 6.07625 10.8 5.54876 10.8 4.9994C10.8 4.45004 10.5848 3.92254 10.2005 3.53"
+    stroke="black"
+    stroke-width="1.2"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/16/contact-book.svg b/packages/icons/src/16/contact-book.svg
new file mode 100644
index 00000000..7fb5fdb7
--- /dev/null
+++ b/packages/icons/src/16/contact-book.svg
@@ -0,0 +1,28 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M6 10.625C6 9.58947 6.83947 8.75 7.875 8.75H9.125C10.1605 8.75 11 9.58947 11 10.625V10.625C11 10.9702 10.7202 11.25 10.375 11.25H6.625C6.27982 11.25 6 10.9702 6 10.625V10.625Z"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+  <circle
+    cx="8.5"
+    cy="6"
+    r="1.25"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M14.6 6.77374L14.6 6.8V9.2V9.22626C14.6 10.0441 14.6 10.6945 14.5572 11.2193C14.5133 11.7566 14.4214 12.2148 14.2076 12.6344C13.8625 13.3118 13.3118 13.8625 12.6344 14.2076C12.2148 14.4214 11.7566 14.5132 11.2193 14.5571C10.6945 14.6 10.0441 14.6 9.22626 14.6H9.20002H7.80003H7.77379C6.95595 14.6 6.30553 14.6 5.78077 14.5571C5.24341 14.5132 4.78521 14.4214 4.36566 14.2076C3.68828 13.8625 3.13755 13.3118 2.7924 12.6344C2.57863 12.2148 2.48679 11.7566 2.44289 11.2193C2.42742 11.0299 2.41753 10.8241 2.41121 10.6H1.9999C1.66853 10.6 1.3999 10.3314 1.3999 10C1.3999 9.66863 1.66853 9.4 1.9999 9.4H2.40004L2.40003 9.22624V9.2L2.40003 6.8V6.77376V6.77375C2.40002 6.71498 2.40002 6.65706 2.40004 6.6H2.00002C1.66865 6.6 1.40002 6.33137 1.40002 6C1.40002 5.66863 1.66865 5.4 2.00002 5.4H2.41121C2.41753 5.1759 2.42742 4.97014 2.44289 4.78075C2.4868 4.24339 2.57863 3.78518 2.7924 3.36563C3.13755 2.68825 3.68828 2.13752 4.36566 1.79238C4.78521 1.57861 5.24341 1.48677 5.78077 1.44286C6.30553 1.39999 6.95594 1.39999 7.77377 1.4H7.80003H9.20002H9.22628C10.0441 1.39999 10.6945 1.39999 11.2193 1.44287C11.7566 1.48677 12.2148 1.57861 12.6344 1.79238C13.3118 2.13752 13.8625 2.68825 14.2076 3.36563C14.4214 3.78518 14.5133 4.24339 14.5572 4.78075C14.6 5.3055 14.6 5.95592 14.6 6.77374ZM3.61165 5.4C3.61741 5.20846 3.62603 5.03609 3.63891 4.87846C3.67675 4.41531 3.7484 4.13261 3.86161 3.91042C4.09171 3.45883 4.45886 3.09168 4.91045 2.86158C5.13264 2.74837 5.41534 2.67672 5.87849 2.63888C6.34865 2.60047 6.95005 2.6 7.80003 2.6H9.20002C10.05 2.6 10.6514 2.60047 11.1216 2.63888C11.5847 2.67672 11.8674 2.74837 12.0896 2.86158C12.5412 3.09168 12.9083 3.45883 13.1384 3.91042C13.2516 4.13261 13.3233 4.41531 13.3611 4.87846C13.3996 5.34862 13.4 5.95002 13.4 6.8V9.2C13.4 10.05 13.3996 10.6514 13.3611 11.1215C13.3233 11.5847 13.2516 11.8674 13.1384 12.0896C12.9083 12.5412 12.5412 12.9083 12.0896 13.1384C11.8674 13.2516 11.5847 13.3233 11.1216 13.3611C10.6514 13.3995 10.05 13.4 9.20002 13.4H7.80003C6.95005 13.4 6.34865 13.3995 5.87849 13.3611C5.41534 13.3233 5.13263 13.2516 4.91045 13.1384C4.45886 12.9083 4.09171 12.5412 3.86161 12.0896C3.7484 11.8674 3.67675 11.5847 3.63891 11.1215C3.62603 10.9639 3.61741 10.7915 3.61165 10.6H3.9999C4.33127 10.6 4.5999 10.3314 4.5999 10C4.5999 9.66863 4.33127 9.4 3.9999 9.4H3.60005L3.60003 9.2V6.8C3.60003 6.73175 3.60003 6.6651 3.60005 6.6H4.00002C4.3314 6.6 4.60002 6.33137 4.60002 6C4.60002 5.66863 4.3314 5.4 4.00002 5.4H3.61165Z"
+    fill="black"
+  />
+</svg>
diff --git a/packages/icons/src/16/delete.svg b/packages/icons/src/16/delete.svg
new file mode 100644
index 00000000..e198013c
--- /dev/null
+++ b/packages/icons/src/16/delete.svg
@@ -0,0 +1,23 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M3.5 4L12.5 4L12.152 10.9598C12.0985 12.029 12.0718 12.5637 11.8467 12.9697C11.6485 13.3272 11.3456 13.6154 10.9787 13.7954C10.5619 14 10.0266 14 8.95604 14L7.04404 14.0001C5.97347 14.0001 5.43819 14.0001 5.02134 13.7955C4.65443 13.6154 4.3515 13.3273 4.15332 12.9698C3.92818 12.5637 3.90145 12.0291 3.84799 10.9599L3.5 4Z"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+  <path d="M1.5 4H14.5" stroke="#09101C" stroke-width="1.2" />
+  <path
+    d="M10.5 4C10.5 2.61929 9.38071 1.5 8 1.5C6.61929 1.5 5.5 2.61929 5.5 4"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+  <path d="M9.5 7L9.5 11" stroke="#09101C" stroke-width="1.2" />
+  <path d="M6.5 7L6.5 11" stroke="#09101C" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/email.svg b/packages/icons/src/16/email.svg
new file mode 100644
index 00000000..fdaec82b
--- /dev/null
+++ b/packages/icons/src/16/email.svg
@@ -0,0 +1,14 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M9.2 13H6.8C5.11984 13 4.27976 13 3.63803 12.673C3.07354 12.3854 2.6146 11.9265 2.32698 11.362C2 10.7202 2 9.88016 2 8.2V7.8C2 6.11984 2 5.27976 2.32698 4.63803C2.6146 4.07354 3.07354 3.6146 3.63803 3.32698C4.27976 3 5.11984 3 6.8 3H9.2C10.8802 3 11.7202 3 12.362 3.32698C12.9265 3.6146 13.3854 4.07354 13.673 4.63803C14 5.27976 14 6.11984 14 7.8V8.2C14 9.88016 14 10.7202 13.673 11.362C13.3854 11.9265 12.9265 12.3854 12.362 12.673C11.7202 13 10.8802 13 9.2 13Z"
+    stroke="#09101C"
+    stroke-width="1.2"
+  />
+  <path d="M4.5 5.5L8 8.75L11.5 5.5" stroke="#09101C" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/forward.svg b/packages/icons/src/16/forward.svg
new file mode 100644
index 00000000..64fc74ed
--- /dev/null
+++ b/packages/icons/src/16/forward.svg
@@ -0,0 +1,14 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M14 8L8.4 8C6.15979 8 5.03969 8 4.18404 8.43597C3.43139 8.81947 2.81947 9.43139 2.43597 10.184C2 11.0397 2 12.1598 2 14.4L2 14.5"
+    stroke="black"
+    stroke-width="1.2"
+  />
+  <path d="M10 11.5L14 8L10 4.5" stroke="black" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/gif.svg b/packages/icons/src/16/gif.svg
new file mode 100644
index 00000000..9fc9c372
--- /dev/null
+++ b/packages/icons/src/16/gif.svg
@@ -0,0 +1,19 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M9.2 14H6.8C5.11984 14 4.27976 14 3.63803 13.673C3.07354 13.3854 2.6146 12.9265 2.32698 12.362C2 11.7202 2 10.8802 2 9.2V6.8C2 5.11984 2 4.27976 2.32698 3.63803C2.6146 3.07354 3.07354 2.6146 3.63803 2.32698C4.27976 2 5.11984 2 6.8 2H9.2C10.8802 2 11.7202 2 12.362 2.32698C12.9265 2.6146 13.3854 3.07354 13.673 3.63803C14 4.27976 14 5.11984 14 6.8V9.2C14 10.8802 14 11.7202 13.673 12.362C13.3854 12.9265 12.9265 13.3854 12.362 13.673C11.7202 14 10.8802 14 9.2 14Z"
+    stroke="#09101C"
+    stroke-width="1.2"
+  />
+  <path
+    d="M6.40952 7.43451L6.39843 7.39969C6.37124 7.31437 6.33394 7.23868 6.28677 7.17224L6.28625 7.17151L6.28626 7.1715C6.24019 7.10407 6.18462 7.04665 6.11941 6.99903L6.11909 6.9988C6.05561 6.95167 5.98214 6.91594 5.89811 6.89195L5.89756 6.89179L5.89757 6.89179C5.81343 6.86672 5.72097 6.85395 5.61982 6.85395C5.43939 6.85395 5.28036 6.89777 5.14124 6.98445C5.00272 7.07076 4.8925 7.19821 4.8113 7.36929C4.73166 7.53836 4.6907 7.74688 4.6907 7.99667C4.6907 8.24878 4.73169 8.45901 4.81138 8.62923C4.89139 8.80011 5.00153 8.92809 5.1412 9.01552C5.28119 9.10205 5.44474 9.14606 5.63357 9.14606C5.80603 9.14606 5.95252 9.11395 6.07466 9.0517L6.07481 9.05162C6.19826 8.98925 6.29222 8.9016 6.35813 8.7884C6.41386 8.69175 6.44667 8.58015 6.45549 8.45257H5.69712H5.64712V8.40257V7.92015V7.87015H5.69712H7.12458H7.17458V7.92015V8.32937C7.17458 8.62854 7.10873 8.89009 6.97502 9.11206C6.84189 9.33308 6.65856 9.50362 6.42598 9.62313L6.4258 9.62322C6.19331 9.74154 5.92766 9.8 5.63013 9.8C5.2986 9.8 5.00519 9.72789 4.75149 9.58209L4.75125 9.58195C4.49887 9.43507 4.30175 9.22673 4.16016 8.95821L4.16004 8.95798C4.01933 8.68773 3.94998 8.36895 3.94998 8.00333C3.94998 7.72348 3.99076 7.47179 4.07334 7.24902L4.07342 7.2488L4.07342 7.2488C4.15687 7.02685 4.27368 6.83733 4.42429 6.68113C4.57461 6.52411 4.75114 6.40479 4.95346 6.32343C5.15576 6.24096 5.3752 6.2 5.61124 6.2C5.81066 6.2 5.99745 6.2284 6.17128 6.28564M6.40952 7.43451L6.15577 6.33318M6.40952 7.43451H6.44607H7.09538H7.15386L7.14477 7.37674C7.11746 7.20308 7.05973 7.04377 6.97142 6.8993C6.88343 6.75537 6.77108 6.63106 6.63468 6.52651M6.40952 7.43451L6.6041 6.56606M6.17128 6.28564C6.17132 6.28566 6.17136 6.28567 6.17141 6.28568L6.15577 6.33318M6.17128 6.28564C6.17123 6.28562 6.17118 6.28561 6.17113 6.28559L6.15577 6.33318M6.17128 6.28564C6.34466 6.34163 6.49928 6.42184 6.63468 6.52651M6.15577 6.33318C6.32411 6.38752 6.47355 6.46515 6.6041 6.56606M6.63468 6.52651C6.63463 6.52646 6.63457 6.52642 6.63451 6.52638L6.6041 6.56606M6.63468 6.52651L6.6041 6.56606M7.09538 7.38451L7.04599 7.39227C7.04558 7.38968 7.04516 7.38709 7.04474 7.38451H7.09538ZM7.09538 7.38451V7.33451H7.08656C7.0898 7.35103 7.09274 7.36769 7.09538 7.38451ZM6.09736 9.09625C5.96681 9.16279 5.81221 9.19606 5.63357 9.19606C5.4366 9.19606 5.26368 9.15003 5.1148 9.05798C4.96593 8.96483 4.8497 8.82898 4.7661 8.65043C4.6825 8.47188 4.6407 8.25396 4.6407 7.99667C4.6407 7.7416 4.6825 7.52535 4.7661 7.34791L6.09736 9.09625ZM8.68907 6.29658V6.24658H8.63907H8.00178H7.95178V6.29658V9.70342V9.75342H8.00178H8.63907H8.68907V9.70342V6.29658ZM9.6963 9.70342V9.75342H9.7463H10.3836H10.4336V9.70342V8.30618H11.8454H11.8954V8.25618V7.73883V7.68883H11.8454H10.4336V6.86393H12H12.05V6.81393V6.29658V6.24658H12H9.7463H9.6963V6.29658V9.70342Z"
+    fill="#09101C"
+    stroke="#09101C"
+    stroke-width="0.1"
+  />
+</svg>
diff --git a/packages/icons/src/16/group.svg b/packages/icons/src/16/group.svg
new file mode 100644
index 00000000..97ff86df
--- /dev/null
+++ b/packages/icons/src/16/group.svg
@@ -0,0 +1,22 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M4.60002 5C4.60002 3.95066 5.45068 3.1 6.50002 3.1C7.54937 3.1 8.40002 3.95066 8.40002 5C8.40002 6.04934 7.54937 6.9 6.50002 6.9C5.45068 6.9 4.60002 6.04934 4.60002 5ZM6.50002 1.9C4.78794 1.9 3.40002 3.28792 3.40002 5C3.40002 6.71208 4.78794 8.1 6.50002 8.1C8.21211 8.1 9.60002 6.71208 9.60002 5C9.60002 3.28792 8.21211 1.9 6.50002 1.9ZM5.00002 8.9C3.0118 8.9 1.40002 10.5118 1.40002 12.5C1.40002 13.3837 2.11637 14.1 3.00002 14.1H9.00002C9.88368 14.1 10.6 13.3837 10.6 12.5C10.6 10.5118 8.98825 8.9 7.00002 8.9H5.00002ZM2.60002 12.5C2.60002 11.1745 3.67454 10.1 5.00002 10.1H7.00002C8.32551 10.1 9.40002 11.1745 9.40002 12.5C9.40002 12.7209 9.22094 12.9 9.00002 12.9H3.00002C2.77911 12.9 2.60002 12.7209 2.60002 12.5Z"
+    fill="#09101C"
+  />
+  <path
+    d="M10 3.1C11.0493 3.1 11.9 3.95066 11.9 5C11.9 5.77819 11.4321 6.44843 10.7598 6.74217C10.5279 6.84349 10.2713 6.9 10 6.9V8.1C10.4398 8.1 10.8597 8.00806 11.2402 7.84179C12.3338 7.36397 13.1 6.27213 13.1 5C13.1 3.28792 11.7121 1.9 10 1.9V3.1Z"
+    fill="#09101C"
+  />
+  <path
+    d="M11 10.1H11.5C12.8255 10.1 13.9 11.1745 13.9 12.5C13.9 12.7209 13.7209 12.9 13.5 12.9H11.5V14.1H13.5C14.3837 14.1 15.1 13.3837 15.1 12.5C15.1 10.5118 13.4882 8.9 11.5 8.9H11V10.1Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/16/history.svg b/packages/icons/src/16/history.svg
new file mode 100644
index 00000000..b141b084
--- /dev/null
+++ b/packages/icons/src/16/history.svg
@@ -0,0 +1,15 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M2.60002 4.20447V3H1.40002V6V6.6H2.00002H4.50002V5.4H3.26577C4.18449 3.73085 5.96063 2.6 7.99997 2.6C10.9823 2.6 13.4 5.01766 13.4 8C13.4 10.9823 10.9823 13.4 7.99997 13.4C5.42722 13.4 3.27469 11.6008 2.73197 9.192L1.56729 9.48317C2.2403 12.4141 4.86486 14.6 7.99997 14.6C11.6451 14.6 14.6 11.6451 14.6 8C14.6 4.35492 11.6451 1.4 7.99997 1.4C5.76734 1.4 3.7943 2.50828 2.60002 4.20447Z"
+    fill="black"
+  />
+  <path d="M7.5 5V8L10 10.5" stroke="black" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/info.svg b/packages/icons/src/16/info.svg
new file mode 100644
index 00000000..e1e7accc
--- /dev/null
+++ b/packages/icons/src/16/info.svg
@@ -0,0 +1,11 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="8" cy="8" r="6" stroke="#09101C" stroke-width="1.2" />
+  <path d="M8 7V11" stroke="#09101C" stroke-width="1.2" />
+  <path d="M8 5V6.25" stroke="#09101C" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/lightning.svg b/packages/icons/src/16/lightning.svg
new file mode 100644
index 00000000..16f1600a
--- /dev/null
+++ b/packages/icons/src/16/lightning.svg
@@ -0,0 +1,14 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M9 2V7H12L7 14V9H4L9 2Z"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/16/locked.svg b/packages/icons/src/16/locked.svg
new file mode 100644
index 00000000..01a9ca15
--- /dev/null
+++ b/packages/icons/src/16/locked.svg
@@ -0,0 +1,14 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.00005 0.9H7.98848H7.98844C7.90675 0.899997 7.85114 0.899995 7.8019 0.901607C6.22206 0.953325 4.95338 2.22201 4.90166 3.80184C4.90005 3.85109 4.90005 3.9067 4.90005 3.98841V3.98843L4.90005 4V5.16265C3.86071 5.5829 3.06723 6.46914 2.77272 7.56825C2.64973 8.02724 2.64985 8.56617 2.65004 9.40026L2.65005 9.5L2.65004 9.59974C2.64985 10.4338 2.64973 10.9728 2.77272 11.4317C3.1056 12.6741 4.07597 13.6445 5.3183 13.9773C5.77729 14.1003 6.31621 14.1002 7.1503 14.1H7.15031L7.25005 14.1H8.75005L8.8498 14.1H8.84981C9.6839 14.1002 10.2228 14.1003 10.6818 13.9773C11.9241 13.6445 12.8945 12.6741 13.2274 11.4317C13.3504 10.9728 13.3503 10.4338 13.3501 9.59977V9.59974L13.3501 9.5L13.3501 9.40026V9.40023C13.3503 8.56615 13.3504 8.02724 13.2274 7.56825C12.9329 6.46914 12.1394 5.5829 11.1001 5.16265V4V3.98842V3.98838C11.1001 3.90669 11.1001 3.85108 11.0984 3.80184C11.0467 2.22201 9.77805 0.953325 8.19821 0.901607C8.14897 0.899995 8.09336 0.899997 8.01166 0.9H8.01163H8.00005ZM8.75005 6.1H7.25005C6.28145 6.1 5.91485 6.10515 5.62889 6.18178C4.80067 6.4037 4.15375 7.05061 3.93183 7.87883C3.85521 8.1648 3.85005 8.5314 3.85005 9.5C3.85005 10.4686 3.85521 10.8352 3.93183 11.1212C4.15375 11.9494 4.80067 12.5963 5.62889 12.8182C5.91485 12.8948 6.28145 12.9 7.25005 12.9H8.75005C9.71865 12.9 10.0853 12.8948 10.3712 12.8182C11.1994 12.5963 11.8464 11.9494 12.0683 11.1212C12.1449 10.8352 12.1501 10.4686 12.1501 9.5C12.1501 8.5314 12.1449 8.1648 12.0683 7.87883C11.8464 7.05061 11.1994 6.4037 10.3712 6.18178C10.0853 6.10515 9.71865 6.1 8.75005 6.1ZM9.03758 4.9H9.90005V4C9.90005 3.9024 9.89997 3.86807 9.89909 3.84111C9.86806 2.8932 9.10685 2.132 8.15895 2.10096C8.13198 2.10008 8.09765 2.1 8.00005 2.1C7.90246 2.1 7.86812 2.10008 7.84116 2.10096C6.89326 2.132 6.13205 2.8932 6.10102 3.84111C6.10013 3.86807 6.10005 3.9024 6.10005 4V4.9H6.96253C7.02343 4.89996 7.08599 4.89997 7.15031 4.89999L7.25005 4.9H8.75005L8.8498 4.89999C8.91411 4.89997 8.97667 4.89996 9.03758 4.9ZM7.40005 8.25H8.60005V10.75H7.40005V8.25Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/16/mention.svg b/packages/icons/src/16/mention.svg
new file mode 100644
index 00000000..12b32a8a
--- /dev/null
+++ b/packages/icons/src/16/mention.svg
@@ -0,0 +1,14 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.70824 1.62489C8.30486 1.24886 6.81662 1.3464 5.47432 1.9024C4.13203 2.45839 3.01071 3.44176 2.28427 4.7C1.55782 5.95824 1.26686 7.42102 1.4565 8.86147C1.64614 10.3019 2.30578 11.6396 3.33313 12.6669C4.36047 13.6943 5.6981 14.3539 7.13856 14.5435C8.57902 14.7332 10.0418 14.4422 11.3 13.7158L10.7 12.6765C9.67057 13.2709 8.47375 13.509 7.29519 13.3538C6.11664 13.1986 5.02221 12.6589 4.18166 11.8184C3.3411 10.9778 2.80139 9.8834 2.64623 8.70484C2.49107 7.52629 2.72913 6.32947 3.3235 5.3C3.91786 4.27053 4.8353 3.46596 5.93354 3.01105C7.03178 2.55615 8.24944 2.47634 9.39766 2.784C10.5459 3.09167 11.5605 3.76961 12.2841 4.71269C13.0078 5.65576 13.4 6.81125 13.4 7.99996H13.4V8.00019L13.4 8.00149L13.4 8.00732L13.3999 8.0315C13.3998 8.05301 13.3996 8.08503 13.3991 8.12619C13.3982 8.20855 13.3964 8.32729 13.3928 8.47136C13.3855 8.7602 13.371 9.14755 13.3421 9.54606C13.3078 10.0207 12.8972 10.4 12.325 10.4C11.6485 10.4 11.1 9.85153 11.1 9.17495V8V4.5H9.9V5.55033C9.37521 5.1427 8.71595 4.9 8 4.9C6.28792 4.9 4.9 6.28792 4.9 8C4.9 9.71208 6.28792 11.1 8 11.1C8.83232 11.1 9.58802 10.772 10.1449 10.2382C10.5389 11.0446 11.3671 11.6 12.325 11.6C13.4278 11.6 14.4525 10.8286 14.539 9.63262C14.5696 9.2093 14.5848 8.80198 14.5924 8.50161C14.5962 8.35107 14.5981 8.22657 14.599 8.13933C14.5995 8.0957 14.5998 8.06135 14.5999 8.03767L14.6 8.01032L14.6 8.00296L14.6 8.00093V8.00032V8.00013V8.00005L14 8H14.6C14.6 6.54711 14.1206 5.13483 13.2362 3.98217C12.3517 2.82952 11.1116 2.00092 9.70824 1.62489ZM8 9.9C9.04934 9.9 9.9 9.04934 9.9 8C9.9 6.95066 9.04934 6.1 8 6.1C6.95066 6.1 6.1 6.95066 6.1 8C6.1 9.04934 6.95066 9.9 8 9.9Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/16/more.svg b/packages/icons/src/16/more.svg
new file mode 100644
index 00000000..16dacf48
--- /dev/null
+++ b/packages/icons/src/16/more.svg
@@ -0,0 +1,11 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="3.25" cy="8" r="1.25" fill="#09101C" />
+  <circle cx="8" cy="8" r="1.25" fill="#09101C" />
+  <circle cx="12.75" cy="8" r="1.25" fill="#09101C" />
+</svg>
diff --git a/packages/icons/src/16/mute.svg b/packages/icons/src/16/mute.svg
new file mode 100644
index 00000000..09b263a1
--- /dev/null
+++ b/packages/icons/src/16/mute.svg
@@ -0,0 +1,14 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.00002 1.9C5.70114 1.9 3.83752 3.76362 3.83752 6.0625V6.75798C3.83752 7.28259 3.67023 7.79354 3.35996 8.21657L3.00239 8.70408C2.77346 9.01621 2.65002 9.39321 2.65002 9.7803C2.65002 10.7853 3.46473 11.6 4.46972 11.6H11.5303C12.5353 11.6 13.35 10.7853 13.35 9.7803C13.35 9.39321 13.2266 9.01621 12.9977 8.70408L12.6401 8.21657C12.3298 7.79354 12.1625 7.28259 12.1625 6.75798V6.0625C12.1625 3.76362 10.2989 1.9 8.00002 1.9ZM5.03752 6.0625C5.03752 4.42636 6.36388 3.1 8.00002 3.1C9.63617 3.1 10.9625 4.42636 10.9625 6.0625V6.75798C10.9625 7.53786 11.2112 8.29742 11.6725 8.92628L12.03 9.41379C12.108 9.52009 12.15 9.64848 12.15 9.7803C12.15 10.1226 11.8726 10.4 11.5303 10.4H4.46972C4.12747 10.4 3.85002 10.1226 3.85002 9.7803C3.85002 9.64848 3.89206 9.52009 3.97002 9.41379L4.32759 8.92629C4.78883 8.29742 5.03752 7.53786 5.03752 6.75798V6.0625ZM8.00002 14.35C8.46772 14.35 8.9271 14.2386 9.35074 14.0268C9.7738 13.8152 10.1502 13.5092 10.4621 13.1328L9.53798 12.3672C9.32457 12.6248 9.07735 12.8218 8.81409 12.9535C8.55141 13.0848 8.27519 13.15 8.00002 13.15C7.72485 13.15 7.44864 13.0848 7.18596 12.9535C6.9227 12.8218 6.67547 12.6248 6.46207 12.3672L5.53798 13.1328C5.84986 13.5092 6.22625 13.8152 6.6493 14.0268C7.07294 14.2386 7.53233 14.35 8.00002 14.35Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/16/negative.svg b/packages/icons/src/16/negative.svg
new file mode 100644
index 00000000..92ca5d00
--- /dev/null
+++ b/packages/icons/src/16/negative.svg
@@ -0,0 +1,11 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="8" cy="8" r="6" stroke="#E65F5C" stroke-opacity="0.4" />
+  <path d="M8 10.5L8 5" stroke="#E65F5C" stroke-width="1.2" />
+  <path d="M5 7.5L8 10.5L11 7.5" stroke="#E65F5C" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/notification.svg b/packages/icons/src/16/notification.svg
new file mode 100644
index 00000000..3af0636a
--- /dev/null
+++ b/packages/icons/src/16/notification.svg
@@ -0,0 +1,9 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="8" cy="8" r="4" fill="#4360DF" />
+</svg>
diff --git a/packages/icons/src/16/pin.svg b/packages/icons/src/16/pin.svg
new file mode 100644
index 00000000..b8bf2b69
--- /dev/null
+++ b/packages/icons/src/16/pin.svg
@@ -0,0 +1,32 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8.5 3.5L12.5 7.5L8.50008 11.5L4.5 7.5L8.5 3.5Z"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M6.5 9.5L3 13"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M3.5 6.5L9.5 12.5"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M7.5 2.5L13.5 8.5"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/16/placeholder.svg b/packages/icons/src/16/placeholder.svg
new file mode 100644
index 00000000..c104663b
--- /dev/null
+++ b/packages/icons/src/16/placeholder.svg
@@ -0,0 +1,14 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.00002 2.6C6.72502 2.6 5.55322 3.04188 4.62942 3.78086L8.00003 7.15147L11.3706 3.78086C10.4468 3.04188 9.27503 2.6 8.00002 2.6ZM12.2192 4.62939L8.84856 8L12.2192 11.3706C12.9581 10.4468 13.4 9.27501 13.4 8C13.4 6.72499 12.9581 5.55319 12.2192 4.62939ZM7.1515 8L3.78089 4.62938C3.04191 5.55319 2.60002 6.72499 2.60002 8C2.60002 9.27501 3.04191 10.4468 3.78088 11.3706L7.1515 8ZM4.62941 12.2191L8.00003 8.84852L11.3706 12.2191C10.4468 12.9581 9.27503 13.4 8.00002 13.4C6.72502 13.4 5.55321 12.9581 4.62941 12.2191ZM1.40002 8C1.40002 4.35492 4.35495 1.4 8.00002 1.4C11.6451 1.4 14.6 4.35492 14.6 8C14.6 11.6451 11.6451 14.6 8.00002 14.6C4.35495 14.6 1.40002 11.6451 1.40002 8Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/16/positive.svg b/packages/icons/src/16/positive.svg
new file mode 100644
index 00000000..f55debb1
--- /dev/null
+++ b/packages/icons/src/16/positive.svg
@@ -0,0 +1,11 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="8" cy="8" r="6" stroke="#26A69A" stroke-opacity="0.4" />
+  <path d="M8 5.5V11" stroke="#26A69A" stroke-width="1.2" />
+  <path d="M11 8.5L8 5.5L5 8.5" stroke="#26A69A" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/privacy.svg b/packages/icons/src/16/privacy.svg
new file mode 100644
index 00000000..c9892835
--- /dev/null
+++ b/packages/icons/src/16/privacy.svg
@@ -0,0 +1,14 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M5.13968 4.12245C5.22212 3.84766 5.55849 3.74644 5.77889 3.9301L7.61589 5.46093L8.03682 5.81171L8.42426 5.42426L9.85191 3.99662C10.055 3.79356 10.3995 3.86428 10.5061 4.13091L11.6138 6.9H4.30642L5.13968 4.12245ZM3.05358 6.9L3.99029 3.77763C4.32004 2.67847 5.66553 2.27358 6.54711 3.00823L7.96318 4.18829L9.00338 3.14809C9.81561 2.33586 11.1937 2.61873 11.6203 3.68524L12.9062 6.9H14V8.1H2V6.9H3.05358ZM5 10.6C4.36487 10.6 3.85 11.1149 3.85 11.75C3.85 12.3851 4.36487 12.9 5 12.9C5.63513 12.9 6.15 12.3851 6.15 11.75C6.15 11.1149 5.63513 10.6 5 10.6ZM2.65 11.75C2.65 10.4521 3.70213 9.4 5 9.4C6.04839 9.4 6.93643 10.0865 7.2391 11.0345C7.73921 10.9163 8.26079 10.9163 8.76091 11.0345C9.06357 10.0865 9.95161 9.4 11 9.4C12.2979 9.4 13.35 10.4521 13.35 11.75C13.35 13.0479 12.2979 14.1 11 14.1C9.88018 14.1 8.94329 13.3167 8.70732 12.2682C8.2503 12.1051 7.7497 12.1051 7.29268 12.2682C7.05671 13.3167 6.11982 14.1 5 14.1C3.70213 14.1 2.65 13.0479 2.65 11.75ZM9.85 11.75C9.85 11.1149 10.3649 10.6 11 10.6C11.6351 10.6 12.15 11.1149 12.15 11.75C12.15 12.3851 11.6351 12.9 11 12.9C10.3649 12.9 9.85 12.3851 9.85 11.75Z"
+    fill="black"
+  />
+</svg>
diff --git a/packages/icons/src/16/progress.svg b/packages/icons/src/16/progress.svg
new file mode 100644
index 00000000..4ddef029
--- /dev/null
+++ b/packages/icons/src/16/progress.svg
@@ -0,0 +1,21 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle
+    cx="8"
+    cy="8"
+    r="6"
+    transform="rotate(-180 8 8)"
+    stroke="#F0F2F5"
+    stroke-width="1.2"
+  />
+  <path
+    d="M8 2C9.26708 2 10.5016 2.40113 11.5267 3.1459C12.5518 3.89067 13.3148 4.94084 13.7063 6.1459"
+    stroke="#09101C"
+    stroke-width="1.2"
+  />
+</svg>
diff --git a/packages/icons/src/16/remove-user.svg b/packages/icons/src/16/remove-user.svg
new file mode 100644
index 00000000..fada66ea
--- /dev/null
+++ b/packages/icons/src/16/remove-user.svg
@@ -0,0 +1,23 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8.5 10H6C4.34315 10 3 11.3431 3 13V13C3 13.5523 3.44772 14 4 14H8.5"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+  <circle
+    cx="8.5"
+    cy="5"
+    r="2.5"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+  <path d="M9.5 12H13.5" stroke="#09101C" stroke-width="1.2" />
+</svg>
diff --git a/packages/icons/src/16/sad.svg b/packages/icons/src/16/sad.svg
new file mode 100644
index 00000000..f2f1881e
--- /dev/null
+++ b/packages/icons/src/16/sad.svg
@@ -0,0 +1,16 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="8" cy="8" r="6" stroke="#09101C" stroke-width="1.2" />
+  <path
+    d="M10.5 10.75C10.1717 10.433 9.78194 10.1815 9.35299 10.0099C8.92404 9.83831 8.46429 9.75 8 9.75C7.53571 9.75 7.07596 9.83831 6.64701 10.0099C6.21806 10.1815 5.8283 10.433 5.5 10.75"
+    stroke="#09101C"
+    stroke-width="1.2"
+  />
+  <circle cx="6" cy="6.5" r="1" fill="#09101C" />
+  <circle cx="10" cy="6.5" r="1" fill="#09101C" />
+</svg>
diff --git a/packages/icons/src/16/stickers.svg b/packages/icons/src/16/stickers.svg
new file mode 100644
index 00000000..8acc27ba
--- /dev/null
+++ b/packages/icons/src/16/stickers.svg
@@ -0,0 +1,18 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8 2H8.66667C9.90663 2 10.5266 2 11.0353 2.1363C12.4156 2.50617 13.4938 3.58436 13.8637 4.96472C14 5.47339 14 6.09337 14 7.33333C14 8.88329 14 9.65826 13.8296 10.2941C13.3673 12.0196 12.0196 13.3673 10.2941 13.8296C9.65826 14 8.88329 14 7.33333 14C6.09337 14 5.47339 14 4.96472 13.8637C3.58436 13.4938 2.50617 12.4156 2.1363 11.0353C2 10.5266 2 9.90663 2 8.66667V8C2 6.13623 2 5.20435 2.30448 4.46927C2.71046 3.48915 3.48915 2.71046 4.46927 2.30448C5.20435 2 6.13623 2 8 2Z"
+    stroke="#09101C"
+    stroke-width="1.2"
+  />
+  <path
+    d="M13.8 9V9C12.1198 9 11.2798 9 10.638 9.32698C10.0735 9.6146 9.6146 10.0735 9.32698 10.638C9 11.2798 9 12.1198 9 13.8V13.8"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/16/unlocked.svg b/packages/icons/src/16/unlocked.svg
new file mode 100644
index 00000000..04a73611
--- /dev/null
+++ b/packages/icons/src/16/unlocked.svg
@@ -0,0 +1,14 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.06532 0.9C9.74136 0.9 11.1001 2.2587 11.1001 3.93473V5.16265C12.1394 5.58289 12.9329 6.46914 13.2274 7.56825C13.3504 8.02724 13.3503 8.56615 13.3501 9.40023V9.40026L13.3501 9.5L13.3501 9.59974V9.59977C13.3503 10.4338 13.3504 10.9728 13.2274 11.4317C12.8945 12.6741 11.9241 13.6445 10.6818 13.9773C10.2228 14.1003 9.68391 14.1002 8.84984 14.1H8.8498L8.75005 14.1H7.25005L7.15031 14.1H7.15027C6.3162 14.1002 5.77729 14.1003 5.3183 13.9773C4.07597 13.6445 3.1056 12.6741 2.77272 11.4317C2.64973 10.9728 2.64985 10.4338 2.65004 9.59974L2.65005 9.5L2.65004 9.40026C2.64985 8.56616 2.64973 8.02724 2.77272 7.56825C3.1056 6.32592 4.07597 5.35555 5.3183 5.02267C5.7773 4.89968 6.31622 4.8998 7.15031 4.89998L7.25005 4.9H8.75005L8.8498 4.89998C9.26384 4.89989 9.60515 4.89982 9.90005 4.91481V3.93473C9.90005 2.92144 9.07862 2.1 8.06532 2.1C7.28399 2.1 6.58838 2.59482 6.3321 3.33292L6.06686 4.09681L4.93325 3.70319L5.19849 2.9393C5.62239 1.71845 6.77297 0.9 8.06532 0.9ZM7.25005 6.1C6.28145 6.1 5.91485 6.10515 5.62889 6.18178C4.80067 6.4037 4.15375 7.05061 3.93183 7.87883C3.85521 8.1648 3.85005 8.5314 3.85005 9.5C3.85005 10.4686 3.85521 10.8352 3.93183 11.1212C4.15375 11.9494 4.80067 12.5963 5.62889 12.8182C5.91485 12.8948 6.28145 12.9 7.25005 12.9H8.75005C9.71865 12.9 10.0853 12.8948 10.3712 12.8182C11.1994 12.5963 11.8464 11.9494 12.0683 11.1212C12.1449 10.8352 12.1501 10.4686 12.1501 9.5C12.1501 8.5314 12.1449 8.1648 12.0683 7.87883C11.8464 7.05061 11.1994 6.4037 10.3712 6.18178C10.0853 6.10515 9.71865 6.1 8.75005 6.1H7.25005ZM7.40005 8.25H8.60005V10.75H7.40005V8.25Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/16/unmute.svg b/packages/icons/src/16/unmute.svg
new file mode 100644
index 00000000..77551597
--- /dev/null
+++ b/packages/icons/src/16/unmute.svg
@@ -0,0 +1,14 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M3.83756 6.0625C3.83756 5.64507 3.899 5.24199 4.01334 4.86181L1.91895 2.76741L2.76747 1.91888L4.56276 3.71416C5.31257 2.61876 6.57238 1.9 8.00006 1.9C10.2989 1.9 12.1626 3.76362 12.1626 6.0625V6.75798C12.1626 7.28259 12.3298 7.79354 12.6401 8.21657L12.9977 8.70408C13.2266 9.01621 13.3501 9.39321 13.3501 9.7803C13.3501 10.516 12.9134 11.1498 12.2852 11.4366L14.0812 13.2326L13.2327 14.0811L10.7515 11.6H4.46976C3.46476 11.6 2.65006 10.7853 2.65006 9.7803C2.65006 9.39321 2.77349 9.01621 3.00243 8.70408L3.35999 8.21657C3.67027 7.79354 3.83756 7.28259 3.83756 6.75798V6.0625ZM5.03756 6.0625C5.03756 6.0049 5.0392 5.94769 5.04244 5.89091L9.55154 10.4H4.46976C4.12751 10.4 3.85006 10.1226 3.85006 9.7803C3.85006 9.64848 3.89209 9.52009 3.97006 9.41379L4.32762 8.92629C4.78887 8.29742 5.03756 7.53786 5.03756 6.75798V6.0625ZM11.5304 10.4H11.2486L5.43241 4.58381C5.94427 3.69691 6.90246 3.1 8.00006 3.1C9.6362 3.1 10.9626 4.42636 10.9626 6.0625V6.75798C10.9626 7.53786 11.2112 8.29742 11.6725 8.92628L12.0301 9.41379C12.108 9.52009 12.1501 9.64848 12.1501 9.7803C12.1501 10.1226 11.8726 10.4 11.5304 10.4ZM8.00006 14.35C8.46776 14.35 8.92714 14.2386 9.35078 14.0268C9.77383 13.8152 10.1502 13.5092 10.4621 13.1328L9.53801 12.3672C9.32461 12.6248 9.07739 12.8218 8.81412 12.9535C8.55144 13.0848 8.27523 13.15 8.00006 13.15C7.72489 13.15 7.44867 13.0848 7.18599 12.9535C6.92273 12.8218 6.67551 12.6248 6.4621 12.3672L5.53801 13.1328C5.8499 13.5092 6.22628 13.8152 6.64934 14.0268C7.07298 14.2386 7.53236 14.35 8.00006 14.35Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/16/world.svg b/packages/icons/src/16/world.svg
new file mode 100644
index 00000000..4180bcea
--- /dev/null
+++ b/packages/icons/src/16/world.svg
@@ -0,0 +1,14 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M2.6 8C2.6 5.01766 5.01766 2.6 8 2.6C8.13192 2.6 8.26273 2.60473 8.39228 2.61403C7.93797 2.86162 7.46649 3.1286 7.06222 3.38411C6.67211 3.63067 6.28977 3.8998 6.05163 4.1563C5.94694 4.26905 5.77598 4.47565 5.74225 4.74894C5.7223 4.91055 5.75181 5.08881 5.85607 5.24935C5.95353 5.39942 6.08675 5.48864 6.19776 5.54157C6.46441 5.66873 6.77158 5.77311 7.04965 5.86514L7.16107 5.90191C7.4094 5.98375 7.63711 6.0588 7.84419 6.14288C8.08594 6.24103 8.2434 6.3302 8.334 6.41005C8.40436 6.47206 8.40104 6.49617 8.40013 6.49957C8.39526 6.50508 8.38551 6.51486 8.36782 6.52829C8.28943 6.58782 8.14265 6.65563 7.89646 6.72995C7.73227 6.77953 7.56464 6.82102 7.37997 6.86674L7.37983 6.86678C7.28738 6.88966 7.19066 6.91361 7.08797 6.94015C6.80249 7.01394 6.48147 7.10573 6.19773 7.24105C6.11621 7.27993 6.01269 7.32189 5.88202 7.37487C5.81001 7.40406 5.72976 7.4366 5.64039 7.47381C5.41704 7.56679 5.1436 7.68679 4.92606 7.82561C4.81903 7.89392 4.68917 7.98915 4.58523 8.11602C4.48069 8.24363 4.34906 8.47253 4.40003 8.76727C4.44918 9.05153 4.64057 9.23002 4.78625 9.32955C4.93708 9.4326 5.12178 9.50936 5.31823 9.57181C5.65548 9.67901 5.89221 9.76405 6.0631 9.84173C6.23486 9.91981 6.303 9.97434 6.33064 10.0031L6.33288 10.0054C6.35471 10.0274 6.4 10.0733 6.4 10.5C6.4 10.7106 6.44686 10.9532 6.5023 11.1767C6.56034 11.4107 6.63917 11.6673 6.72489 11.9211C6.91039 12.4704 7.35887 12.9078 7.96032 12.8782C8.54902 12.8492 8.96136 12.3862 9.11643 11.8364C9.3598 10.9736 9.6699 10.2808 10.2042 9.9411C10.6941 9.62958 10.9634 9.25939 11.1531 8.88412C11.2349 8.72237 11.3034 8.55635 11.3633 8.41104L11.3633 8.41103L11.3789 8.37324C11.4454 8.21219 11.5059 8.06922 11.5801 7.92762C11.7872 7.53247 12.1457 7.05236 13.2065 6.5622C13.3326 7.01998 13.4 7.50212 13.4 8C13.4 10.9823 10.9823 13.4 8 13.4C5.01766 13.4 2.6 10.9823 2.6 8ZM12.7597 5.4473C12.1855 4.37879 11.2619 3.52592 10.1419 3.04145L9.91481 3.16147C9.24128 3.5171 8.37008 3.9771 7.70332 4.3985C7.5421 4.5004 7.40231 4.59427 7.28524 4.67864C7.33104 4.69413 7.37819 4.70986 7.42666 4.7259L7.53323 4.76104C7.77759 4.84147 8.04792 4.93046 8.29563 5.03103C8.57591 5.14483 8.8835 5.2948 9.12743 5.50979C9.38585 5.73754 9.6 6.06536 9.6 6.5C9.6 6.94481 9.37539 7.26992 9.09359 7.48394C8.83742 7.67848 8.51914 7.79546 8.24329 7.87874C8.04984 7.93715 7.83213 7.99112 7.6315 8.04086L7.63149 8.04087C7.54628 8.06199 7.46415 8.08236 7.38826 8.10197C7.11128 8.17356 6.88639 8.2421 6.7143 8.32417C6.60017 8.3786 6.43962 8.44379 6.28634 8.50603L6.28633 8.50603C6.22865 8.52946 6.17199 8.55246 6.11922 8.57432C6.28224 8.63235 6.42908 8.68993 6.5597 8.7493C6.79742 8.85737 7.01879 8.98761 7.19518 9.17085C7.58246 9.57317 7.6 10.0724 7.6 10.5C7.6 10.5596 7.61712 10.6867 7.667 10.8878C7.71429 11.0784 7.78213 11.3012 7.86181 11.5372C7.87738 11.5833 7.89372 11.6164 7.90788 11.6397C7.92478 11.6122 7.94455 11.5708 7.96149 11.5107C8.20594 10.644 8.6092 9.5332 9.56031 8.92846C9.82898 8.75763 9.96658 8.57144 10.0822 8.34268C10.1423 8.22398 10.1938 8.0992 10.2577 7.94423L10.2577 7.94422L10.2698 7.9151C10.3365 7.75361 10.4151 7.56545 10.5172 7.3706C10.876 6.68603 11.4658 6.0342 12.7597 5.4473ZM8 1.4C4.35492 1.4 1.4 4.35492 1.4 8C1.4 11.6451 4.35492 14.6 8 14.6C11.6451 14.6 14.6 11.6451 14.6 8C14.6 4.35492 11.6451 1.4 8 1.4ZM6.89444 5.01738C6.89427 5.01739 6.89545 5.01535 6.89849 5.01118C6.89612 5.01527 6.8946 5.01736 6.89444 5.01738Z"
+    fill="black"
+  />
+</svg>
diff --git a/packages/icons/src/20/Menu.svg b/packages/icons/src/20/Menu.svg
new file mode 100644
index 00000000..940ff386
--- /dev/null
+++ b/packages/icons/src/20/Menu.svg
@@ -0,0 +1,29 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M15 15L5 15"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M15 10L5 10"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M15 5L5 5"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/Unread.svg b/packages/icons/src/20/Unread.svg
new file mode 100644
index 00000000..c6c011fd
--- /dev/null
+++ b/packages/icons/src/20/Unread.svg
@@ -0,0 +1,29 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M12 15L8 15"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M14 10L6 10"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M16 5L4 5"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/account number.svg b/packages/icons/src/20/account number.svg
new file mode 100644
index 00000000..357bd759
--- /dev/null
+++ b/packages/icons/src/20/account number.svg	
@@ -0,0 +1,13 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect x="2.5" y="2.5" width="15" height="15" rx="3.5" stroke="#09101C" />
+  <path
+    d="M11.3223 6V14H9.87305V7.41016H9.82617L7.95508 8.60547V7.27734L9.94336 6H11.3223Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/active-member.svg b/packages/icons/src/20/active-member.svg
new file mode 100644
index 00000000..41b131ef
--- /dev/null
+++ b/packages/icons/src/20/active-member.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M11.25 2.5V8.75H14.5L8.75 17.5V11.25H5.5L11.25 2.5Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/activity-center.svg b/packages/icons/src/20/activity-center.svg
new file mode 100644
index 00000000..e1abf147
--- /dev/null
+++ b/packages/icons/src/20/activity-center.svg
@@ -0,0 +1,20 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M5.5 7.5C5.5 5.01472 7.51472 3 10 3V3C12.4853 3 14.5 5.01472 14.5 7.5V8.25C14.5 9.06139 14.7632 9.85089 15.25 10.5L15.7 11.1C15.8947 11.3596 16 11.6754 16 12V12C16 12.8284 15.3284 13.5 14.5 13.5H5.5C4.67157 13.5 4 12.8284 4 12V12C4 11.6754 4.10527 11.3596 4.3 11.1L4.75 10.5C5.23683 9.85089 5.5 9.06139 5.5 8.25V7.5Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M7.87845 16.1213C8.15703 16.3999 8.48775 16.6209 8.85172 16.7716C9.2157 16.9224 9.60581 17 9.99977 17C10.3937 17 10.7838 16.9224 11.1478 16.7716C11.5118 16.6209 11.8425 16.3999 12.1211 16.1213"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/add-reaction.svg b/packages/icons/src/20/add-reaction.svg
new file mode 100644
index 00000000..ff580305
--- /dev/null
+++ b/packages/icons/src/20/add-reaction.svg
@@ -0,0 +1,22 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M7.52515 12C7.85015 12.325 8.23599 12.5828 8.66063 12.7587C9.08527 12.9346 9.54039 13.0251 10 13.0251C10.4596 13.0251 10.9148 12.9346 11.3394 12.7587C11.7641 12.5828 12.1499 12.325 12.4749 12"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <circle cx="8" cy="8.5" r="1" fill="#09101C" />
+  <circle cx="12" cy="8.5" r="1" fill="#09101C" />
+  <path d="M15.5 2V7" stroke="#09101C" stroke-width="1.3" />
+  <path d="M13 4.5H18" stroke="#09101C" stroke-width="1.3" />
+  <path
+    d="M11.747 3.48C10.3118 3.09542 8.78968 3.19518 7.41689 3.76381C6.04409 4.33244 4.89728 5.33817 4.15433 6.625C3.41138 7.91183 3.1138 9.40786 3.30775 10.8811C3.5017 12.3542 4.17633 13.7223 5.22703 14.773C6.27772 15.8237 7.64575 16.4983 9.11895 16.6923C10.5921 16.8862 12.0882 16.5886 13.375 15.8457C14.6618 15.1027 15.6676 13.9559 16.2362 12.5831C16.8048 11.2103 16.9046 9.68825 16.52 8.25297"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/add-small.svg b/packages/icons/src/20/add-small.svg
new file mode 100644
index 00000000..66a63c90
--- /dev/null
+++ b/packages/icons/src/20/add-small.svg
@@ -0,0 +1,22 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.65 9.35V6.5H9.35V9.35L6.5 9.35V10.65H9.35V13.5H10.65V10.65H13.5V9.35L10.65 9.35Z"
+    fill="#09101C"
+  />
+  <circle
+    cx="10"
+    cy="10"
+    r="6.75"
+    stroke="#1B273D"
+    stroke-opacity="0.3"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/add-token.svg b/packages/icons/src/20/add-token.svg
new file mode 100644
index 00000000..84181cd6
--- /dev/null
+++ b/packages/icons/src/20/add-token.svg
@@ -0,0 +1,15 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="6.75" fill="#09101C" />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.6497 9.35V6.5H9.34974L9.34974 9.35H6.49951V10.65H9.34974L9.34974 13.5H10.6497V10.65H13.4995V9.35H10.6497Z"
+    fill="white"
+  />
+</svg>
diff --git a/packages/icons/src/20/add-user.svg b/packages/icons/src/20/add-user.svg
new file mode 100644
index 00000000..525d8e56
--- /dev/null
+++ b/packages/icons/src/20/add-user.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.14998 6C8.14998 4.97827 8.97825 4.15 9.99998 4.15C11.0217 4.15 11.85 4.97827 11.85 6C11.85 7.02173 11.0217 7.85 9.99998 7.85C8.97825 7.85 8.14998 7.02173 8.14998 6ZM9.99998 2.85C8.26028 2.85 6.84998 4.2603 6.84998 6C6.84998 7.7397 8.26028 9.15 9.99998 9.15C11.7397 9.15 13.15 7.7397 13.15 6C13.15 4.2603 11.7397 2.85 9.99998 2.85ZM7.74998 11.65C6.03789 11.65 4.64998 13.0379 4.64998 14.75C4.64998 15.0814 4.9186 15.35 5.24998 15.35H11V16.65H5.24998C4.20063 16.65 3.34998 15.7993 3.34998 14.75C3.34998 12.3199 5.31992 10.35 7.74998 10.35H11V11.65H7.74998ZM13.35 14.15V16H14.65V14.15H16.5V12.85H14.65V11H13.35V12.85H11.5V14.15H13.35Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/add.svg b/packages/icons/src/20/add.svg
new file mode 100644
index 00000000..9f59eae5
--- /dev/null
+++ b/packages/icons/src/20/add.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.65 9.35V4H9.35V9.35H4V10.65H9.35V16H10.65V10.65H16V9.35H10.65Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/alert.svg b/packages/icons/src/20/alert.svg
new file mode 100644
index 00000000..44c5b36c
--- /dev/null
+++ b/packages/icons/src/20/alert.svg
@@ -0,0 +1,11 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="6.75" stroke="#09101C" stroke-width="1.3" />
+  <path d="M10 12L10 6" stroke="#09101C" stroke-width="1.3" />
+  <path d="M10 14L10 13" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/alphabetically.svg b/packages/icons/src/20/alphabetically.svg
new file mode 100644
index 00000000..3c8d4948
--- /dev/null
+++ b/packages/icons/src/20/alphabetically.svg
@@ -0,0 +1,21 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8.41248 13H7L9.15221 7H10.8508L11.9254 10L13 13H11.5875L10.0259 8.37109H9.97717L8.41248 13ZM8.3242 10.6416H11.6606V11.6318H8.3242V10.6416Z"
+    fill="#09101C"
+  />
+  <rect
+    x="3.5"
+    y="3.5"
+    width="13"
+    height="13"
+    rx="4"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/android.svg b/packages/icons/src/20/android.svg
new file mode 100644
index 00000000..7c134b76
--- /dev/null
+++ b/packages/icons/src/20/android.svg
@@ -0,0 +1,22 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M4 9C4 5.68629 6.68629 3 10 3V3C13.3137 3 16 5.68629 16 9V14.6667C16 15.9553 14.9553 17 13.6667 17H6.33333C5.04467 17 4 15.9553 4 14.6667V9Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path
+    d="M4 9C4 5.68629 6.68629 3 10 3V3C13.3137 3 16 5.68629 16 9V9H4V9Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path d="M14 5L16 3" stroke="#09101C" stroke-width="1.3" />
+  <path d="M6 5L4 3" stroke="#09101C" stroke-width="1.3" />
+  <circle cx="8" cy="6.5" r="1" fill="#09101C" />
+  <circle cx="12" cy="6.5" r="1" fill="#09101C" />
+</svg>
diff --git a/packages/icons/src/20/anonymous.svg b/packages/icons/src/20/anonymous.svg
new file mode 100644
index 00000000..d27dcc7b
--- /dev/null
+++ b/packages/icons/src/20/anonymous.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M13.5452 3.17218C11.2812 2.20192 8.71857 2.20192 6.45463 3.17218L4.20598 4.13589C3.8383 4.29347 3.5999 4.655 3.5999 5.05503V10.4C3.5999 11.3088 3.89465 12.193 4.4399 12.92L5.24562 13.9943C6.03021 15.0404 6.9595 15.9697 8.00562 16.7543L9.40002 17.8001V15H10.6V17.7999L11.9942 16.7543C13.0403 15.9697 13.9696 15.0404 14.7542 13.9943L15.5599 12.92C16.1052 12.193 16.3999 11.3088 16.3999 10.4V5.05503C16.3999 4.655 16.1615 4.29347 15.7938 4.13589L13.5452 3.17218ZM5.98193 2.06921C8.54772 0.96958 11.4521 0.969581 14.0179 2.06921L16.2665 3.03291C17.0754 3.37959 17.5999 4.17497 17.5999 5.05503V10.4C17.5999 11.5684 17.2209 12.7053 16.5199 13.64L15.7142 14.7143C14.8614 15.8514 13.8513 16.8615 12.7142 17.7143L10.8399 19.12C10.3421 19.4933 9.65768 19.4933 9.1599 19.12L7.28562 17.7143C6.14853 16.8615 5.13843 15.8514 4.28562 14.7143L3.4799 13.64C2.77886 12.7053 2.3999 11.5684 2.3999 10.4V5.05503C2.3999 4.17497 2.92438 3.37959 3.73328 3.03291L5.98193 2.06921ZM9.00002 7.5C7.89545 8.60457 6.10459 8.60457 5.00002 7.5C6.10459 6.39543 7.89545 6.39543 9.00002 7.5ZM14.9998 7.5C13.8952 8.60457 12.1043 8.60457 10.9998 7.5C12.1043 6.39543 13.8952 6.39543 14.9998 7.5ZM5.949 11.1015L7.51374 12.8622C7.67641 13.0453 7.90959 13.15 8.15446 13.15C8.46193 13.15 8.74583 12.9852 8.89845 12.7183L9.11586 12.338C8.54409 12.0849 8.07953 11.5711 7.94289 10.7968C7.9142 10.6343 7.89978 10.4695 7.89978 10.3045V9.37506H9.09978V10.3045C9.09978 10.3996 9.10809 10.4946 9.12463 10.5883C9.29739 11.5673 10.7022 11.5673 10.8749 10.5883C10.8915 10.4946 10.8998 10.3996 10.8998 10.3045V9.37506H12.0998V10.3045C12.0998 10.4695 12.0854 10.6343 12.0567 10.7968C11.9201 11.571 11.4557 12.0846 10.8841 12.3379L11.1016 12.7183C11.2542 12.9853 11.5381 13.15 11.8456 13.15C12.0904 13.15 12.3236 13.0453 12.4862 12.8623L14.051 11.1013L14.948 11.8984L13.3832 13.6594C12.9929 14.0986 12.4333 14.3499 11.8457 14.35C11.1077 14.3501 10.4261 13.9547 10.0598 13.3139L10 13.2093L9.9402 13.3139C9.57392 13.9546 8.89252 14.3499 8.15456 14.35C7.56685 14.35 7.00718 14.0987 6.61677 13.6594L5.05203 11.8987L5.949 11.1015ZM8.45751 6.22677C8.04967 5.85601 7.49445 5.69254 6.95078 5.78315L5.09866 6.09184L4.90138 4.90816L6.7535 4.59948C7.65962 4.44846 8.58499 4.72091 9.26471 5.33884L9.77863 5.80604L8.97142 6.69396L8.45751 6.22677ZM13.0493 5.78315C12.5056 5.69254 11.9504 5.85601 11.5425 6.22677L11.0286 6.69396L10.2214 5.80604L10.7353 5.33884C11.4151 4.72091 12.3404 4.44846 13.2466 4.59948L15.0987 4.90816L14.9014 6.09184L13.0493 5.78315Z"
+    fill="#0D1625"
+  />
+</svg>
diff --git a/packages/icons/src/20/arrow-down.svg b/packages/icons/src/20/arrow-down.svg
new file mode 100644
index 00000000..38d8b568
--- /dev/null
+++ b/packages/icons/src/20/arrow-down.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.65 14.4308V4H9.34998V14.4307L5.45964 10.5404L4.54041 11.4596L10 16.9192L15.4596 11.4596L14.5404 10.5404L10.65 14.4308Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/arrow-left.svg b/packages/icons/src/20/arrow-left.svg
new file mode 100644
index 00000000..12eeeddf
--- /dev/null
+++ b/packages/icons/src/20/arrow-left.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M5.56929 9.35L9.45967 5.45962L8.54043 4.54038L3.54043 9.54038L3.08081 10L3.54043 10.4596L8.54043 15.4596L9.45967 14.5404L5.56929 10.65L16 10.65V9.35L5.56929 9.35Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/arrow-right.svg b/packages/icons/src/20/arrow-right.svg
new file mode 100644
index 00000000..9563290d
--- /dev/null
+++ b/packages/icons/src/20/arrow-right.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M14.4308 10.65L10.5404 14.5404L11.4596 15.4596L16.4596 10.4596L16.9192 10L16.4596 9.54038L11.4596 4.54038L10.5404 5.45962L14.4308 9.35L4 9.35V10.65L14.4308 10.65Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/arrow-up.svg b/packages/icons/src/20/arrow-up.svg
new file mode 100644
index 00000000..bb84733d
--- /dev/null
+++ b/packages/icons/src/20/arrow-up.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.4596 3.54038L10 3.08076L9.54041 3.54038L4.54041 8.54038L5.45964 9.45962L9.35002 5.56924V16H10.65V5.56924L14.5404 9.45962L15.4596 8.54038L10.4596 3.54038Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/attach.svg b/packages/icons/src/20/attach.svg
new file mode 100644
index 00000000..009874f6
--- /dev/null
+++ b/packages/icons/src/20/attach.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.071 3.70675C11.3011 2.4766 13.2956 2.4766 14.5257 3.70675C15.7559 4.9369 15.7559 6.93137 14.5257 8.16153L12.0509 10.6364L11.3437 11.3435L9.3992 13.2881C8.6572 14.03 7.45419 14.03 6.71219 13.2881C5.9702 12.5461 5.9702 11.343 6.71219 10.601L12.0189 5.29429L12.9382 6.21353L7.63143 11.5203C7.39712 11.7546 7.39712 12.1345 7.63143 12.3688C7.86575 12.6031 8.24565 12.6031 8.47996 12.3688L10.4245 10.4243L11.1316 9.71716L13.6065 7.24229C14.329 6.51982 14.329 5.34846 13.6065 4.62599C12.884 3.90352 11.7127 3.90352 10.9902 4.62599L5.68689 9.92929C4.37863 11.2375 4.37864 13.3587 5.68689 14.6669C6.79989 15.7799 8.60441 15.7799 9.7174 14.6669L14.3136 10.0707L15.2328 10.99L10.6366 15.5861C9.01596 17.2068 6.38833 17.2068 4.76765 15.5861C2.95172 13.7702 2.95171 10.826 4.76765 9.01005L10.071 3.70675Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/audio.svg b/packages/icons/src/20/audio.svg
new file mode 100644
index 00000000..3e9242ca
--- /dev/null
+++ b/packages/icons/src/20/audio.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.0001 2.35C7.98426 2.35 6.3501 3.98416 6.3501 6V9C6.3501 11.0158 7.98426 12.65 10.0001 12.65C12.0159 12.65 13.6501 11.0158 13.6501 9V6C13.6501 3.98416 12.0159 2.35 10.0001 2.35ZM7.6501 6C7.6501 4.70213 8.70223 3.65 10.0001 3.65C11.298 3.65 12.3501 4.70213 12.3501 6V9C12.3501 10.2979 11.298 11.35 10.0001 11.35C8.70223 11.35 7.6501 10.2979 7.6501 9V6ZM5.1501 7.5V9C5.1501 11.6786 7.32152 13.85 10.0001 13.85C12.6787 13.85 14.8501 11.6786 14.8501 9V7.5H16.1501V9C16.1501 12.177 13.7411 14.7914 10.6501 15.1161V16.35H12.0001V17.65H8.0001V16.35H9.3501V15.1161C6.2591 14.7914 3.8501 12.177 3.8501 9V7.5H5.1501Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/automatic.svg b/packages/icons/src/20/automatic.svg
new file mode 100644
index 00000000..feb57ec4
--- /dev/null
+++ b/packages/icons/src/20/automatic.svg
@@ -0,0 +1,15 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.25021 6.69248C8.60912 6.25548 7.83439 6 7 6C4.79086 6 3 7.79086 3 10C3 12.2091 4.79086 14 7 14C7.83439 14 8.60912 13.7445 9.25021 13.3075C8.47213 12.4261 8 11.2682 8 10C8 8.73183 8.47213 7.57393 9.25021 6.69248Z"
+    fill="#A1ABBD"
+  />
+  <circle cx="13" cy="10" r="4" fill="#26A69A" />
+</svg>
diff --git a/packages/icons/src/20/block.svg b/packages/icons/src/20/block.svg
new file mode 100644
index 00000000..d61cb116
--- /dev/null
+++ b/packages/icons/src/20/block.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M3.9001 10C3.9001 6.63106 6.63116 3.9 10.0001 3.9C11.4504 3.9 12.7826 4.40615 13.8294 5.25146L5.25155 13.8293C4.40625 12.7825 3.9001 11.4503 3.9001 10ZM6.1708 14.7486C7.21768 15.5939 8.54978 16.1 10.0001 16.1C13.369 16.1 16.1001 13.3689 16.1001 10C16.1001 8.54969 15.594 7.21758 14.7487 6.1707L6.1708 14.7486ZM10.0001 2.6C5.91319 2.6 2.6001 5.91309 2.6001 10C2.6001 14.0869 5.91319 17.4 10.0001 17.4C14.087 17.4 17.4001 14.0869 17.4001 10C17.4001 5.91309 14.087 2.6 10.0001 2.6Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/bold.svg b/packages/icons/src/20/bold.svg
new file mode 100644
index 00000000..65c2ec01
--- /dev/null
+++ b/packages/icons/src/20/bold.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M5.25 4.5C5.25 4.08579 5.58579 3.75 6 3.75H10.5C12.2949 3.75 13.75 5.20507 13.75 7C13.75 7.86829 13.4095 8.65705 12.8547 9.24004C13.9868 9.8855 14.75 11.1036 14.75 12.5C14.75 14.5711 13.0711 16.25 11 16.25H6C5.58579 16.25 5.25 15.9142 5.25 15.5V9.5V4.5ZM6.75 8.75L10.5 8.75C11.4665 8.75 12.25 7.9665 12.25 7C12.25 6.0335 11.4665 5.25 10.5 5.25L6.75 5.25V8.75ZM6.75 10.25V14.75H11C12.2426 14.75 13.25 13.7426 13.25 12.5C13.25 11.2574 12.2426 10.25 11 10.25L10.5 10.25L6.75 10.25Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/bridge.svg b/packages/icons/src/20/bridge.svg
new file mode 100644
index 00000000..4d3b931c
--- /dev/null
+++ b/packages/icons/src/20/bridge.svg
@@ -0,0 +1,57 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M4 15.5L4 4.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M7 12.5L7 7.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M13 12.5L13 7.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M10 12.5L10 8.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M16 15.5L16 4.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M17 12.5L3 12.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M4 5.5L4.23834 5.69862C7.57596 8.47996 12.424 8.47996 15.7617 5.69862L16 5.5"
+    stroke="black"
+    stroke-width="1.3"
+  />
+  <path d="M4 5.5L2.5 6.5" stroke="black" stroke-width="1.3" />
+  <path d="M16 5.5L17.5 6.5" stroke="black" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/browser.svg b/packages/icons/src/20/browser.svg
new file mode 100644
index 00000000..c2659c35
--- /dev/null
+++ b/packages/icons/src/20/browser.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M3.89998 10C3.89998 6.63106 6.63104 3.9 9.99998 3.9C13.3689 3.9 16.1 6.63106 16.1 10C16.1 13.3689 13.3689 16.1 9.99998 16.1C6.63104 16.1 3.89998 13.3689 3.89998 10ZM9.99998 2.6C5.91307 2.6 2.59998 5.91309 2.59998 10C2.59998 14.0869 5.91307 17.4 9.99998 17.4C14.0869 17.4 17.4 14.0869 17.4 10C17.4 5.91309 14.0869 2.6 9.99998 2.6ZM13.1306 7.65764C13.1859 7.43614 13.121 7.20182 12.9596 7.04038C12.7981 6.87893 12.5638 6.81403 12.3423 6.86941L8.34232 7.86941L7.96397 7.964L7.86938 8.34235L6.86938 12.3424C6.81401 12.5639 6.87891 12.7982 7.04035 12.9596C7.2018 13.1211 7.43612 13.186 7.65762 13.1306L11.6577 12.1306L12.0361 12.036L12.1306 11.6576L13.1306 7.65764ZM9.03598 9.036L11.6067 8.39333L10.964 10.964L8.39331 11.6067L9.03598 9.036Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/bullet-list.svg b/packages/icons/src/20/bullet-list.svg
new file mode 100644
index 00000000..990c05fa
--- /dev/null
+++ b/packages/icons/src/20/bullet-list.svg
@@ -0,0 +1,50 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M15 15L8.5 15"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M15 5L8.5 5"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <circle
+    cx="5.25"
+    cy="10"
+    r="1.25"
+    transform="rotate(-90 5.25 10)"
+    fill="#09101C"
+  />
+  <circle
+    cx="5.25"
+    cy="14.75"
+    r="1.25"
+    transform="rotate(-90 5.25 14.75)"
+    fill="#09101C"
+  />
+  <circle
+    cx="5.25"
+    cy="5.25"
+    r="1.25"
+    transform="rotate(-90 5.25 5.25)"
+    fill="#09101C"
+  />
+  <path
+    d="M15 10L8.5 10"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/bullet.svg b/packages/icons/src/20/bullet.svg
new file mode 100644
index 00000000..bc5c2704
--- /dev/null
+++ b/packages/icons/src/20/bullet.svg
@@ -0,0 +1,9 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="4" fill="#09101C" />
+</svg>
diff --git a/packages/icons/src/20/buy.svg b/packages/icons/src/20/buy.svg
new file mode 100644
index 00000000..5cbf0af0
--- /dev/null
+++ b/packages/icons/src/20/buy.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.89152 2.84999L10.0001 2.85L10.1087 2.84999C11.3998 2.84988 12.168 2.84981 12.8191 3.00611C14.885 3.50209 16.498 5.11512 16.994 7.18103C17.1503 7.83209 17.1502 8.60033 17.1501 9.89141L17.1501 10L17.1501 10.1086C17.1502 11.3997 17.1503 12.1679 16.994 12.819C16.498 14.8849 14.885 16.4979 12.8191 16.9939C12.168 17.1502 11.3998 17.1501 10.1087 17.15L10.0001 17.15L9.89152 17.15C8.60044 17.1501 7.8322 17.1502 7.18114 16.9939C5.11523 16.4979 3.5022 14.8849 3.00622 12.819C2.84992 12.1679 2.84999 11.3997 2.8501 10.1086L2.85011 10L2.8501 9.89141C2.84999 8.60033 2.84992 7.83209 3.00622 7.18103C3.5022 5.11512 5.11523 3.50209 7.18114 3.00611C7.8322 2.84981 8.60044 2.84988 9.89152 2.84999ZM10.0001 4.15C8.56804 4.15 7.9664 4.15453 7.48462 4.27019C5.89405 4.65205 4.65216 5.89394 4.2703 7.48451C4.15464 7.96629 4.15011 8.56793 4.15011 10C4.15011 11.4321 4.15464 12.0337 4.2703 12.5155C4.65216 14.1061 5.89405 15.3479 7.48462 15.7298C7.9664 15.8455 8.56804 15.85 10.0001 15.85C11.4322 15.85 12.0338 15.8455 12.5156 15.7298C14.1062 15.3479 15.3481 14.1061 15.7299 12.5155C15.8456 12.0337 15.8501 11.4321 15.8501 10C15.8501 8.56793 15.8456 7.96629 15.7299 7.48451C15.3481 5.89394 14.1062 4.65205 12.5156 4.27019C12.0338 4.15453 11.4322 4.15 10.0001 4.15ZM9.35011 10.65H7.00011V9.35H9.35011V7H10.6501V9.35H13.0001V10.65H10.6501V13H9.35011V10.65Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/camera.svg b/packages/icons/src/20/camera.svg
new file mode 100644
index 00000000..a929293b
--- /dev/null
+++ b/packages/icons/src/20/camera.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M3 8.55573C3 6.8681 4.3681 5.5 6.05573 5.5V5.5C6.63444 5.5 7.16348 5.17303 7.42229 4.65542L7.5 4.5C7.80643 3.88713 8.43283 3.5 9.11803 3.5H10.882C11.5672 3.5 12.1936 3.88713 12.5 4.5L12.5777 4.65542C12.8365 5.17303 13.3656 5.5 13.9443 5.5V5.5C15.6319 5.5 17 6.8681 17 8.55573V11C17 12.3956 17 13.0933 16.8278 13.6611C16.44 14.9395 15.4395 15.94 14.1611 16.3278C13.5933 16.5 12.8956 16.5 11.5 16.5H8.5C7.10444 16.5 6.40666 16.5 5.83886 16.3278C4.56046 15.94 3.56004 14.9395 3.17224 13.6611C3 13.0933 3 12.3956 3 11V8.55573Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <circle cx="10" cy="10.5" r="3" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/card-view.svg b/packages/icons/src/20/card-view.svg
new file mode 100644
index 00000000..0a6dff1c
--- /dev/null
+++ b/packages/icons/src/20/card-view.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.30015 2.85H8.27192H8.27191C7.45577 2.84999 6.80363 2.84999 6.27683 2.89303C5.73637 2.93719 5.27086 3.02987 4.84309 3.24783C4.1563 3.59776 3.59792 4.15614 3.24798 4.84294C3.03002 5.27071 2.93734 5.73622 2.89318 6.27668C2.85014 6.80348 2.85015 7.45563 2.85015 8.27177L2.85015 8.3V11.7L2.85015 11.7282C2.85015 11.7741 2.85015 11.8195 2.85016 11.8644C2.85007 11.9466 2.8501 12.0312 2.85012 12.1182L2.85015 12.25L2.85012 12.3818C2.84979 13.418 2.84958 14.1009 3.04386 14.6733C3.19483 15.118 3.42787 15.5232 3.72537 15.8713C3.85742 16.0258 4.00217 16.1691 4.15809 16.2995C4.49955 16.5852 4.89454 16.8095 5.3269 16.9563C5.89923 17.1506 6.58215 17.1504 7.61836 17.15L7.75015 17.15H8.19224C8.21862 17.15 8.24518 17.15 8.27191 17.15H8.27192H8.30015H11.7002H11.7284H11.7284C11.7551 17.15 11.7817 17.15 11.8081 17.15H12.2502L12.3819 17.15C13.4182 17.1504 14.1011 17.1506 14.6734 16.9563C15.1182 16.8053 15.5234 16.5723 15.8715 16.2748C16.0249 16.1436 16.1672 16 16.2969 15.8453C16.5839 15.5031 16.8092 15.107 16.9564 14.6733C17.1507 14.1009 17.1505 13.418 17.1502 12.3818L17.1502 12.25L17.1502 12.1182C17.1502 12.0311 17.1502 11.9465 17.1501 11.8643C17.1502 11.8195 17.1502 11.7741 17.1502 11.7282V11.7282V11.7V8.3V8.27177V8.27176C17.1502 7.45562 17.1502 6.80348 17.1071 6.27668C17.063 5.73622 16.9703 5.27071 16.7523 4.84294C16.4024 4.15614 15.844 3.59776 15.1572 3.24783C14.7294 3.02987 14.2639 2.93719 13.7235 2.89303C13.1967 2.84999 12.5445 2.84999 11.7284 2.85H11.7002H8.30015ZM15.8501 8.20714C15.8501 7.40531 15.8482 6.83299 15.8114 6.38254C15.7738 5.92248 15.703 5.64709 15.594 5.43312C15.3687 4.99094 15.0092 4.63144 14.567 4.40614C14.3531 4.29712 14.0777 4.2263 13.6176 4.18871C13.15 4.15051 12.551 4.15 11.7002 4.15H8.30015C7.44935 4.15 6.85034 4.15051 6.38269 4.18871C5.92263 4.2263 5.64724 4.29712 5.43327 4.40614C4.99109 4.63144 4.63159 4.99094 4.40629 5.43312C4.29727 5.64709 4.22645 5.92248 4.18887 6.38254C4.15206 6.83298 4.15024 7.40531 4.15016 8.20714C4.49343 7.91827 4.89119 7.69161 5.3269 7.54371C5.89923 7.34943 6.58214 7.34964 7.61835 7.34997H7.61836L7.75015 7.35H12.2502L12.3819 7.34997C13.4182 7.34964 14.1011 7.34942 14.6734 7.54371C15.1091 7.69161 15.5069 7.91827 15.8501 8.20714ZM4.6579 14.959C4.56176 14.8376 4.47735 14.7063 4.40629 14.5669C4.29727 14.3529 4.22645 14.0775 4.18887 13.6175C4.15586 13.2135 4.15099 12.7115 4.15027 12.0338C4.15163 10.979 4.16599 10.5653 4.27487 10.2446C4.50971 9.5528 5.05295 9.00956 5.74477 8.77471C6.08655 8.6587 6.53381 8.65 7.75015 8.65H12.2502C13.4665 8.65 13.9138 8.6587 14.2555 8.77471C14.9474 9.00956 15.4906 9.5528 15.7254 10.2446C15.8343 10.5653 15.8487 10.979 15.85 12.0338C15.8493 12.7115 15.8444 13.2135 15.8114 13.6175C15.7738 14.0775 15.703 14.3529 15.594 14.5669C15.5095 14.7327 15.4062 14.8869 15.2867 15.0267C15.1896 15.1403 15.0818 15.2445 14.9649 15.3377C14.8419 15.4357 14.7087 15.5217 14.567 15.5939C14.3531 15.7029 14.0777 15.7737 13.6176 15.8113C13.1595 15.8487 12.5754 15.85 11.7521 15.85C11.7349 15.85 11.7176 15.85 11.7002 15.85H8.30015C8.28274 15.85 8.26544 15.85 8.24824 15.85C7.42489 15.85 6.84077 15.8487 6.38269 15.8113C5.92263 15.7737 5.64724 15.7029 5.43327 15.5939C5.26746 15.5094 5.11327 15.406 4.97342 15.2865C4.85796 15.1878 4.75228 15.0781 4.6579 14.959Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/centre-align.svg b/packages/icons/src/20/centre-align.svg
new file mode 100644
index 00000000..444b5b93
--- /dev/null
+++ b/packages/icons/src/20/centre-align.svg
@@ -0,0 +1,36 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M15 11.75L5 11.75"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M15 5L5 5"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M13 15L7 15"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M13 8.25L7 8.25"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/chatkey.svg b/packages/icons/src/20/chatkey.svg
new file mode 100644
index 00000000..ca9dd7a5
--- /dev/null
+++ b/packages/icons/src/20/chatkey.svg
@@ -0,0 +1,17 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M17.4001 10C17.4001 5.91309 14.087 2.6 10.0001 2.6C5.91319 2.6 2.6001 5.9131 2.6001 10V10.2797C2.6001 11.5127 2.94618 12.7195 3.59698 13.7635L3.09628 16.1335C3.05084 16.3486 3.11719 16.572 3.27262 16.7275C3.42806 16.8829 3.65153 16.9493 3.8666 16.9038L6.2366 16.4031C7.28064 17.0539 8.48744 17.4 9.7204 17.4H10.0001C14.087 17.4 17.4001 14.0869 17.4001 10ZM10.0001 3.9C13.369 3.9 16.1001 6.63106 16.1001 10C16.1001 13.3689 13.369 16.1 10.0001 16.1H9.7204C8.67684 16.1 7.65664 15.7911 6.78835 15.2122C6.60303 15.0887 6.37576 15.045 6.15785 15.0911L4.57454 15.4256L4.90904 13.8422C4.95508 13.6243 4.9114 13.3971 4.78785 13.2117C4.20899 12.3435 3.9001 11.3233 3.9001 10.2797V10C3.9001 6.63107 6.63116 3.9 10.0001 3.9Z"
+    fill="#09101C"
+  />
+  <circle cx="7.5" cy="10" r="1.5" stroke="#09101C" stroke-width="1.3" />
+  <path d="M8.5 10H13.5V12" stroke="#09101C" stroke-width="1.3" />
+  <path d="M11.5 10V11.5" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/check.svg b/packages/icons/src/20/check.svg
new file mode 100644
index 00000000..64105495
--- /dev/null
+++ b/packages/icons/src/20/check.svg
@@ -0,0 +1,9 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M4 10L8 14L16 6" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/chevron-down.svg b/packages/icons/src/20/chevron-down.svg
new file mode 100644
index 00000000..b0a9235a
--- /dev/null
+++ b/packages/icons/src/20/chevron-down.svg
@@ -0,0 +1,9 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M6 8L10 12L14 8" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/chevron-left.svg b/packages/icons/src/20/chevron-left.svg
new file mode 100644
index 00000000..c8051977
--- /dev/null
+++ b/packages/icons/src/20/chevron-left.svg
@@ -0,0 +1,9 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M12 6L8 10L12 14" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/chevron-right.svg b/packages/icons/src/20/chevron-right.svg
new file mode 100644
index 00000000..270081b0
--- /dev/null
+++ b/packages/icons/src/20/chevron-right.svg
@@ -0,0 +1,9 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M8 14L12 10L8 6" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/chevron-up.svg b/packages/icons/src/20/chevron-up.svg
new file mode 100644
index 00000000..daf6725c
--- /dev/null
+++ b/packages/icons/src/20/chevron-up.svg
@@ -0,0 +1,9 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M14 12L10 8L6 12" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/chevrons-left.svg b/packages/icons/src/20/chevrons-left.svg
new file mode 100644
index 00000000..1dfcebef
--- /dev/null
+++ b/packages/icons/src/20/chevrons-left.svg
@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M10 6L6 10L10 14" stroke="#09101C" stroke-width="1.3" />
+  <path d="M14 6L10 10L14 14" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/chevrons-right.svg b/packages/icons/src/20/chevrons-right.svg
new file mode 100644
index 00000000..d8d9793c
--- /dev/null
+++ b/packages/icons/src/20/chevrons-right.svg
@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M6 14L10 10L6 6" stroke="#09101C" stroke-width="1.3" />
+  <path d="M10 14L14 10L10 6" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/clear.svg b/packages/icons/src/20/clear.svg
new file mode 100644
index 00000000..2e90525a
--- /dev/null
+++ b/packages/icons/src/20/clear.svg
@@ -0,0 +1,15 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="6.75" fill="#09101C" />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.99992 9.08076L7.98467 7.06551L7.06543 7.98474L9.08068 10L7.06543 12.0153L7.98467 12.9345L9.99992 10.9192L12.0152 12.9345L12.9344 12.0153L10.9192 10L12.9344 7.98475L12.0152 7.06551L9.99992 9.08076Z"
+    fill="white"
+  />
+</svg>
diff --git a/packages/icons/src/20/close.svg b/packages/icons/src/20/close.svg
new file mode 100644
index 00000000..327428b9
--- /dev/null
+++ b/packages/icons/src/20/close.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.99999 10.8737L14.5426 15.4619L15.4572 14.5381L10.9146 9.94985L15.3579 5.46193L14.4433 4.53811L9.99999 9.02603L5.55667 4.53809L4.64203 5.46191L9.08536 9.94985L4.54272 14.5381L5.45736 15.4619L9.99999 10.8737Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/code block.svg b/packages/icons/src/20/code block.svg
new file mode 100644
index 00000000..57a7476f
--- /dev/null
+++ b/packages/icons/src/20/code block.svg	
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M5.5068 7.9178L6.5068 1.9178L7.4932 2.0822L6.4932 8.0822L5.5068 7.9178ZM4.14652 2.14645L1.64652 4.64645L1.29297 5L1.64652 5.35355L4.14652 7.85355L4.85363 7.14645L2.70718 5L4.85363 2.85355L4.14652 2.14645ZM17.1501 7.5C17.1501 4.93188 15.0682 2.85 12.5001 2.85V4.15C14.3502 4.15 15.8501 5.64985 15.8501 7.5V10.1C15.8501 11.2308 15.8496 12.0399 15.7977 12.6743C15.7465 13.3011 15.6485 13.6999 15.4849 14.0209C15.1638 14.6512 14.6513 15.1637 14.0209 15.4849C13.7 15.6484 13.3011 15.7464 12.6743 15.7977C12.0399 15.8495 11.2309 15.85 10.1001 15.85H9.90008C8.76925 15.85 7.96021 15.8495 7.32581 15.7977C6.699 15.7464 6.30013 15.6484 5.97921 15.4849C5.34886 15.1637 4.83638 14.6512 4.5152 14.0209C4.35169 13.6999 4.25363 13.3011 4.20241 12.6743C4.15058 12.0399 4.15008 11.2308 4.15008 10.1V9H2.85008V10.1L2.85008 10.1289C2.85007 11.2245 2.85007 12.0866 2.90673 12.7801C2.96451 13.4873 3.08444 14.0763 3.35689 14.6111C3.80271 15.486 4.51407 16.1974 5.38902 16.6432C5.92375 16.9156 6.51275 17.0356 7.21995 17.0933C7.91348 17.15 8.77554 17.15 9.87116 17.15H9.90008H10.1001H10.129C11.2246 17.15 12.0867 17.15 12.7802 17.0933C13.4874 17.0356 14.0764 16.9156 14.6111 16.6432C15.4861 16.1974 16.1974 15.486 16.6433 14.6111C16.9157 14.0763 17.0356 13.4873 17.0934 12.7801C17.1501 12.0866 17.1501 11.2245 17.1501 10.1289V10.1V7.5ZM8.85355 7.85355L11.3536 5.35355L11.7071 5L11.3536 4.64645L8.85355 2.14645L8.14645 2.85355L10.2929 5L8.14645 7.14645L8.85355 7.85355Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/code.svg b/packages/icons/src/20/code.svg
new file mode 100644
index 00000000..ea2d5ee6
--- /dev/null
+++ b/packages/icons/src/20/code.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.86645 16.3538L10.8665 3.35384L12.1332 3.64616L9.13316 16.6462L7.86645 16.3538ZM2.54019 9.54038L6.54019 5.54038L7.45942 6.45962L3.91904 10L7.45942 13.5404L6.54018 14.4596L2.54019 10.4596L2.08057 10L2.54019 9.54038ZM13.4594 14.4596L17.4594 10.4596L17.919 10L17.4594 9.54038L13.4594 5.54038L12.5402 6.45962L16.0806 10L12.5402 13.5404L13.4594 14.4596Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/collapse.svg b/packages/icons/src/20/collapse.svg
new file mode 100644
index 00000000..e2edc92b
--- /dev/null
+++ b/packages/icons/src/20/collapse.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.85 2.5V8.5V9.15H11.5H17.5V7.85H12.15V2.5H10.85ZM2.5 12.15H7.85V17.5H9.15V11.5V10.85H8.5H2.5V12.15Z"
+    fill="black"
+  />
+</svg>
diff --git a/packages/icons/src/20/colour-pick.svg b/packages/icons/src/20/colour-pick.svg
new file mode 100644
index 00000000..2a5ba447
--- /dev/null
+++ b/packages/icons/src/20/colour-pick.svg
@@ -0,0 +1,20 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M15.763 4.237L15.7151 4.18904C15.4334 3.9071 15.2261 3.6997 15.0079 3.55388C14.1167 2.95841 12.9546 2.95841 12.0634 3.55388C11.8451 3.6997 11.6379 3.9071 11.3562 4.18904L11.3083 4.237L10.2311 5.31413C10.3751 5.4252 10.5411 5.5912 10.7779 5.82799L11.1668 6.2169L12.2275 5.15624C12.5781 4.80564 12.6885 4.6997 12.7856 4.63479C13.2396 4.33144 13.8317 4.33144 14.2857 4.63479C14.3828 4.6997 14.4932 4.80564 14.8438 5.15624C15.1944 5.50683 15.3003 5.61723 15.3652 5.71436C15.6686 6.16837 15.6686 6.7604 15.3652 7.2144C15.3003 7.31154 15.1944 7.42194 14.8438 7.77253L13.7831 8.83319L14.172 9.2221C14.4088 9.45889 14.5748 9.62489 14.6859 9.7689L15.763 8.69177L15.811 8.64384L15.811 8.64383C16.0929 8.36211 16.3003 8.15488 16.4461 7.93664C17.0416 7.04545 17.0416 5.88331 16.4461 4.99212C16.3003 4.77388 16.0929 4.56665 15.811 4.28493L15.763 4.237ZM12.9346 11.5202L12.0154 10.601L8.9455 13.6708C8.62307 13.9933 8.52528 14.0864 8.42011 14.1549C8.31514 14.2232 8.20116 14.2766 8.08147 14.3135C7.96157 14.3505 7.82737 14.3659 7.37325 14.4072L5.41476 14.5853L5.5928 12.6268C5.63409 12.1727 5.64955 12.0385 5.68652 11.9186C5.72343 11.7989 5.77681 11.6849 5.84514 11.5799C5.91358 11.4748 6.00677 11.377 6.32921 11.0545L9.39907 7.98466L8.47983 7.06542L5.40997 10.1353L5.36861 10.1766C5.10506 10.44 4.90751 10.6374 4.75559 10.8708C4.62147 11.0768 4.51668 11.3006 4.44423 11.5355C4.36217 11.8017 4.337 12.0798 4.30342 12.4509L4.29814 12.5091L4.04948 15.2444C4.03201 15.4365 4.10079 15.6264 4.23719 15.7628C4.3736 15.8992 4.56354 15.968 4.75566 15.9505L7.49094 15.7019L7.54918 15.6966C7.92024 15.663 8.19836 15.6379 8.4645 15.5558C8.69946 15.4834 8.92319 15.3786 9.12925 15.2444C9.36267 15.0925 9.56006 14.895 9.82341 14.6314L9.86474 14.5901L12.9346 11.5202Z"
+    fill="#09101C"
+  />
+  <path
+    d="M8.76267 7.34834L12.6518 11.2374C12.816 11.4017 12.8982 11.4839 12.9801 11.5386C13.3164 11.7633 13.7549 11.7633 14.0912 11.5386C14.1731 11.4839 14.2552 11.4017 14.4195 11.2374C14.5838 11.0732 14.6659 10.991 14.7207 10.9091C14.9454 10.5728 14.9454 10.1343 14.7207 9.79798C14.6659 9.71608 14.5838 9.63394 14.4195 9.46966L10.5304 5.58058C10.3662 5.4163 10.284 5.33416 10.2021 5.27944C9.86583 5.05473 9.42728 5.05473 9.09099 5.27944C9.00909 5.33416 8.92695 5.4163 8.76267 5.58058C8.59839 5.74486 8.51625 5.827 8.46153 5.90889C8.23683 6.24519 8.23683 6.68373 8.46153 7.02003C8.51625 7.10192 8.59839 7.18406 8.76267 7.34834Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/communities.svg b/packages/icons/src/20/communities.svg
new file mode 100644
index 00000000..3b91402e
--- /dev/null
+++ b/packages/icons/src/20/communities.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M15.6333 4.15C9.29124 4.15 4.14998 9.29126 4.14998 15.6333C4.14998 15.753 4.24698 15.85 4.36664 15.85H5.86949C6.19244 10.4859 10.4858 6.19246 15.85 5.86951V4.36667C15.85 4.24701 15.753 4.15 15.6333 4.15ZM9.37912 15.85H7.17222C7.49124 11.2041 11.2041 7.49126 15.85 7.17224V9.37915C12.4198 9.68825 9.68823 12.4199 9.37912 15.85ZM10.6857 15.85H13.3541C13.4292 14.5059 14.5059 13.4292 15.85 13.3542V10.6857C13.1384 10.9855 10.9854 13.1384 10.6857 15.85ZM2.84998 15.6333C2.84998 8.57329 8.57327 2.85 15.6333 2.85C16.4709 2.85 17.15 3.52904 17.15 4.36667V13.5C17.15 14.1351 16.6351 14.65 16 14.65C15.2544 14.65 14.65 15.2544 14.65 16C14.65 16.6351 14.1351 17.15 13.5 17.15H4.36664C3.52901 17.15 2.84998 16.471 2.84998 15.6333Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/connection.svg b/packages/icons/src/20/connection.svg
new file mode 100644
index 00000000..71c32c6d
--- /dev/null
+++ b/packages/icons/src/20/connection.svg
@@ -0,0 +1,49 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M13 17H7L10 9L13 17Z"
+    stroke="black"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M10 9V7"
+    stroke="black"
+    stroke-width="1.3"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M5 3C4.38503 3.43785 3.88056 4.03224 3.5316 4.73018C3.18263 5.42812 3 6.2079 3 7C3 7.7921 3.18263 8.57188 3.5316 9.26982C3.88056 9.96776 4.38503 10.5622 5 11"
+    stroke="black"
+    stroke-width="1.3"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M7 5C6.35899 5.53429 6 6.25227 6 7C6 7.74773 6.35899 8.46571 7 9"
+    stroke="black"
+    stroke-width="1.3"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M15 11C15.615 10.5622 16.1194 9.96776 16.4684 9.26982C16.8174 8.57188 17 7.7921 17 7C17 6.2079 16.8174 5.42812 16.4684 4.73018C16.1194 4.03224 15.615 3.43785 15 3"
+    stroke="black"
+    stroke-width="1.3"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M13 9C13.641 8.46571 14 7.74773 14 7C14 6.25227 13.641 5.53429 13 5"
+    stroke="black"
+    stroke-width="1.3"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/contact-book.svg b/packages/icons/src/20/contact-book.svg
new file mode 100644
index 00000000..8251d608
--- /dev/null
+++ b/packages/icons/src/20/contact-book.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M16.65 7.77177V7.8V12.2V12.2282V12.2282V12.2283V12.2283V12.2283C16.65 13.0444 16.65 13.6965 16.607 14.2233C16.5628 14.7638 16.4701 15.2293 16.2522 15.6571C15.9022 16.3439 15.3439 16.9022 14.6571 17.2522C14.2293 17.4701 13.7638 17.5628 13.2233 17.607C12.6965 17.65 12.0444 17.65 11.2283 17.65H11.2283H11.2283H11.2282H11.2282H11.2H8.8H8.77177C7.95563 17.65 7.30348 17.65 6.77667 17.607C6.23622 17.5628 5.77071 17.4701 5.34293 17.2522C4.65614 16.9022 4.09776 16.3439 3.74783 15.6571C3.52986 15.2293 3.43719 14.7638 3.39303 14.2233C3.35768 13.7906 3.35137 13.2733 3.35024 12.65H3C2.64101 12.65 2.35 12.359 2.35 12C2.35 11.641 2.64101 11.35 3 11.35H3.35L3.35 8.65H3C2.64101 8.65 2.35 8.35898 2.35 8C2.35 7.64102 2.64101 7.35 3 7.35H3.35024C3.35137 6.7267 3.35768 6.2094 3.39303 5.77667C3.43719 5.23622 3.52987 4.7707 3.74783 4.34293C4.09776 3.65614 4.65614 3.09776 5.34293 2.74782C5.77071 2.52986 6.23622 2.43719 6.77668 2.39303C7.30348 2.34999 7.95563 2.34999 8.77177 2.35H8.8H11.2H11.2282C12.0444 2.34999 12.6965 2.34999 13.2233 2.39303C13.7638 2.43719 14.2293 2.52986 14.6571 2.74783C15.3439 3.09776 15.9022 3.65614 16.2522 4.34293C16.4701 4.77071 16.5628 5.23622 16.607 5.77667C16.65 6.30347 16.65 6.9556 16.65 7.77172V7.77173V7.77174V7.77175V7.77177ZM4.65 11.35L4.65 8.65H5C5.35899 8.65 5.65 8.35898 5.65 8C5.65 7.64102 5.35899 7.35 5 7.35H4.65029C4.6515 6.7306 4.65762 6.26308 4.68871 5.88253C4.7263 5.42248 4.79711 5.14708 4.90613 4.93312C5.13144 4.49094 5.49094 4.13144 5.93312 3.90613C6.14709 3.79711 6.42248 3.7263 6.88254 3.68871C7.35018 3.6505 7.9492 3.65 8.8 3.65L11.2 3.65C12.0508 3.65 12.6498 3.6505 13.1175 3.68871C13.5775 3.7263 13.8529 3.79711 14.0669 3.90613C14.5091 4.13144 14.8686 4.49094 15.0939 4.93312C15.2029 5.14708 15.2737 5.42248 15.3113 5.88254C15.3495 6.35018 15.35 6.94919 15.35 7.8V12.2C15.35 13.0508 15.3495 13.6498 15.3113 14.1175C15.2737 14.5775 15.2029 14.8529 15.0939 15.0669C14.8686 15.5091 14.5091 15.8686 14.0669 16.0939C13.8529 16.2029 13.5775 16.2737 13.1175 16.3113C12.6498 16.3495 12.0508 16.35 11.2 16.35H8.8C7.9492 16.35 7.35018 16.3495 6.88254 16.3113C6.42248 16.2737 6.14709 16.2029 5.93312 16.0939C5.49094 15.8686 5.13144 15.5091 4.90613 15.0669C4.79711 14.8529 4.7263 14.5775 4.68871 14.1175C4.65762 13.7369 4.6515 13.2694 4.65029 12.65H5C5.35899 12.65 5.65 12.359 5.65 12C5.65 11.641 5.35899 11.35 5 11.35H4.65ZM6.3501 13.25C6.3501 11.6484 7.64847 10.35 9.2501 10.35H10.7501C12.3517 10.35 13.6501 11.6484 13.6501 13.25C13.6501 14.0232 13.0233 14.65 12.2501 14.65H7.7501C6.9769 14.65 6.3501 14.0232 6.3501 13.25ZM9.2501 11.65C8.36644 11.65 7.6501 12.3663 7.6501 13.25C7.6501 13.3052 7.69487 13.35 7.7501 13.35H12.2501C12.3053 13.35 12.3501 13.3052 12.3501 13.25C12.3501 12.3663 11.6338 11.65 10.7501 11.65H9.2501ZM9.1501 7.5C9.1501 7.03056 9.53066 6.65 10.0001 6.65C10.4695 6.65 10.8501 7.03056 10.8501 7.5C10.8501 7.96944 10.4695 8.35 10.0001 8.35C9.53066 8.35 9.1501 7.96944 9.1501 7.5ZM10.0001 5.35C8.81269 5.35 7.8501 6.31259 7.8501 7.5C7.8501 8.68741 8.81269 9.65 10.0001 9.65C11.1875 9.65 12.1501 8.68741 12.1501 7.5C12.1501 6.31259 11.1875 5.35 10.0001 5.35Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/contact.svg b/packages/icons/src/20/contact.svg
new file mode 100644
index 00000000..5573277a
--- /dev/null
+++ b/packages/icons/src/20/contact.svg
@@ -0,0 +1,32 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle
+    cx="10"
+    cy="10"
+    r="6.75"
+    fill="#4360DF"
+    stroke="#4360DF"
+    stroke-width="1.5"
+  />
+  <path
+    d="M14.5 15V15C13.5694 13.449 11.8933 12.5 10.0845 12.5H9.91548C8.10672 12.5 6.4306 13.449 5.5 15V15"
+    stroke="white"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <circle
+    cx="10"
+    cy="8"
+    r="2"
+    stroke="white"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <circle cx="10" cy="10" r="6.75" stroke="#4360DF" stroke-width="1.5" />
+  <circle cx="10" cy="10" r="6.25" stroke="#4360DF" />
+</svg>
diff --git a/packages/icons/src/20/copy.svg b/packages/icons/src/20/copy.svg
new file mode 100644
index 00000000..8eeb9d2c
--- /dev/null
+++ b/packages/icons/src/20/copy.svg
@@ -0,0 +1,23 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M12.5 5.75V5.75C12.5 5.51783 12.5 5.40175 12.4904 5.30397C12.3968 4.35441 11.6456 3.60315 10.696 3.50963C10.5983 3.5 10.4822 3.5 10.25 3.5H8.3C6.61984 3.5 5.77976 3.5 5.13803 3.82698C4.57354 4.1146 4.1146 4.57354 3.82698 5.13803C3.5 5.77976 3.5 6.61984 3.5 8.3V10.25C3.5 10.4822 3.5 10.5983 3.50963 10.696C3.60315 11.6456 4.35441 12.3968 5.30397 12.4904C5.40175 12.5 5.51783 12.5 5.75 12.5V12.5"
+    stroke="#1B273D"
+    stroke-opacity="0.3"
+    stroke-width="1.3"
+  />
+  <rect
+    x="7.5"
+    y="7.5"
+    width="9"
+    height="9"
+    rx="3"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/correct.svg b/packages/icons/src/20/correct.svg
new file mode 100644
index 00000000..7dab968d
--- /dev/null
+++ b/packages/icons/src/20/correct.svg
@@ -0,0 +1,21 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle
+    cx="10"
+    cy="10"
+    r="6.75"
+    stroke="#26A69A"
+    stroke-opacity="0.4"
+    stroke-width="1.3"
+  />
+  <path
+    d="M6.83334 10.5L9 12.5L13.3333 7.5"
+    stroke="#26A69A"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/crown.svg b/packages/icons/src/20/crown.svg
new file mode 100644
index 00000000..30ee9d44
--- /dev/null
+++ b/packages/icons/src/20/crown.svg
@@ -0,0 +1,21 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M11 4L12.0072 6.01448C12.3424 6.68483 12.51 7.02001 12.7603 7.16986C12.9795 7.30103 13.2405 7.34339 13.4899 7.28825C13.7748 7.22525 14.0397 6.96027 14.5697 6.43031L16 5M9 4L7.99276 6.01448C7.65758 6.68483 7.49 7.02001 7.23966 7.16986C7.02052 7.30103 6.7595 7.34339 6.51013 7.28825C6.22525 7.22525 5.96027 6.96027 5.43031 6.43031L4 5M2.375 5.625L2.5 6.5L3 10L3.21501 11.5051C3.49335 13.4535 3.63252 14.4276 4.1028 15.1604C4.51723 15.8062 5.10865 16.3191 5.80654 16.6381C6.59847 17 7.58254 17 9.55069 17H10.4493C12.4175 17 13.4015 17 14.1935 16.6381C14.8913 16.3191 15.4828 15.8062 15.8972 15.1604C16.3675 14.4276 16.5066 13.4535 16.785 11.5051L17 10L17.5 6.5L17.625 5.625"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path
+    d="M3.5 13C3.5 13 5 14 10 14C15 14 16.5 13 16.5 13"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <circle cx="10" cy="3.5" r="1.5" stroke="#09101C" stroke-width="1.3" />
+  <circle cx="3" cy="4.5" r="1.5" stroke="#09101C" stroke-width="1.3" />
+  <circle cx="17" cy="4.5" r="1.5" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/customize.svg b/packages/icons/src/20/customize.svg
new file mode 100644
index 00000000..5b946fbf
--- /dev/null
+++ b/packages/icons/src/20/customize.svg
@@ -0,0 +1,44 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M3.8501 8.98087C4.00477 9 4.20604 9 4.5001 9C4.79416 9 4.99543 9 5.1501 8.98087L5.1501 16L3.8501 16L3.8501 8.98087ZM3.8501 5.51913C4.00477 5.5 4.20604 5.5 4.5001 5.5C4.79416 5.5 4.99543 5.5 5.1501 5.51913L5.1501 3.5L3.8501 3.5L3.8501 5.51913Z"
+    fill="#1B273D"
+    fill-opacity="0.3"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.3501 13.9809C9.50477 14 9.70604 14 10.0001 14C10.2942 14 10.4954 14 10.6501 13.9809L10.6501 16.5L9.3501 16.5L9.3501 13.9809ZM9.3501 10.5191C9.50477 10.5 9.70604 10.5 10.0001 10.5C10.2942 10.5 10.4954 10.5 10.6501 10.5191L10.6501 4L9.3501 4L9.3501 10.5191Z"
+    fill="#1B273D"
+    fill-opacity="0.3"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M14.8501 8.98087C15.0048 9 15.206 9 15.5001 9C15.7942 9 15.9954 9 16.1501 8.98087L16.1501 16L14.8501 16L14.8501 8.98087ZM14.8501 5.51913C15.0048 5.5 15.206 5.5 15.5001 5.5C15.7942 5.5 15.9954 5.5 16.1501 5.51913L16.1501 3.5L14.8501 3.5L14.8501 5.51913Z"
+    fill="#1B273D"
+    fill-opacity="0.3"
+  />
+  <path
+    d="M4.5 9C3.67157 9 3 8.32843 3 7.5V7.5C3 6.67157 3.67157 6 4.5 6V6C5.32843 6 6 6.67157 6 7.5V7.5C6 8.32843 5.32843 9 4.5 9V9Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path
+    d="M10 14C9.17157 14 8.5 13.3284 8.5 12.5V12.5C8.5 11.6716 9.17157 11 10 11V11C10.8284 11 11.5 11.6716 11.5 12.5V12.5C11.5 13.3284 10.8284 14 10 14V14Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path
+    d="M15.5 9C14.6716 9 14 8.32843 14 7.5V7.5C14 6.67157 14.6716 6 15.5 6V6C16.3284 6 17 6.67157 17 7.5V7.5C17 8.32843 16.3284 9 15.5 9V9Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/dark.svg b/packages/icons/src/20/dark.svg
new file mode 100644
index 00000000..8a7c0089
--- /dev/null
+++ b/packages/icons/src/20/dark.svg
@@ -0,0 +1,12 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M7.52524 4.02513L7.77399 4.62565H7.77399L7.52524 4.02513ZM9.65194 3.54222L10.2791 3.71317L10.5158 2.84472L9.61695 2.89316L9.65194 3.54222ZM4.02524 7.52513L4.62576 7.77387L4.02524 7.52513ZM4.02524 12.4749L4.62576 12.2261L4.02524 12.4749ZM15.975 12.4749L16.5755 12.7236L15.975 12.4749ZM16.4579 10.3482L17.107 10.3832L17.1554 9.48433L16.2869 9.72106L16.4579 10.3482ZM12.8788 10.1213L13.1275 9.5208L12.8788 10.1213ZM9.8788 7.12132L9.27827 7.37006L9.8788 7.12132ZM7.77399 4.62565C8.38833 4.37118 9.03534 4.2264 9.68692 4.19128L9.61695 2.89316C8.81978 2.93613 8.0281 3.11328 7.2765 3.4246L7.77399 4.62565ZM4.62576 7.77387C5.21617 6.3485 6.34862 5.21605 7.77399 4.62565L7.2765 3.4246C5.53259 4.14695 4.14707 5.53248 3.42472 7.27638L4.62576 7.77387ZM4.62576 12.2261C4.03536 10.8008 4.03536 9.19924 4.62576 7.77387L3.42472 7.27638C2.70237 9.02029 2.70237 10.9797 3.42472 12.7236L4.62576 12.2261ZM7.77399 15.3744C6.34862 14.7839 5.21617 13.6515 4.62576 12.2261L3.42472 12.7236C4.14707 14.4675 5.53259 15.853 7.2765 16.5754L7.77399 15.3744ZM12.2262 15.3744C10.8009 15.9648 9.19935 15.9648 7.77399 15.3744L7.2765 16.5754C9.0204 17.2977 10.9798 17.2977 12.7237 16.5754L12.2262 15.3744ZM15.3745 12.2261C14.7841 13.6515 13.6516 14.7839 12.2262 15.3744L12.7237 16.5754C14.4676 15.853 15.8532 14.4675 16.5755 12.7236L15.3745 12.2261ZM15.8088 10.3132C15.7737 10.9648 15.6289 11.6118 15.3745 12.2261L16.5755 12.7236C16.8868 11.972 17.064 11.1803 17.107 10.3832L15.8088 10.3132ZM16.2869 9.72106C15.2464 10.0047 14.1347 9.93796 13.1275 9.5208L12.6301 10.7218C13.9048 11.2498 15.3118 11.3343 16.6288 10.9753L16.2869 9.72106ZM13.1275 9.5208C11.9285 9.02416 10.976 8.07157 10.4793 6.87258L9.27827 7.37006C9.90685 8.88759 11.1125 10.0933 12.6301 10.7218L13.1275 9.5208ZM10.4793 6.87258C10.0622 5.86546 9.99539 4.75376 10.2791 3.71317L9.02482 3.37127C8.66579 4.68832 8.75027 6.09534 9.27827 7.37006L10.4793 6.87258Z"
+    fill="black"
+  />
+</svg>
diff --git a/packages/icons/src/20/data-usage.svg b/packages/icons/src/20/data-usage.svg
new file mode 100644
index 00000000..a5922254
--- /dev/null
+++ b/packages/icons/src/20/data-usage.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.8001 2.35H8.77186H8.77186C7.95572 2.34999 7.30358 2.34999 6.77677 2.39303C6.23632 2.43719 5.7708 2.52987 5.34303 2.74783C4.65624 3.09776 4.09786 3.65614 3.74792 4.34294C3.52996 4.77071 3.43729 5.23622 3.39313 5.77668C3.35009 6.30348 3.35009 6.95562 3.3501 7.77176V7.77177V7.8V12.2V12.2282C3.35009 13.0444 3.35009 13.6965 3.39313 14.2233C3.43729 14.7638 3.52996 15.2293 3.74792 15.6571C4.09786 16.3439 4.65624 16.9022 5.34303 17.2522C5.7708 17.4701 6.23632 17.5628 6.77677 17.607C7.30358 17.65 7.95572 17.65 8.77186 17.65H8.77187H8.8001H11.2001H11.2283H11.2283C12.0445 17.65 12.6966 17.65 13.2234 17.607C13.7639 17.5628 14.2294 17.4701 14.6572 17.2522C15.344 16.9022 15.9023 16.3439 16.2523 15.6571C16.4702 15.2293 16.5629 14.7638 16.6071 14.2233C16.6501 13.6965 16.6501 13.0444 16.6501 12.2282V12.2282V12.2V7.8V7.77177V7.77176C16.6501 6.95562 16.6501 6.30348 16.6071 5.77668C16.5629 5.23622 16.4702 4.77071 16.2523 4.34294C15.9023 3.65614 15.344 3.09776 14.6572 2.74783C14.2294 2.52987 13.7639 2.43719 13.2234 2.39303C12.6966 2.34999 12.0445 2.34999 11.2283 2.35H11.2283H11.2001H8.8001ZM5.93322 3.90614C6.14718 3.79712 6.42257 3.7263 6.88263 3.68871C7.35028 3.65051 7.94929 3.65 8.8001 3.65H11.2001C12.0509 3.65 12.6499 3.65051 13.1176 3.68871C13.5776 3.7263 13.853 3.79712 14.067 3.90614C14.5092 4.13144 14.8687 4.49094 15.094 4.93312C15.203 5.14709 15.2738 5.42248 15.3114 5.88254C15.3496 6.35018 15.3501 6.9492 15.3501 7.8V12.2C15.3501 13.0508 15.3496 13.6498 15.3114 14.1175C15.2738 14.5775 15.203 14.8529 15.094 15.0669C14.8687 15.5091 14.5092 15.8686 14.067 16.0939C13.853 16.2029 13.5776 16.2737 13.1176 16.3113C12.6499 16.3495 12.0509 16.35 11.2001 16.35H8.8001C7.94929 16.35 7.35028 16.3495 6.88263 16.3113C6.42257 16.2737 6.14718 16.2029 5.93322 16.0939C5.49104 15.8686 5.13153 15.5091 4.90623 15.0669C4.79721 14.8529 4.7264 14.5775 4.68881 14.1175C4.6506 13.6498 4.6501 13.0508 4.6501 12.2V7.8C4.6501 6.9492 4.6506 6.35019 4.68881 5.88254C4.7264 5.42248 4.79721 5.14709 4.90623 4.93312C5.13153 4.49094 5.49104 4.13144 5.93322 3.90614ZM8.5001 15.15H11.5001V13.85H8.5001V15.15Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/delete.svg b/packages/icons/src/20/delete.svg
new file mode 100644
index 00000000..b618a2c2
--- /dev/null
+++ b/packages/icons/src/20/delete.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.34996 4.5C7.34996 3.03645 8.5364 1.85 9.99996 1.85C11.4635 1.85 12.65 3.03645 12.65 4.5V4.98845C13.5981 5.08647 14.4372 5.22457 15.1274 5.36262C15.7687 5.49087 16.2832 5.61943 16.6397 5.71665C16.818 5.76528 16.9569 5.80611 17.0525 5.83519C17.1003 5.84974 17.1373 5.86135 17.1629 5.86954L17.1929 5.8792L17.2014 5.88199L17.204 5.88285L17.2049 5.88315L17.2052 5.88326C17.2054 5.88331 17.2055 5.88336 17 6.5C16.7944 7.11664 16.7945 7.11668 16.7946 7.11671L16.7942 7.11656L16.7896 7.11506L16.7677 7.108C16.7474 7.10154 16.716 7.09167 16.674 7.07887C16.5899 7.05327 16.4631 7.01597 16.2977 6.97085C16.1232 6.92325 15.9058 6.867 15.65 6.8066V11.7V11.7282V11.7282V11.7283V11.7283V11.7283C15.65 12.5444 15.65 13.1965 15.6069 13.7233C15.5628 14.2638 15.4701 14.7293 15.2521 15.1571C14.9022 15.8439 14.3438 16.4022 13.657 16.7522C13.2293 16.9701 12.7637 17.0628 12.2233 17.107C11.6965 17.15 11.0444 17.15 10.2283 17.15H10.2283H10.2283H10.2283H10.2282H10.2H9.79996H9.77173H9.77166H9.77165H9.77164H9.77163C8.95553 17.15 8.30342 17.15 7.77663 17.107C7.23618 17.0628 6.77066 16.9701 6.34289 16.7522C5.6561 16.4022 5.09772 15.8439 4.74778 15.1571C4.52982 14.7293 4.43715 14.2638 4.39299 13.7233C4.34995 13.1965 4.34995 12.5444 4.34996 11.7282L4.34996 11.7V6.8066C4.09417 6.867 3.87674 6.92325 3.70223 6.97085C3.53678 7.01597 3.41005 7.05327 3.32593 7.07887C3.28388 7.09167 3.25249 7.10154 3.23225 7.108L3.21033 7.11506L3.20576 7.11656L3.2053 7.11671C3.2054 7.11668 3.20551 7.11664 2.99996 6.5C2.79441 5.88336 2.79454 5.88331 2.79469 5.88326L2.79503 5.88315L2.79593 5.88285L2.79854 5.88199L2.80704 5.8792L2.837 5.86954C2.86266 5.86135 2.89963 5.84974 2.94742 5.83519C3.04299 5.80611 3.18189 5.76528 3.36018 5.71665C3.71668 5.61943 4.23127 5.49087 4.87248 5.36262C5.56274 5.22457 6.40179 5.08647 7.34996 4.98845V4.5ZM5.64996 6.53875V11.7C5.64996 12.5508 5.65046 13.1498 5.68867 13.6175C5.72626 14.0775 5.79707 14.3529 5.90609 14.5669C6.1314 15.0091 6.4909 15.3686 6.93308 15.5939C7.14704 15.7029 7.42243 15.7737 7.88249 15.8113C8.35014 15.8495 8.94915 15.85 9.79996 15.85H10.2C11.0508 15.85 11.6498 15.8495 12.1174 15.8113C12.5775 15.7737 12.8529 15.7029 13.0668 15.5939C13.509 15.3686 13.8685 15.0091 14.0938 14.5669C14.2028 14.3529 14.2737 14.0775 14.3112 13.6175C14.3495 13.1498 14.35 12.5508 14.35 11.7V6.53875C13.1861 6.33198 11.6831 6.15 9.99996 6.15C8.31682 6.15 6.81382 6.33198 5.64996 6.53875ZM9.99996 4.85H11.35V4.5C11.35 3.75442 10.7455 3.15 9.99996 3.15C9.25437 3.15 8.64996 3.75442 8.64996 4.5V4.85H9.99996ZM7.84996 9V13H9.14996V9H7.84996ZM10.85 13V9H12.15V13H10.85Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/desktop.svg b/packages/icons/src/20/desktop.svg
new file mode 100644
index 00000000..dbb64d95
--- /dev/null
+++ b/packages/icons/src/20/desktop.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M6.67316 3.35H6.7001H13.3001H13.327H13.3271C13.8642 3.34999 14.3065 3.34998 14.6666 3.37941C15.0403 3.40994 15.3824 3.47537 15.7032 3.63883C16.2018 3.8929 16.6072 4.29829 16.8613 4.79692C17.0247 5.11774 17.0902 5.45977 17.1207 5.83347C17.1501 6.19358 17.1501 6.63591 17.1501 7.17306V7.2V10.8V10.8269C17.1501 11.3641 17.1501 11.8064 17.1207 12.1665C17.0902 12.5402 17.0247 12.8823 16.8613 13.2031C16.6072 13.7017 16.2018 14.1071 15.7032 14.3612C15.3824 14.5246 15.0403 14.5901 14.6666 14.6206C14.3065 14.65 13.8642 14.65 13.327 14.65H13.3001H12.1501V16.35H13.5001V17.65H6.5001V16.35H7.8501V14.65H6.7001H6.67316C6.136 14.65 5.69368 14.65 5.33357 14.6206C4.95987 14.5901 4.61784 14.5246 4.29702 14.3612C3.79839 14.1071 3.393 13.7017 3.13893 13.2031C2.97547 12.8823 2.91004 12.5402 2.87951 12.1665C2.85008 11.8064 2.85009 11.3641 2.8501 10.8269V10.8V7.2V7.17306V7.17306C2.85009 6.6359 2.85008 6.19358 2.87951 5.83347C2.91004 5.45977 2.97547 5.11774 3.13893 4.79692C3.393 4.29829 3.79839 3.8929 4.29702 3.63883C4.61784 3.47537 4.95987 3.40994 5.33357 3.37941C5.69368 3.34998 6.13599 3.34999 6.67313 3.35H6.67316ZM10.8501 16.35V14.65H9.1501V16.35H10.8501ZM5.43943 4.67509C5.14613 4.69905 4.99422 4.74262 4.88721 4.79714C4.63319 4.92657 4.42667 5.13309 4.29724 5.38711C4.24272 5.49412 4.19915 5.64603 4.17519 5.93933C4.1506 6.24023 4.1501 6.62922 4.1501 7.2V10.35H15.8501V7.2C15.8501 6.62922 15.8496 6.24023 15.825 5.93933C15.801 5.64603 15.7575 5.49412 15.703 5.38711C15.5735 5.13309 15.367 4.92657 15.113 4.79714C15.006 4.74262 14.8541 4.69905 14.5608 4.67509C14.2599 4.6505 13.8709 4.65 13.3001 4.65H6.7001C6.12932 4.65 5.74033 4.6505 5.43943 4.67509ZM4.17519 12.0607C4.16533 11.94 4.15934 11.8051 4.1557 11.65H15.8445C15.8409 11.8051 15.8349 11.94 15.825 12.0607C15.801 12.354 15.7575 12.5059 15.703 12.6129C15.5735 12.8669 15.367 13.0734 15.113 13.2029C15.006 13.2574 14.8541 13.3009 14.5608 13.3249C14.2599 13.3495 13.8709 13.35 13.3001 13.35H6.7001C6.12932 13.35 5.74033 13.3495 5.43943 13.3249C5.14613 13.3009 4.99422 13.2574 4.88721 13.2029C4.63319 13.0734 4.42667 12.8669 4.29724 12.6129C4.24272 12.5059 4.19915 12.354 4.17519 12.0607Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/download.svg b/packages/icons/src/20/download.svg
new file mode 100644
index 00000000..638736a2
--- /dev/null
+++ b/packages/icons/src/20/download.svg
@@ -0,0 +1,15 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.6501 11.9308V3H9.35015V11.9308L5.95977 8.54038L5.04053 9.45962L9.54053 13.9596L10.0001 14.4192L10.4598 13.9596L14.9598 9.45962L14.0405 8.54038L10.6501 11.9308Z"
+    fill="#09101C"
+  />
+  <path d="M16 17H4" stroke="#1B273D" stroke-opacity="0.3" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/dropdown.svg b/packages/icons/src/20/dropdown.svg
new file mode 100644
index 00000000..ca151b10
--- /dev/null
+++ b/packages/icons/src/20/dropdown.svg
@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="7" fill="#E7EAEE" />
+  <path d="M7 8.5L10 11.5L13 8.5" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/duration.svg b/packages/icons/src/20/duration.svg
new file mode 100644
index 00000000..5a5cfb4b
--- /dev/null
+++ b/packages/icons/src/20/duration.svg
@@ -0,0 +1,27 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="11" r="6" stroke="#09101C" stroke-width="1.3" />
+  <path
+    d="M8.5 2.5H11.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M16.25 5.2001L17.75 7.79818"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M10 11L13 9"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/edit.svg b/packages/icons/src/20/edit.svg
new file mode 100644
index 00000000..e114553c
--- /dev/null
+++ b/packages/icons/src/20/edit.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M15.7631 4.23708L15.7152 4.18912L15.7152 4.18911C15.4334 3.90718 15.2262 3.69979 15.008 3.55396C14.1168 2.95849 12.9546 2.95849 12.0635 3.55396C11.8452 3.69979 11.638 3.90718 11.3563 4.18912L11.3083 4.23708L5.41004 10.1354L5.36868 10.1767L5.36868 10.1767C5.10512 10.44 4.90758 10.6374 4.75565 10.8709C4.62153 11.0769 4.51674 11.3007 4.4443 11.5356C4.36224 11.8018 4.33707 12.0799 4.30349 12.4509L4.29821 12.5092L4.04955 15.2445C4.03208 15.4366 4.10085 15.6265 4.23726 15.7629C4.37366 15.8993 4.56361 15.9681 4.75573 15.9506L7.49101 15.702L7.54924 15.6967H7.54925C7.92031 15.6631 8.19843 15.6379 8.46457 15.5559C8.69952 15.4834 8.92325 15.3786 9.12932 15.2445C9.36274 15.0926 9.56013 14.8951 9.82348 14.6315L9.86481 14.5901L15.7631 8.69185L15.8111 8.64392L15.8111 8.6439C16.093 8.36219 16.3004 8.15496 16.4462 7.93673C17.0417 7.04554 17.0417 5.88339 16.4462 4.9922C16.3004 4.77396 16.093 4.56673 15.8111 4.28501L15.7631 4.23708ZM14.2857 4.63487C14.3829 4.69978 14.4933 4.80573 14.8439 5.15632C15.1945 5.50691 15.3004 5.61731 15.3653 5.71445C15.6687 6.16845 15.6687 6.76048 15.3653 7.21449C15.3004 7.31162 15.1945 7.42202 14.8439 7.77261L13.5357 9.08082L10.9194 6.46452L12.2276 5.15632C12.5782 4.80573 12.6886 4.69978 12.7857 4.63487C13.2397 4.33152 13.8317 4.33152 14.2857 4.63487ZM10.0001 7.38376L6.32928 11.0546C6.00684 11.377 5.91365 11.4748 5.8452 11.58C5.77688 11.685 5.7235 11.7989 5.68659 11.9186C5.64962 12.0385 5.63415 12.1727 5.59287 12.6269L5.41483 14.5854L7.37331 14.4073C7.82744 14.366 7.96163 14.3506 8.08153 14.3136C8.20123 14.2767 8.3152 14.2233 8.42018 14.155C8.52534 14.0865 8.62313 13.9933 8.94557 13.6709L12.6164 10.0001L10.0001 7.38376Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/email.svg b/packages/icons/src/20/email.svg
new file mode 100644
index 00000000..a959b386
--- /dev/null
+++ b/packages/icons/src/20/email.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M6 7L10 10L14 7" stroke="#09101C" stroke-width="1.3" />
+  <path
+    d="M11 4L9 4C7.13623 4 6.20435 4 5.46927 4.30448C4.48915 4.71046 3.71046 5.48915 3.30448 6.46927C3 7.20435 3 8.13623 3 10C3 11.8638 3 12.7956 3.30448 13.5307C3.71046 14.5108 4.48915 15.2895 5.46927 15.6955C6.20435 16 7.13623 16 9 16H11C12.8638 16 13.7956 16 14.5307 15.6955C15.5108 15.2895 16.2895 14.5108 16.6955 13.5307C17 12.7956 17 11.8638 17 10C17 8.13623 17 7.20435 16.6955 6.46927C16.2895 5.48915 15.5108 4.71046 14.5307 4.30448C13.7956 4 12.8638 4 11 4Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/expand.svg b/packages/icons/src/20/expand.svg
new file mode 100644
index 00000000..058abddc
--- /dev/null
+++ b/packages/icons/src/20/expand.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.5001 6.15H13.8501V11.5H15.1501V5.5V4.85H14.5001H8.5001V6.15ZM4.8501 8.5V14.5V15.15H5.5001H11.5001V13.85H6.1501V8.5H4.8501Z"
+    fill="black"
+  />
+</svg>
diff --git a/packages/icons/src/20/external.svg b/packages/icons/src/20/external.svg
new file mode 100644
index 00000000..96db5e7a
--- /dev/null
+++ b/packages/icons/src/20/external.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.9676 7.61447L6.17274 7.61447V6.31446H12.5367H13.1867V6.96447V13.3284L11.8867 13.3284V8.53379L5.92534 14.4952L5.0061 13.5759L10.9676 7.61447Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/face-id.svg b/packages/icons/src/20/face-id.svg
new file mode 100644
index 00000000..04676e73
--- /dev/null
+++ b/packages/icons/src/20/face-id.svg
@@ -0,0 +1,25 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8.14286 3.5V3.5C6.61076 3.5 5.84472 3.5 5.24912 3.77323C4.59636 4.07268 4.07268 4.59636 3.77323 5.24912C3.5 5.84472 3.5 6.61076 3.5 8.14286V8.14286M11.8571 3.5V3.5C13.3892 3.5 14.1553 3.5 14.7509 3.77323C15.4036 4.07268 15.9273 4.59636 16.2268 5.24912C16.5 5.84472 16.5 6.61076 16.5 8.14286V8.14286M16.5 11.8571V11.8571C16.5 13.3892 16.5 14.1553 16.2268 14.7509C15.9273 15.4036 15.4036 15.9273 14.7509 16.2268C14.1553 16.5 13.3892 16.5 11.8571 16.5V16.5M8.14286 16.5V16.5C6.61076 16.5 5.84472 16.5 5.24912 16.2268C4.59636 15.9273 4.07268 15.4036 3.77323 14.7509C3.5 14.1553 3.5 13.3892 3.5 11.8571V11.8571"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path d="M7 6.5V9" stroke="#09101C" stroke-width="1.3" />
+  <path
+    d="M10 6.5V9.58579C10 9.851 10.1054 10.1054 10.2929 10.2929L11 11"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path
+    d="M7 13C7 13 8 14 10 14C12 14 13 13 13 13"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path d="M13 6.5V9" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/favourite.svg b/packages/icons/src/20/favourite.svg
new file mode 100644
index 00000000..a79af606
--- /dev/null
+++ b/packages/icons/src/20/favourite.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M10 3L12.0572 7.16844L16.6574 7.83688L13.3287 11.0816L14.1145 15.6631L10 13.5L5.8855 15.6631L6.6713 11.0816L3.3426 7.83688L7.94275 7.16844L10 3Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/file.svg b/packages/icons/src/20/file.svg
new file mode 100644
index 00000000..34ec910e
--- /dev/null
+++ b/packages/icons/src/20/file.svg
@@ -0,0 +1,31 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M11 3V3C11.6403 3 12.2544 3.25435 12.7071 3.70711L15.2929 6.29289C15.7456 6.74565 16 7.35971 16 8V8V12.2C16 13.8802 16 14.7202 15.673 15.362C15.3854 15.9265 14.9265 16.3854 14.362 16.673C13.7202 17 12.8802 17 11.2 17H8.8C7.11984 17 6.27976 17 5.63803 16.673C5.07354 16.3854 4.6146 15.9265 4.32698 15.362C4 14.7202 4 13.8802 4 12.2V7.8C4 6.11984 4 5.27976 4.32698 4.63803C4.6146 4.07354 5.07354 3.6146 5.63803 3.32698C6.27976 3 7.11984 3 8.8 3H11Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M16 7H12.6C12.0399 7 11.7599 7 11.546 6.89101C11.3578 6.79513 11.2049 6.64215 11.109 6.45399C11 6.24008 11 5.96005 11 5.4V3"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path
+    d="M7 9.5H11"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M7 12.5H13"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/flag.svg b/packages/icons/src/20/flag.svg
new file mode 100644
index 00000000..f5b1d87d
--- /dev/null
+++ b/packages/icons/src/20/flag.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M5.6501 3.35V3H4.3501V4V11V17H5.6501V11.65H8.35979C8.43329 12.2143 8.91581 12.65 9.5001 12.65H15.0001C15.3591 12.65 15.6501 12.359 15.6501 12V5C15.6501 4.64101 15.3591 4.35 15.0001 4.35H11.6404C11.5669 3.78575 11.0844 3.35 10.5001 3.35H5.6501ZM5.6501 4.65V10.35H8.5001C9.08439 10.35 9.5669 10.7857 9.6404 11.35H14.3501V5.65H11.5001C10.9158 5.65 10.4333 5.21425 10.3598 4.65H5.6501Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/flash-off.svg b/packages/icons/src/20/flash-off.svg
new file mode 100644
index 00000000..10794e77
--- /dev/null
+++ b/packages/icons/src/20/flash-off.svg
@@ -0,0 +1,15 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M11.25 2.5V8.75H14.5L8.75 17.5V11.25H5.5L11.25 2.5Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <path d="M17.0722 17.0721L2.93005 2.93" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/flash.svg b/packages/icons/src/20/flash.svg
new file mode 100644
index 00000000..41b131ef
--- /dev/null
+++ b/packages/icons/src/20/flash.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M11.25 2.5V8.75H14.5L8.75 17.5V11.25H5.5L11.25 2.5Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/flashlight-off.svg b/packages/icons/src/20/flashlight-off.svg
new file mode 100644
index 00000000..74c95ef4
--- /dev/null
+++ b/packages/icons/src/20/flashlight-off.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M6.53282 4.35H6.53795H13.4622H13.4674C13.4975 4.35 13.5197 4.35 13.5395 4.35029C14.9722 4.37159 16.1285 5.52789 16.1498 6.96061C16.1501 6.98038 16.1501 7.00248 16.1501 7.03257V7.03264V7.03272V7.03786L16.1501 7.07613C16.1469 7.78423 15.9822 8.48227 15.6683 9.117L15.6512 9.15126L14.9615 10.5306L14.9424 10.5689C14.8194 10.8151 14.7271 10.9998 14.6065 11.1689C14.4999 11.3184 14.3781 11.4564 14.243 11.5808C14.0901 11.7214 13.9183 11.8359 13.6892 11.9885L13.6536 12.0122L13.4498 12.1481C13.292 12.2533 13.2738 12.2677 13.2624 12.2783C13.2049 12.3315 13.1669 12.4025 13.1545 12.4799C13.152 12.4953 13.1501 12.5184 13.1501 12.708V15.5C13.1501 17.2397 11.7398 18.65 10.0001 18.65C8.2604 18.65 6.8501 17.2397 6.8501 15.5V12.708C6.8501 12.5184 6.84817 12.4953 6.8457 12.4799C6.83332 12.4025 6.79533 12.3315 6.73783 12.2783C6.72636 12.2677 6.70823 12.2533 6.55042 12.1481L6.34662 12.0122L6.31097 11.9885L6.31096 11.9885C6.08191 11.8359 5.91014 11.7214 5.75724 11.5808C5.62213 11.4564 5.50029 11.3184 5.39371 11.1689C5.27309 10.9998 5.18084 10.8151 5.05783 10.5689L5.03868 10.5306L4.349 9.15126L4.33193 9.117C4.01803 8.48227 3.85325 7.78423 3.85014 7.07613L3.8501 7.03786V7.03272C3.8501 7.00256 3.8501 6.98041 3.85039 6.96061C3.87169 5.52789 5.02798 4.37159 6.46071 4.35029C6.48051 4.35 6.50266 4.35 6.53282 4.35ZM6.53795 5.65C6.50047 5.65 6.48885 5.65002 6.48003 5.65015C5.75015 5.661 5.1611 6.25006 5.15025 6.97993C5.15012 6.98875 5.1501 7.00037 5.1501 7.03786L5.15013 7.07043C5.15054 7.16394 5.15486 7.25721 5.16305 7.35H14.8371C14.8453 7.25721 14.8497 7.16394 14.8501 7.07043L14.8501 7.03786C14.8501 7.00037 14.8501 6.98875 14.8499 6.97993C14.8391 6.25006 14.25 5.661 13.5202 5.65015C13.5114 5.65002 13.4997 5.65 13.4622 5.65H6.53795ZM14.4484 8.65H5.55182L6.20143 9.94922C6.35172 10.2498 6.39781 10.3379 6.45221 10.4142C6.50651 10.4904 6.56857 10.5607 6.63741 10.624C6.70637 10.6875 6.78812 10.7441 7.06773 10.9306L7.27153 11.0664L7.29819 11.0842L7.29819 11.0842C7.41136 11.1595 7.52324 11.2339 7.62083 11.3242C7.89192 11.5751 8.07098 11.9097 8.12936 12.2744C8.15038 12.4057 8.15025 12.5401 8.15012 12.676L8.1501 12.708V15.5C8.1501 16.5217 8.97837 17.35 10.0001 17.35C11.0218 17.35 11.8501 16.5217 11.8501 15.5V12.708L11.8501 12.676C11.8499 12.5401 11.8498 12.4057 11.8708 12.2744C11.9292 11.9097 12.1083 11.5751 12.3794 11.3242C12.477 11.2339 12.5888 11.1595 12.702 11.0842L12.702 11.0842L12.7287 11.0664L12.9325 10.9306C13.2121 10.7441 13.2938 10.6875 13.3628 10.624C13.4316 10.5607 13.4937 10.4904 13.548 10.4142C13.6024 10.3379 13.6485 10.2498 13.7988 9.94922L14.4484 8.65ZM9.3501 14V12H10.6501V14H9.3501Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/flashlight-on.svg b/packages/icons/src/20/flashlight-on.svg
new file mode 100644
index 00000000..8bf7589d
--- /dev/null
+++ b/packages/icons/src/20/flashlight-on.svg
@@ -0,0 +1,20 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M7 3C7 3 8 2 10 2C12 2 13 3 13 3"
+    stroke="#1B273D"
+    stroke-opacity="0.3"
+    stroke-width="1.3"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M6.53282 4.35H6.53795H13.4622H13.4674C13.4975 4.35 13.5197 4.35 13.5395 4.35029C14.9722 4.37159 16.1285 5.52789 16.1498 6.96061C16.1501 6.98038 16.1501 7.00248 16.1501 7.03257V7.03264V7.03272V7.03786L16.1501 7.07613C16.1469 7.78423 15.9822 8.48227 15.6683 9.117L15.6512 9.15126L14.9615 10.5306L14.9424 10.5689C14.8194 10.8151 14.7271 10.9998 14.6065 11.1689C14.4999 11.3184 14.3781 11.4564 14.243 11.5808C14.0901 11.7214 13.9183 11.8359 13.6892 11.9885L13.6536 12.0122L13.4498 12.1481C13.292 12.2533 13.2738 12.2677 13.2624 12.2783C13.2049 12.3315 13.1669 12.4025 13.1545 12.4799C13.152 12.4953 13.1501 12.5184 13.1501 12.708V15.5C13.1501 17.2397 11.7398 18.65 10.0001 18.65C8.2604 18.65 6.8501 17.2397 6.8501 15.5V12.708C6.8501 12.5184 6.84817 12.4953 6.8457 12.4799C6.83332 12.4025 6.79533 12.3315 6.73783 12.2783C6.72636 12.2677 6.70823 12.2533 6.55042 12.1481L6.34662 12.0122L6.31097 11.9885L6.31096 11.9885C6.08191 11.8359 5.91014 11.7214 5.75724 11.5808C5.62213 11.4564 5.50029 11.3184 5.39371 11.1689C5.27309 10.9998 5.18084 10.8151 5.05783 10.5689L5.03868 10.5306L4.349 9.15126L4.33193 9.117C4.01803 8.48227 3.85325 7.78423 3.85014 7.07613L3.8501 7.03786V7.03272C3.8501 7.00256 3.8501 6.98041 3.85039 6.96061C3.87169 5.52789 5.02798 4.37159 6.46071 4.35029C6.48051 4.35 6.50266 4.35 6.53282 4.35ZM6.53795 5.65C6.50047 5.65 6.48885 5.65002 6.48003 5.65015C5.75015 5.661 5.1611 6.25006 5.15025 6.97993C5.15012 6.98875 5.1501 7.00037 5.1501 7.03786L5.15013 7.07043C5.15054 7.16394 5.15486 7.25721 5.16305 7.35H14.8371C14.8453 7.25721 14.8497 7.16394 14.8501 7.07043L14.8501 7.03786C14.8501 7.00037 14.8501 6.98875 14.8499 6.97993C14.8391 6.25006 14.25 5.661 13.5202 5.65015C13.5114 5.65002 13.4997 5.65 13.4622 5.65H6.53795ZM14.4484 8.65H5.55182L6.20143 9.94922C6.35172 10.2498 6.39781 10.3379 6.45221 10.4142C6.50651 10.4904 6.56857 10.5607 6.63741 10.624C6.70637 10.6875 6.78812 10.7441 7.06773 10.9306L7.27153 11.0664L7.29819 11.0842L7.29819 11.0842C7.41136 11.1595 7.52324 11.2339 7.62083 11.3242C7.89192 11.5751 8.07098 11.9097 8.12936 12.2744C8.15038 12.4057 8.15025 12.5401 8.15012 12.676L8.1501 12.708V15.5C8.1501 16.5217 8.97837 17.35 10.0001 17.35C11.0218 17.35 11.8501 16.5217 11.8501 15.5V12.708L11.8501 12.676C11.8499 12.5401 11.8498 12.4057 11.8708 12.2744C11.9292 11.9097 12.1083 11.5751 12.3794 11.3242C12.477 11.2339 12.5888 11.1595 12.702 11.0842L12.702 11.0842L12.7287 11.0664L12.9325 10.9306C13.2121 10.7441 13.2938 10.6875 13.3628 10.624C13.4316 10.5607 13.4937 10.4904 13.548 10.4142C13.6024 10.3379 13.6485 10.2498 13.7988 9.94922L14.4484 8.65ZM9.3501 12V10H10.6501V12H9.3501Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/flip.svg b/packages/icons/src/20/flip.svg
new file mode 100644
index 00000000..3185f4fb
--- /dev/null
+++ b/packages/icons/src/20/flip.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.07267 2.93232C8.47052 2.35331 10.0087 2.20182 11.4926 2.49699C12.9766 2.79217 14.3397 3.52076 15.4096 4.59063L14.4903 5.50987C13.6023 4.62181 12.4708 4.01703 11.239 3.77201C10.0072 3.527 8.73047 3.65275 7.57016 4.13337C6.40984 4.61398 5.41811 5.42788 4.72036 6.47213C4.14108 7.33909 3.78603 8.3325 3.68217 9.36352L4.7002 8.6L5.3002 9.4L3.3002 10.9L3.0002 11.125L2.7002 10.9L0.700195 9.4L1.3002 8.6L2.37337 9.40488C2.47506 8.10154 2.90948 6.84238 3.63945 5.74989C4.48004 4.49185 5.67481 3.51133 7.07267 2.93232ZM12.9277 17.0677C11.5299 17.6467 9.99171 17.7982 8.50776 17.503C7.0238 17.2078 5.6607 16.4792 4.59083 15.4094L5.51007 14.4901C6.39813 15.3782 7.52959 15.983 8.76137 16.228C9.99315 16.473 11.2699 16.3473 12.4302 15.8666C13.5905 15.386 14.5823 14.5721 15.28 13.5279C15.7533 12.8195 16.0769 12.0268 16.2362 11.198L15.3002 11.9L14.7002 11.1L16.7002 9.6L17.0002 9.375L17.3002 9.6L19.3002 11.1L18.7002 11.9L17.5768 11.0574C17.418 12.1952 17.0042 13.2874 16.3609 14.2501C15.5203 15.5081 14.3256 16.4887 12.9277 17.0677ZM8.1502 10C8.1502 8.97827 8.97847 8.15 10.0002 8.15C11.0219 8.15 11.8502 8.97827 11.8502 10C11.8502 11.0217 11.0219 11.85 10.0002 11.85C8.97847 11.85 8.1502 11.0217 8.1502 10ZM10.0002 6.85C8.2605 6.85 6.8502 8.2603 6.8502 10C6.8502 11.7397 8.2605 13.15 10.0002 13.15C11.7399 13.15 13.1502 11.7397 13.1502 10C13.1502 8.2603 11.7399 6.85 10.0002 6.85Z"
+    fill="black"
+  />
+</svg>
diff --git a/packages/icons/src/20/folder.svg b/packages/icons/src/20/folder.svg
new file mode 100644
index 00000000..e1140568
--- /dev/null
+++ b/packages/icons/src/20/folder.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M6.84669 3.35L6.7575 3.34999C6.05636 3.34984 5.59516 3.34974 5.19778 3.43928C4.53181 3.58934 3.93652 3.91862 3.46448 4.37455C3.43263 4.40531 3.40133 4.43665 3.37062 4.46855C2.9168 4.93993 2.58902 5.53366 2.4394 6.19765C2.34986 6.59504 2.34996 7.05624 2.35011 7.75738L2.35012 7.84657V8.71646C2.35012 8.73481 2.35012 8.75325 2.35012 8.77177L2.35012 8.8V11.2L2.35012 11.2282C2.35012 12.0444 2.35011 12.6965 2.39315 13.2233C2.43731 13.7638 2.52999 14.2293 2.74795 14.6571C3.09789 15.3439 3.65627 15.9022 4.34306 16.2522C4.77083 16.4701 5.23634 16.5628 5.7768 16.607C6.3036 16.65 6.95574 16.65 7.77188 16.65H7.77189H7.80012H12.2001H12.2284H12.2284C12.2446 16.65 12.2608 16.65 12.277 16.65H12.8001L12.9266 16.65H12.9266C13.9213 16.6503 14.5766 16.6505 15.128 16.4714C15.6142 16.3134 16.0544 16.0578 16.426 15.7272C16.5511 15.6159 16.6684 15.4962 16.7771 15.3688C17.0836 15.0095 17.3215 14.5894 17.4715 14.1279C17.6507 13.5765 17.6505 12.9211 17.6501 11.9265V11.9265L17.6501 11.8L17.6502 11.6915C17.6502 11.615 17.6503 11.541 17.6501 11.4692C17.6501 11.3905 17.6501 11.3102 17.6501 11.2282V11.2282V11.2V8.8V8.77177V8.77176C17.6501 7.95562 17.6501 7.30348 17.6071 6.77668C17.5629 6.23622 17.4703 5.77071 17.2523 5.34294C16.9024 4.65614 16.344 4.09776 15.6572 3.74783C15.2294 3.52987 14.7639 3.43719 14.2234 3.39303C13.6966 3.34999 13.0445 3.34999 12.2284 3.35L12.2001 3.35H10.0001H7.80012L7.77189 3.35C7.60473 3.35 7.44446 3.35 7.29073 3.35037C7.20129 3.34996 7.10599 3.34998 7.0037 3.34999L6.94071 3.35H6.84669ZM3.65012 8.8C3.65012 7.9492 3.65063 7.35019 3.68884 6.88254C3.72642 6.42248 3.79724 6.14709 3.90626 5.93312C4.13156 5.49094 4.49106 5.13144 4.93324 4.90614C5.14721 4.79712 5.4226 4.7263 5.88266 4.68871C6.24466 4.65914 6.68537 4.65215 7.26065 4.65051C7.62118 4.65211 7.78837 4.65852 7.93256 4.6829C8.75306 4.82166 9.43899 5.38399 9.73597 6.16134C9.80159 6.33313 9.84648 6.54616 9.96275 7.12748L9.97335 7.18057C10.0372 7.50022 10.0844 7.73676 10.1642 7.94573C10.4991 8.82231 11.2726 9.45643 12.1979 9.6129C12.4184 9.6502 12.6596 9.65012 12.9856 9.65001L13.0397 9.65H14.2001C14.9952 9.65 15.2386 9.65802 15.4173 9.71607C15.8283 9.84961 16.1505 10.1718 16.284 10.5828C16.337 10.7459 16.3483 10.9628 16.3499 11.6037C16.3489 12.2462 16.3433 12.7275 16.3114 13.1175C16.2738 13.5775 16.203 13.8529 16.094 14.0669C16.0024 14.2467 15.8885 14.4129 15.756 14.5619C15.6695 14.6591 15.575 14.749 15.4736 14.8307C15.3482 14.9316 15.212 15.02 15.067 15.0939C14.853 15.2029 14.5776 15.2737 14.1176 15.3113C13.6499 15.3495 13.0509 15.35 12.2001 15.35H7.80012C6.94932 15.35 6.35031 15.3495 5.88266 15.3113C5.4226 15.2737 5.14721 15.2029 4.93324 15.0939C4.49106 14.8686 4.13156 14.5091 3.90626 14.0669C3.79724 13.8529 3.72642 13.5775 3.68884 13.1175C3.65063 12.6498 3.65012 12.0508 3.65012 11.2V8.8ZM16.3501 8.71961C16.1841 8.62132 16.0063 8.54054 15.819 8.4797C15.4176 8.34927 14.9469 8.34956 14.3087 8.34996L14.2001 8.35H13.0397C12.6362 8.35 12.5132 8.34776 12.4146 8.3311C11.9433 8.25139 11.5492 7.92835 11.3786 7.48179C11.343 7.38843 11.3166 7.26821 11.2375 6.87252L11.2252 6.81076C11.1257 6.31317 11.06 5.98448 10.9504 5.6974C10.8025 5.3104 10.5926 4.95771 10.3336 4.65H12.2001C13.0509 4.65 13.6499 4.65051 14.1176 4.68871C14.5776 4.7263 14.853 4.79712 15.067 4.90614C15.5092 5.13144 15.8687 5.49094 16.094 5.93312C16.203 6.14709 16.2738 6.42248 16.3114 6.88254C16.3484 7.33532 16.3501 7.91124 16.3501 8.71961Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/format.svg b/packages/icons/src/20/format.svg
new file mode 100644
index 00000000..32d994e8
--- /dev/null
+++ b/packages/icons/src/20/format.svg
@@ -0,0 +1,23 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g clip-path="url(#clip0_948_86)">
+    <path
+      d="M4.34287 14.047C4.22567 14.3965 3.89831 14.632 3.52974 14.632C2.93829 14.632 2.52436 14.0474 2.72077 13.4895L5.29591 6.17484C5.5063 5.57723 6.0709 5.17743 6.70447 5.17743C7.33779 5.17743 7.90224 5.57693 8.11281 6.17423L10.6917 13.4893C10.8883 14.0472 10.4744 14.632 9.88289 14.632C9.51454 14.632 9.18733 14.3967 9.07 14.0476L6.75291 7.15135C6.74589 7.13044 6.72629 7.11635 6.70423 7.11635C6.68216 7.11635 6.66256 7.13045 6.65554 7.15138L4.34287 14.047ZM4.20671 11.6128C4.20671 11.2329 4.51467 10.9249 4.89456 10.9249H8.50465C8.88454 10.9249 9.1925 11.2329 9.1925 11.6128C9.1925 11.9927 8.88454 12.3007 8.50465 12.3007H4.89456C4.51467 12.3007 4.20671 11.9927 4.20671 11.6128Z"
+      fill="#09101C"
+    />
+    <path
+      d="M13.8204 14.8226C13.3711 14.8226 12.9633 14.7379 12.597 14.5687C12.2308 14.3963 11.94 14.1486 11.7245 13.8254C11.5091 13.4992 11.4014 13.1052 11.4014 12.6436C11.4014 12.2373 11.4814 11.908 11.6414 11.6557C11.8015 11.4002 12.0154 11.2002 12.2831 11.0555C12.5509 10.9109 12.8463 10.8032 13.1695 10.7324C13.4957 10.6585 13.8235 10.6 14.1528 10.5569C14.5837 10.5015 14.933 10.46 15.2007 10.4323C15.4716 10.4015 15.6685 10.3507 15.7916 10.28C15.9178 10.2092 15.9809 10.0861 15.9809 9.91064V9.8737C15.9809 9.41821 15.8563 9.06428 15.607 8.81191C15.3608 8.55955 14.9868 8.43336 14.4852 8.43336C13.9651 8.43336 13.5573 8.54724 13.2618 8.77498C13.1312 8.87565 13.0177 8.97933 12.9214 9.08601C12.729 9.29916 12.4316 9.43048 12.1612 9.33389C11.8595 9.22613 11.705 8.88052 11.8872 8.61703C12.0202 8.42481 12.1722 8.26202 12.3431 8.12868C12.654 7.88554 12.9925 7.71627 13.3588 7.62086C13.7281 7.52238 14.0912 7.47314 14.4482 7.47314C14.676 7.47314 14.9376 7.50084 15.233 7.55623C15.5316 7.60855 15.8193 7.71781 16.0963 7.884C16.3764 8.0502 16.6088 8.30103 16.7934 8.63649C16.9781 8.97195 17.0704 9.42129 17.0704 9.9845V14.1116C17.0704 14.4125 16.8265 14.6564 16.5257 14.6564H16.461C16.1959 14.6564 15.9809 14.4414 15.9809 14.1763V13.7302C15.9809 13.7114 15.9657 13.6961 15.9469 13.6961C15.9338 13.6961 15.922 13.7036 15.9161 13.7153C15.8414 13.8637 15.7214 14.022 15.5562 14.1901C15.3838 14.3655 15.1546 14.5148 14.8683 14.6379C14.5821 14.761 14.2328 14.8226 13.8204 14.8226ZM13.9866 13.8439C14.4175 13.8439 14.7806 13.7592 15.0761 13.59C15.3746 13.4207 15.5993 13.2022 15.7501 12.9344C15.904 12.6667 15.9809 12.3851 15.9809 12.0896V11.4372C15.9809 11.3204 15.7882 11.2119 15.6762 11.2448C15.5223 11.2879 15.3438 11.3264 15.1407 11.3602C14.9407 11.391 14.7452 11.4187 14.5544 11.4433C14.3667 11.4649 14.2143 11.4833 14.0974 11.4987C13.8142 11.5356 13.5496 11.5957 13.3034 11.6787C13.0602 11.7588 12.8633 11.8803 12.7124 12.0434C12.5647 12.2035 12.4909 12.422 12.4909 12.699C12.4909 13.0775 12.6309 13.3638 12.911 13.5577C13.1941 13.7485 13.5526 13.8439 13.9866 13.8439Z"
+      fill="#09101C"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_948_86">
+      <rect width="20" height="20" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/icons/src/20/forward.svg b/packages/icons/src/20/forward.svg
new file mode 100644
index 00000000..99f18891
--- /dev/null
+++ b/packages/icons/src/20/forward.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M14.9309 9.65L11.5405 13.0404L12.4597 13.9596L16.9597 9.45962L17.4193 9L16.9597 8.54038L12.4597 4.04038L11.5405 4.95962L14.9309 8.35L10.4001 8.35H10.3712H10.3712C9.27555 8.35 8.4135 8.34999 7.71997 8.40666C7.01277 8.46444 6.42377 8.58436 5.88904 8.85682C5.01409 9.30263 4.30273 10.014 3.85692 10.8889C3.58446 11.4237 3.46453 12.0127 3.40675 12.7199C3.35009 13.4134 3.35009 14.2755 3.3501 15.3711V15.3711V15.4V15.5H4.6501V15.4C4.6501 14.2692 4.6506 13.4601 4.70244 12.8257C4.75365 12.1989 4.85171 11.8001 5.01523 11.4791C5.3364 10.8488 5.84889 10.3363 6.47923 10.0151C6.80015 9.85161 7.19902 9.75355 7.82584 9.70234C8.46024 9.65051 9.26927 9.65 10.4001 9.65H14.9309Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/friend.svg b/packages/icons/src/20/friend.svg
new file mode 100644
index 00000000..6adbe5fc
--- /dev/null
+++ b/packages/icons/src/20/friend.svg
@@ -0,0 +1,22 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M5 14.75C5 12.6789 6.67893 11 8.75 11H11.25C13.3211 11 15 12.6789 15 14.75V14.75C15 15.4404 14.4404 16 13.75 16H6.25C5.55964 16 5 15.4404 5 14.75V14.75Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <circle
+    cx="10"
+    cy="6"
+    r="2.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/gas.svg b/packages/icons/src/20/gas.svg
new file mode 100644
index 00000000..53dbcd7f
--- /dev/null
+++ b/packages/icons/src/20/gas.svg
@@ -0,0 +1,31 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M4 7.5C4 6.10218 4 5.40326 4.22836 4.85195C4.53284 4.11687 5.11687 3.53284 5.85195 3.22836C6.40326 3 7.10218 3 8.5 3V3C9.89782 3 10.5967 3 11.1481 3.22836C11.8831 3.53284 12.4672 4.11687 12.7716 4.85195C13 5.40326 13 6.10218 13 7.5V17H4V7.5Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M4 9H13"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M17.65 5.51913V3H16.35V5.51913C16.5047 5.5 16.7059 5.5 17 5.5C17.2941 5.5 17.4953 5.5 17.65 5.51913ZM17.65 9.48087C17.4953 9.5 17.2941 9.5 17 9.5C16.7059 9.5 16.5047 9.5 16.35 9.48087V13C16.35 13.1933 16.1933 13.35 16 13.35C15.8067 13.35 15.65 13.1933 15.65 13V12.2C15.65 11.1783 14.8217 10.35 13.8 10.35H12.5V11.65H13.8C14.1038 11.65 14.35 11.8962 14.35 12.2V13C14.35 13.9113 15.0887 14.65 16 14.65C16.9113 14.65 17.65 13.9113 17.65 13V9.48087Z"
+    fill="#09101C"
+  />
+  <path
+    d="M15.5 7C15.5 6.53406 15.5 6.30109 15.5761 6.11732C15.6776 5.87229 15.8723 5.67761 16.1173 5.57612C16.3011 5.5 16.5341 5.5 17 5.5V5.5C17.4659 5.5 17.6989 5.5 17.8827 5.57612C18.1277 5.67761 18.3224 5.87229 18.4239 6.11732C18.5 6.30109 18.5 6.53406 18.5 7V8C18.5 8.46594 18.5 8.69891 18.4239 8.88268C18.3224 9.12771 18.1277 9.32239 17.8827 9.42388C17.6989 9.5 17.4659 9.5 17 9.5V9.5C16.5341 9.5 16.3011 9.5 16.1173 9.42388C15.8723 9.32239 15.6776 9.12771 15.5761 8.88268C15.5 8.69891 15.5 8.46594 15.5 8V7Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/gif.svg b/packages/icons/src/20/gif.svg
new file mode 100644
index 00000000..b8316dad
--- /dev/null
+++ b/packages/icons/src/20/gif.svg
@@ -0,0 +1,23 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect
+    x="3.5"
+    y="3.5"
+    width="13"
+    height="13"
+    rx="4"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path
+    d="M8.20412 9.31155L8.21511 9.34658H8.25183H8.9823H9.04064L9.03171 9.28893C9.00114 9.09144 8.93653 8.91033 8.83769 8.74608C8.73918 8.58237 8.61335 8.44092 8.46049 8.32189C8.30878 8.20275 8.13544 8.11139 7.94095 8.04759C7.74603 7.98238 7.53647 7.95 7.31264 7.95C7.04773 7.95 6.80158 7.9967 6.57474 8.09064C6.34787 8.18333 6.15002 8.3192 5.98155 8.49796C5.81282 8.67574 5.68191 8.89147 5.58836 9.14424L5.58828 9.14446C5.49574 9.39805 5.44997 9.68474 5.44997 10.0038C5.44997 10.4206 5.5278 10.7837 5.68544 11.0912L5.68556 11.0915C5.84423 11.3972 6.0651 11.6343 6.34801 11.8016L6.34825 11.8017C6.63263 11.9678 6.96172 12.05 7.3339 12.05C7.66791 12.05 7.96586 11.9833 8.22648 11.8486L8.22665 11.8485C8.48735 11.7124 8.69266 11.5184 8.84173 11.2669C8.99135 11.0146 9.06516 10.7171 9.06516 10.3764V9.90875V9.85875H9.01516H7.40926H7.35926V9.90875V10.4601V10.5101H7.40926H8.26915C8.25995 10.6601 8.22257 10.7914 8.15815 10.9049C8.08326 11.0356 7.97655 11.1366 7.8367 11.2084L7.83654 11.2085C7.69815 11.2801 7.53244 11.3169 7.33776 11.3169C7.12446 11.3169 6.93941 11.2664 6.78085 11.1669C6.62258 11.0662 6.49782 10.9189 6.40727 10.7224C6.31703 10.5266 6.27079 10.2851 6.27079 9.9962C6.27079 9.70987 6.317 9.47035 6.40719 9.27585C6.49908 9.0792 6.62391 8.93249 6.7809 8.83312C6.93844 8.7334 7.1184 8.68308 7.3223 8.68308C7.43654 8.68308 7.54111 8.69774 7.63634 8.72656L7.63634 8.72657L7.63689 8.72673C7.73202 8.75432 7.81533 8.79545 7.8874 8.84981L7.88772 8.85004C7.96167 8.9049 8.02472 8.97108 8.07699 9.04881L8.07699 9.04882L8.0775 9.04955C8.13102 9.12613 8.17331 9.21333 8.20412 9.31155ZM7.85953 11.2529C7.71266 11.3289 7.53874 11.3669 7.33776 11.3669C7.11617 11.3669 6.92164 11.3143 6.75415 11.2091C6.58667 11.1027 6.45591 10.9474 6.36186 10.7433C6.26781 10.5393 6.22079 10.2902 6.22079 9.9962C6.22079 9.70469 6.26781 9.45754 6.36186 9.25475L7.85953 11.2529ZM10.7689 8.05323V8.00323H10.7189H10.002H9.952V8.05323V11.9468V11.9968H10.002H10.7189H10.7689V11.9468V8.05323ZM11.9146 11.9468V11.9968H11.9646H12.6815H12.7315V11.9468V10.3428H14.3261H14.3761V10.2928V9.70152V9.65152H14.3261H12.7315V8.69449H14.5H14.55V8.64449V8.05323V8.00323H14.5H11.9646H11.9146V8.05323V11.9468Z"
+    fill="#09101C"
+    stroke="#09101C"
+    stroke-width="0.1"
+  />
+</svg>
diff --git a/packages/icons/src/20/globe.svg b/packages/icons/src/20/globe.svg
new file mode 100644
index 00000000..14df1038
--- /dev/null
+++ b/packages/icons/src/20/globe.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.28046 4.25131C9.55532 3.98973 9.79738 3.9 10.0001 3.9C10.2028 3.9 10.4449 3.98973 10.7197 4.25131C10.9979 4.51607 11.2781 4.92991 11.5274 5.49102C11.9645 6.47433 12.268 7.82189 12.3358 9.35H7.66443C7.73223 7.82189 8.03573 6.47433 8.47275 5.49102C8.72214 4.92991 9.00225 4.51607 9.28046 4.25131ZM6.36327 9.35C6.4317 7.66957 6.76356 6.13583 7.2848 4.96304C7.37069 4.7698 7.4628 4.5839 7.56117 4.4071C5.59532 5.26557 4.16946 7.13011 3.93432 9.35H6.36327ZM3.93432 10.65H6.36327C6.4317 12.3304 6.76356 13.8642 7.2848 15.037C7.37069 15.2302 7.4628 15.4161 7.56117 15.5929C5.59532 14.7344 4.16946 12.8699 3.93432 10.65ZM7.66443 10.65H12.3358C12.268 12.1781 11.9645 13.5257 11.5274 14.509C11.2781 15.0701 10.9979 15.4839 10.7197 15.7487C10.4449 16.0103 10.2028 16.1 10.0001 16.1C9.79738 16.1 9.55532 16.0103 9.28046 15.7487C9.00225 15.4839 8.72214 15.0701 8.47275 14.509C8.03573 13.5257 7.73223 12.1781 7.66443 10.65ZM13.6369 10.65C13.5685 12.3304 13.2366 13.8642 12.7154 15.037C12.6295 15.2302 12.5374 15.4161 12.439 15.5929C14.4049 14.7344 15.8307 12.8699 16.0659 10.65H13.6369ZM16.0659 9.35C15.8307 7.13012 14.4049 5.26557 12.439 4.40711C12.5374 4.5839 12.6295 4.7698 12.7154 4.96304C13.2366 6.13583 13.5685 7.66957 13.6369 9.35H16.0659ZM17.4001 10C17.4001 14.0869 14.087 17.4 10.0001 17.4C5.91319 17.4 2.6001 14.0869 2.6001 10C2.6001 5.91309 5.91319 2.6 10.0001 2.6C14.087 2.6 17.4001 5.91309 17.4001 10Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/hashtag-1.svg b/packages/icons/src/20/hashtag-1.svg
new file mode 100644
index 00000000..2ffc6f2d
--- /dev/null
+++ b/packages/icons/src/20/hashtag-1.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M6.35 16.65V16L6.35 13.65H5H4.35L4.35 12.35H5H6.35L6.35 7.65H5H4.35L4.35 6.35H5H6.35L6.35 4V3.35L7.65 3.35V4L7.65 6.35L12.35 6.35V4V3.35L13.65 3.35V4V6.35H15H15.65V7.65H15H13.65L13.65 12.35H15H15.65V13.65H15H13.65V16V16.65H12.35V16V13.65H7.65L7.65 16V16.65H6.35ZM12.35 12.35V7.65L7.65 7.65L7.65 12.35L12.35 12.35Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/hashtag.svg b/packages/icons/src/20/hashtag.svg
new file mode 100644
index 00000000..0539b688
--- /dev/null
+++ b/packages/icons/src/20/hashtag.svg
@@ -0,0 +1,23 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.1 11.9V13H9.4V11.9H10.6V13H11.9V11.9H13V10.6H11.9V9.4H13V8.1H11.9V7H10.6V8.1H9.4V7H8.1V8.1H7V9.4H8.1V10.6H7V11.9H8.1ZM9.4 10.6H10.6V9.4H9.4V10.6Z"
+    fill="#09101C"
+  />
+  <rect
+    x="3.5"
+    y="3.5"
+    width="13"
+    height="13"
+    rx="4"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/heart.svg b/packages/icons/src/20/heart.svg
new file mode 100644
index 00000000..124928c1
--- /dev/null
+++ b/packages/icons/src/20/heart.svg
@@ -0,0 +1,15 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.8239 16.8938C8.2245 15.9234 6.73661 14.7813 5.38685 13.488C4.4379 12.5566 3.71548 11.4211 3.27491 10.1685C2.48211 7.73868 3.40816 4.95696 5.99977 4.13374C7.36182 3.70147 8.85605 4.6509 10.0038 5.5C11.152 4.65193 12.6323 3.70259 13.9945 4.13374C16.5861 4.95696 17.5188 7.73868 16.726 10.1685C16.2854 11.4211 15.563 12.5566 14.6141 13.488C13.2643 14.7813 11.7764 15.9234 10.177 16.8938L10.0038 17L9.8239 16.8938Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/help.svg b/packages/icons/src/20/help.svg
new file mode 100644
index 00000000..4b3944f1
--- /dev/null
+++ b/packages/icons/src/20/help.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M4.30814 7.80191C4.92674 6.20111 6.20119 4.92666 7.80198 4.30805L8.4424 6.69813C7.67812 7.05932 7.0594 7.67805 6.69821 8.44233L4.30814 7.80191ZM3.97242 9.05781C3.9248 9.36491 3.9001 9.67957 3.9001 10C3.9001 10.3204 3.9248 10.6351 3.97242 10.9422L6.3624 10.3018C6.35425 10.2023 6.3501 10.1016 6.3501 10C6.3501 9.89838 6.35425 9.79773 6.3624 9.69821L3.97242 9.05781ZM4.30814 12.1981C4.92674 13.7989 6.20118 15.0733 7.80197 15.6919L8.44239 13.3019C7.67812 12.9407 7.0594 12.3219 6.69821 11.5577L4.30814 12.1981ZM10.0001 16.1C9.67965 16.1 9.36498 16.0753 9.05787 16.0277L9.69827 13.6377C9.7978 13.6458 9.89846 13.65 10.0001 13.65C10.1016 13.65 10.2022 13.6459 10.3017 13.6377L10.9421 16.0277C10.6351 16.0753 10.3205 16.1 10.0001 16.1ZM12.198 15.692C13.7989 15.0735 15.0734 13.799 15.6921 12.1981L13.302 11.5577C12.9408 12.322 12.322 12.9408 11.5576 13.302L12.198 15.692ZM13.6378 10.3018L16.0278 10.9422C16.0754 10.6351 16.1001 10.3204 16.1001 10C16.1001 9.67957 16.0754 9.3649 16.0278 9.05781L13.6378 9.6982C13.6459 9.79773 13.6501 9.89838 13.6501 10C13.6501 10.1016 13.6459 10.2023 13.6378 10.3018ZM12.198 4.30796C13.7989 4.92654 15.0734 6.20104 15.6921 7.80191L13.302 8.44233C12.9408 7.67798 12.322 7.0592 11.5576 6.69803L12.198 4.30796ZM10.9421 3.97229C10.6351 3.9247 10.3205 3.9 10.0001 3.9C9.67965 3.9 9.36498 3.92471 9.05788 3.97233L9.69827 6.3623C9.7978 6.35415 9.89847 6.35 10.0001 6.35C10.1016 6.35 10.2022 6.35415 10.3017 6.36228L10.9421 3.97229ZM10.0001 2.6C5.91319 2.6 2.6001 5.91309 2.6001 10C2.6001 14.0869 5.91319 17.4 10.0001 17.4C14.087 17.4 17.4001 14.0869 17.4001 10C17.4001 5.91309 14.087 2.6 10.0001 2.6ZM7.6501 10C7.6501 8.70213 8.70223 7.65 10.0001 7.65C11.298 7.65 12.3501 8.70213 12.3501 10C12.3501 11.2979 11.298 12.35 10.0001 12.35C8.70223 12.35 7.6501 11.2979 7.6501 10Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/hide.svg b/packages/icons/src/20/hide.svg
new file mode 100644
index 00000000..fce32f42
--- /dev/null
+++ b/packages/icons/src/20/hide.svg
@@ -0,0 +1,19 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M10 4C14.5 4 17 9 17 10C17 11 14.5 16 10 16C5.5 16 3 11 3 10C3 9 5.5 4 10 4Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.27994 7.36078L3.38848 2.46931L2.46924 3.38855L7.36071 8.28002C7.03798 8.77447 6.85 9.36567 6.85 10C6.85 11.7397 8.2603 13.15 10 13.15C10.6347 13.15 11.2255 12.9623 11.72 12.6394L16.6114 17.5307L17.5306 16.6114L12.6393 11.7201C12.9623 11.2256 13.15 10.6347 13.15 10C13.15 8.2603 11.7397 6.85 10 6.85C9.36549 6.85 8.77435 7.03803 8.27994 7.36078ZM8.31514 9.23446C8.20899 9.46767 8.15 9.72674 8.15 10C8.15 11.0217 8.97827 11.85 10 11.85C10.273 11.85 10.5322 11.7909 10.7654 11.6847L8.31514 9.23446ZM11.6847 10.7655L9.23436 8.31519C9.46765 8.209 9.72679 8.15 10 8.15C11.0217 8.15 11.85 8.97827 11.85 10C11.85 10.273 11.7909 10.5322 11.6847 10.7655Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/history.svg b/packages/icons/src/20/history.svg
new file mode 100644
index 00000000..0610b20a
--- /dev/null
+++ b/packages/icons/src/20/history.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M7.5157 2.28715C8.31274 2.02822 9.14092 1.9 9.99993 1.9C11.0914 1.9 12.1435 2.11113 13.1558 2.53257L13.1565 2.53289C14.1218 2.94421 14.9786 3.52436 15.7272 4.2728L15.7272 4.27281C16.4757 5.0214 17.0558 5.87872 17.4671 6.84347L17.4644 6.84461L17.4674 6.84401C17.8889 7.85612 18.1 8.90824 18.1 9.99988C18.1 11.0915 17.8889 12.1435 17.4674 13.1557L17.4671 13.1565C17.0558 14.1217 16.4756 14.9786 15.7272 15.7272L15.7272 15.7272C14.9786 16.4757 14.1218 17.0558 13.1565 17.4671L13.1558 17.4674C12.1437 17.8889 11.0916 18.1 9.99993 18.1C9.08259 18.1 8.19631 17.9497 7.34204 17.6491M7.5157 2.28715C7.5157 2.28715 7.51571 2.28715 7.51571 2.28715L7.5466 2.38226L7.5157 2.28715ZM7.5157 2.28715C6.71922 2.54581 5.97316 2.92255 5.27753 3.4181L5.27753 3.41809L5.27697 3.4185C4.61285 3.89855 4.03286 4.46784 3.53705 5.12684C3.42113 5.27961 3.31043 5.43615 3.20511 5.59729L3.20508 5.59734C3.16919 5.65233 3.13415 5.70774 3.09999 5.7636M3.09999 5.7636V4V3.9H2.99999H2H1.9V4V8V8.1H2H5.99998H6.09998V8V7V6.9H5.99998H3.83959M3.09999 5.7636C3.06576 5.81959 3.03242 5.87603 2.99999 5.93294V4.1V4H2.89999H2.1H2V4.1V7.9V8H2.1H5.89998H5.99998V7.9V7.1V7H5.89998H3.7904C3.80655 6.96649 3.82295 6.93316 3.83959 6.9M3.09999 5.7636V5.95954C3.15984 5.85554 3.22285 5.75308 3.28882 5.652C3.39284 5.49285 3.50221 5.33817 3.61682 5.18714L3.25711 11.8673M3.83959 6.9C4.11025 6.36075 4.44527 5.86833 4.84387 5.4222C5.27785 4.93648 5.7659 4.52206 6.30739 4.17816C6.84881 3.8343 7.43279 3.56878 8.05978 3.38118L8.0598 3.38117C8.68577 3.19372 9.33258 3.09999 9.99996 3.09999C10.6316 3.09999 11.2413 3.18199 11.8286 3.34608C12.417 3.51046 12.9663 3.74272 13.4768 4.0431C13.9877 4.34371 14.4534 4.70424 14.8745 5.12539C15.2957 5.54655 15.6562 6.01226 15.9568 6.52314C16.2572 7.03368 16.4899 7.583 16.6538 8.17127C16.8175 8.75871 16.8999 9.36841 16.8999 10C16.8999 10.6371 16.8179 11.2479 16.6539 11.8326C16.4895 12.4183 16.2572 12.9663 15.9568 13.4769C15.6562 13.9877 15.2957 14.4535 14.8745 14.8746C14.4534 15.2958 13.9877 15.6563 13.4768 15.9569C12.9663 16.2573 12.4169 16.49 11.8287 16.6539C11.2412 16.8176 10.6315 16.9 9.99996 16.9C9.22953 16.9 8.48811 16.7765 7.77478 16.5304L7.74217 16.6249M3.83959 6.9H3.7279C4.00631 6.33535 4.35376 5.82066 4.7693 5.35557C5.20935 4.86306 5.70444 4.44263 6.25378 4.09374C6.80312 3.74486 7.39551 3.47555 8.03111 3.28537C8.66659 3.09508 9.32308 2.99999 9.99996 2.99999C10.6404 2.99999 11.2591 3.08314 11.8555 3.24977C12.4519 3.4164 13.0093 3.652 13.5275 3.95691C14.0457 4.26183 14.5181 4.62757 14.9452 5.05468C15.3724 5.4818 15.7381 5.95423 16.043 6.47243C16.3479 6.99063 16.584 7.548 16.7501 8.14443C16.9163 8.74086 16.9999 9.3596 16.9999 10C16.9999 10.6458 16.9168 11.2657 16.7501 11.8596C16.5835 12.4533 16.3479 13.0094 16.043 13.5276C15.7381 14.0458 15.3724 14.5182 14.9452 14.9453C14.5181 15.3724 14.0457 15.7382 13.5275 16.0431C13.0093 16.348 12.4519 16.584 11.8555 16.7502C11.2591 16.9164 10.6404 17 9.99996 17C9.21862 17 8.46617 16.8747 7.74217 16.6249M7.74217 16.6249L7.77478 16.5304C7.06067 16.284 6.41157 15.937 5.82637 15.4907C5.24123 15.0444 4.73427 14.5104 4.30494 13.8885L4.22989 13.9403L4.30493 13.8885C3.8763 13.2677 3.55966 12.5851 3.35419 11.8405L3.32757 11.744L3.23113 11.7707L2.27019 12.0366L2.17423 12.0631L2.20036 12.1592C2.31648 12.5861 2.465 12.9976 2.64731 13.3934L2.64732 13.3934C2.82967 13.7891 3.04444 14.1686 3.29238 14.5327M7.74217 16.6249C7.01817 16.3751 6.35958 16.0231 5.76572 15.5702C5.17198 15.1173 4.65779 14.5756 4.22265 13.9453C3.78928 13.3177 3.46882 12.628 3.26038 11.8765C3.25952 11.8733 3.25865 11.8702 3.25779 11.8671L3.25711 11.8673M3.29238 14.5327C3.78272 15.255 4.37073 15.8823 5.05589 16.415L5.05623 16.4153C5.74702 16.9476 6.50896 17.3589 7.34204 17.6491M3.29238 14.5327C3.29239 14.5327 3.29241 14.5327 3.29242 14.5327L3.37486 14.4766L3.29234 14.5326C3.29235 14.5326 3.29237 14.5327 3.29238 14.5327ZM7.34204 17.6491C7.34208 17.6491 7.34212 17.6491 7.34216 17.6491L7.37506 17.5547M7.34204 17.6491C7.34198 17.6491 7.34192 17.649 7.34186 17.649L7.37506 17.5547M7.37506 17.5547C6.55195 17.268 5.79949 16.8618 5.11727 16.3361C4.44039 15.8098 3.85956 15.1902 3.37508 14.4765C3.13021 14.1169 2.91817 13.7422 2.73814 13.3516M7.37506 17.5547C8.21857 17.8516 9.09368 18 9.99993 18C11.0783 18 12.1173 17.7915 13.1173 17.3751C14.0707 16.9689 14.9169 16.396 15.6565 15.6565C16.396 14.9169 16.9689 14.0707 17.3751 13.1173C17.7915 12.1172 18 11.0783 18 9.99988C18 8.92836 17.7942 7.89565 17.383 6.9015L17.4751 6.88269V6.88245L2.73814 13.3516M2.73814 13.3516C2.57197 12.9908 2.43416 12.6166 2.32369 12.2293L2.32352 12.2293L2.31578 12.2013C2.30938 12.1786 2.30307 12.1558 2.29686 12.1329L3.16141 11.8938C3.16141 11.8937 3.1614 11.8937 3.1614 11.8937L3.25711 11.8673M2.73814 13.3516L3.25711 11.8673M10.1 5.99974V5.89971L9.99999 5.89974L8.99988 5.9L8.89991 5.90002V6V10.7111V10.7526L8.92929 10.7819L12.0778 13.9222L12.1486 13.9928L12.2192 13.9221L12.9223 13.219L12.9929 13.1484L12.9224 13.0777L10.1 10.2473V5.99974Z"
+    fill="black"
+    stroke="black"
+    stroke-width="0.2"
+  />
+</svg>
diff --git a/packages/icons/src/20/hold.svg b/packages/icons/src/20/hold.svg
new file mode 100644
index 00000000..ba6bdaec
--- /dev/null
+++ b/packages/icons/src/20/hold.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="6.75" fill="#09101C" />
+  <path
+    d="M6.83309 10.5L8.99976 12.5L13.3331 7.5"
+    stroke="white"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/image.svg b/packages/icons/src/20/image.svg
new file mode 100644
index 00000000..644497e8
--- /dev/null
+++ b/packages/icons/src/20/image.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.9001 2.85H9.87118C8.77556 2.85 7.9135 2.84999 7.21997 2.90666C6.51277 2.96444 5.92377 3.08436 5.38904 3.35682C4.51409 3.80263 3.80273 4.51399 3.35692 5.38894C3.08446 5.92367 2.96453 6.51267 2.90675 7.21988C2.85009 7.9134 2.85009 8.77547 2.8501 9.87108V9.9V10.1V10.1289C2.85009 11.2245 2.85009 12.0866 2.90675 12.7801C2.96453 13.4873 3.08446 14.0763 3.35692 14.6111C3.80273 15.486 4.51409 16.1974 5.38904 16.6432C5.92377 16.9156 6.51277 17.0356 7.21997 17.0933C7.9135 17.15 8.77557 17.15 9.87118 17.15H9.9001H10.1001H10.129C11.2246 17.15 12.0867 17.15 12.7802 17.0933C13.4874 17.0356 14.0764 16.9156 14.6112 16.6432C15.4861 16.1974 16.1975 15.486 16.6433 14.6111C16.9157 14.0763 17.0357 13.4873 17.0934 12.7801C17.1501 12.0866 17.1501 11.2245 17.1501 10.1289V10.1V9.9V9.87108C17.1501 8.77547 17.1501 7.9134 17.0934 7.21988C17.0357 6.51267 16.9157 5.92367 16.6433 5.38894C16.1975 4.51399 15.4861 3.80263 14.6112 3.35682C14.0764 3.08436 13.4874 2.96444 12.7802 2.90666C12.0867 2.84999 11.2246 2.85 10.129 2.85H10.1001H9.9001ZM5.97923 4.51513C6.30015 4.35161 6.69902 4.25355 7.32584 4.20234C7.96024 4.15051 8.76927 4.15 9.9001 4.15H10.1001C11.2309 4.15 12.04 4.15051 12.6744 4.20234C13.3012 4.25355 13.7 4.35161 14.021 4.51513C14.6513 4.8363 15.1638 5.34879 15.485 5.97913C15.6485 6.30005 15.7465 6.69893 15.7978 7.32574C15.8496 7.96014 15.8501 8.76917 15.8501 9.9V10.1C15.8501 11.2308 15.8496 12.0399 15.7978 12.6743C15.7908 12.7591 15.783 12.8398 15.7743 12.9167C14.9167 12.4795 13.9713 12.2868 13.0197 12.3682C12.2118 12.4374 11.4355 12.701 10.7366 13.131C10.3246 12.3072 9.78007 11.547 9.11657 10.8835C7.76949 9.53645 6.02385 8.67956 4.15681 8.42766C4.16342 8.00434 4.1765 7.64318 4.20244 7.32574C4.25365 6.69893 4.35171 6.30005 4.51523 5.97913C4.8364 5.34879 5.34889 4.8363 5.97923 4.51513ZM11.2362 14.3563C11.3913 14.8393 11.5041 15.3368 11.5724 15.8433C11.9958 15.8367 12.3569 15.8236 12.6744 15.7977C13.3012 15.7465 13.7 15.6484 14.021 15.4849C14.5942 15.1928 15.07 14.7425 15.3931 14.1891C14.6861 13.776 13.9055 13.5972 13.1306 13.6635C12.4679 13.7202 11.8197 13.9555 11.2362 14.3563ZM8.19733 11.8028C9.30167 12.9071 10.0183 14.3267 10.2596 15.85L10.1001 15.85H9.9001C8.76927 15.85 7.96024 15.8495 7.32584 15.7977C6.69902 15.7465 6.30015 15.6484 5.97923 15.4849C5.34889 15.1637 4.8364 14.6512 4.51523 14.0209C4.35171 13.7 4.25365 13.3011 4.20244 12.6743C4.1506 12.0399 4.1501 11.2308 4.1501 10.1V9.9L4.15011 9.7405C5.67342 9.9818 7.09299 10.6984 8.19733 11.8028ZM11.1501 8C11.1501 7.53056 11.5307 7.15 12.0001 7.15C12.4695 7.15 12.8501 7.53056 12.8501 8C12.8501 8.46944 12.4695 8.85 12.0001 8.85C11.5307 8.85 11.1501 8.46944 11.1501 8ZM12.0001 5.85C10.8127 5.85 9.8501 6.81259 9.8501 8C9.8501 9.18741 10.8127 10.15 12.0001 10.15C13.1875 10.15 14.1501 9.18741 14.1501 8C14.1501 6.81259 13.1875 5.85 12.0001 5.85Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/inactive.svg b/packages/icons/src/20/inactive.svg
new file mode 100644
index 00000000..037f176d
--- /dev/null
+++ b/packages/icons/src/20/inactive.svg
@@ -0,0 +1,9 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="4" fill="#A1ABBD" />
+</svg>
diff --git a/packages/icons/src/20/info-badge.svg b/packages/icons/src/20/info-badge.svg
new file mode 100644
index 00000000..62879768
--- /dev/null
+++ b/packages/icons/src/20/info-badge.svg
@@ -0,0 +1,11 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="6.75" fill="#09101C" />
+  <path d="M10 9.5L10 14" stroke="white" stroke-width="1.3" />
+  <circle cx="10" cy="7" r="1" transform="rotate(-180 10 7)" fill="white" />
+</svg>
diff --git a/packages/icons/src/20/info.svg b/packages/icons/src/20/info.svg
new file mode 100644
index 00000000..a6486886
--- /dev/null
+++ b/packages/icons/src/20/info.svg
@@ -0,0 +1,11 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="6.75" stroke="#09101C" stroke-width="1.3" />
+  <path d="M10 9.5L10 14" stroke="#09101C" stroke-width="1.3" />
+  <circle cx="10" cy="7" r="1" transform="rotate(-180 10 7)" fill="#09101C" />
+</svg>
diff --git a/packages/icons/src/20/italic.svg b/packages/icons/src/20/italic.svg
new file mode 100644
index 00000000..7c09ddf4
--- /dev/null
+++ b/packages/icons/src/20/italic.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M14.75 4.5C14.75 4.91421 14.4142 5.25 14 5.25H11.552L9.96868 14.75H12C12.4142 14.75 12.75 15.0858 12.75 15.5C12.75 15.9142 12.4142 16.25 12 16.25H6C5.58579 16.25 5.25 15.9142 5.25 15.5C5.25 15.0858 5.58579 14.75 6 14.75H8.44799L10.0313 5.25H8C7.58579 5.25 7.25 4.91421 7.25 4.5C7.25 4.08579 7.58579 3.75 8 3.75H14C14.4142 3.75 14.75 4.08579 14.75 4.5Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/justify.svg b/packages/icons/src/20/justify.svg
new file mode 100644
index 00000000..c7487720
--- /dev/null
+++ b/packages/icons/src/20/justify.svg
@@ -0,0 +1,36 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M15 11.75L5 11.75"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M15 5L5 5"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M15 15L5 15"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M15 8.25L5 8.25"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/key.svg b/packages/icons/src/20/key.svg
new file mode 100644
index 00000000..b300e245
--- /dev/null
+++ b/packages/icons/src/20/key.svg
@@ -0,0 +1,19 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M16.6305 15.7966L15.9806 15.7846L16.6305 15.7966ZM16.1397 16.2873L16.1517 16.9372L16.1397 16.2873ZM13.853 14.8488L13.2136 14.9653L13.2136 14.9653L13.853 14.8488ZM13.4508 14.4465L13.3343 15.086L13.3343 15.086L13.4508 14.4465ZM11.8084 12.8041L11.1689 12.9207L11.1689 12.9207L11.8084 12.8041ZM11.4062 12.4019L11.2896 13.0414L11.2896 13.0414L11.4062 12.4019ZM11.9716 13.6996L12.6111 13.583L11.9716 13.6996ZM12.5554 14.2833L12.4388 14.9228L12.5554 14.2833ZM14.6236 16.3152L14.6116 15.6653L14.6236 16.3152ZM14.0163 15.7442L13.3768 15.8608L14.0163 15.7442ZM11.734 9.09401L12.3407 9.32715L11.734 9.09401ZM10.5107 12.2387L10.3942 12.8782L10.5107 12.2387ZM16.5998 14.1354L16.1402 14.595L16.5998 14.1354ZM16.6584 14.2805L17.3083 14.2924L16.6584 14.2805ZM9.43715 11.3908L9.67029 11.9976L9.43715 11.3908ZM9.20401 10.7841C8.00484 11.2449 6.59631 10.9908 5.63119 10.0257L4.71195 10.9449C6.05329 12.2862 8.00918 12.6359 9.67029 11.9976L9.20401 10.7841ZM5.63119 10.0257C4.32294 8.71741 4.32294 6.5963 5.63119 5.28805L4.71195 4.36881C2.89602 6.18475 2.89602 9.12896 4.71195 10.9449L5.63119 10.0257ZM5.63119 5.28805C6.93945 3.97979 9.06055 3.97979 10.3688 5.28805L11.288 4.36881C9.47211 2.55287 6.52789 2.55287 4.71195 4.36881L5.63119 5.28805ZM10.3688 5.28805C11.3339 6.25317 11.588 7.6617 11.1272 8.86087L12.3407 9.32715C12.979 7.66604 12.6294 5.71015 11.288 4.36881L10.3688 5.28805ZM11.3192 9.77397L16.1402 14.595L17.0594 13.6757L12.2384 8.85473L11.3192 9.77397ZM16.0085 14.2685L15.9806 15.7846L17.2803 15.8086L17.3083 14.2924L16.0085 14.2685ZM15.9806 15.7846C15.9821 15.704 16.0471 15.6389 16.1278 15.6374L16.1517 16.9372C16.7703 16.9258 17.269 16.4271 17.2803 15.8086L15.9806 15.7846ZM16.1278 15.6374L14.6116 15.6653L14.6356 16.9651L16.1517 16.9372L16.1278 15.6374ZM14.9381 15.7971L14.5312 15.3901L13.612 16.3094L14.0189 16.7163L14.9381 15.7971ZM14.6557 15.6277L14.4925 14.7322L13.2136 14.9653L13.3768 15.8608L14.6557 15.6277ZM14.4925 14.7322C14.4067 14.2614 14.0382 13.8929 13.5674 13.8071L13.3343 15.086C13.2728 15.0748 13.2248 15.0267 13.2136 14.9653L14.4925 14.7322ZM13.5674 13.8071L12.6719 13.6439L12.4388 14.9228L13.3343 15.086L13.5674 13.8071ZM12.9094 13.7684L12.4866 13.3455L11.5673 14.2647L11.9902 14.6876L12.9094 13.7684ZM12.6111 13.583L12.4479 12.6876L11.1689 12.9207L11.3321 13.8161L12.6111 13.583ZM12.4479 12.6876C12.362 12.2167 11.9936 11.8482 11.5227 11.7624L11.2896 13.0414C11.2282 13.0302 11.1801 12.9821 11.1689 12.9207L12.4479 12.6876ZM11.5227 11.7624L10.6273 11.5992L10.3942 12.8782L11.2896 13.0414L11.5227 11.7624ZM10.8648 11.7237L10.1171 10.976L9.19787 11.8953L9.94555 12.643L10.8648 11.7237ZM12.4866 13.3455C12.5512 13.4102 12.5947 13.493 12.6111 13.583L11.3321 13.8161C11.3631 13.9861 11.4452 14.1426 11.5673 14.2647L12.4866 13.3455ZM12.6719 13.6439C12.7619 13.6603 12.8448 13.7037 12.9094 13.7684L11.9902 14.6876C12.1124 14.8098 12.2689 14.8918 12.4388 14.9228L12.6719 13.6439ZM14.6116 15.6653C14.7338 15.6631 14.8517 15.7106 14.9381 15.7971L14.0189 16.7163C14.1821 16.8795 14.4047 16.9694 14.6356 16.9651L14.6116 15.6653ZM14.5312 15.3901C14.5959 15.4548 14.6393 15.5377 14.6557 15.6277L13.3768 15.8608C13.4078 16.0307 13.4898 16.1872 13.612 16.3094L14.5312 15.3901ZM11.1272 8.86087C11.0105 9.16471 11.0711 9.5259 11.3192 9.77397L12.2384 8.85473C12.3713 8.98756 12.399 9.17543 12.3407 9.32715L11.1272 8.86087ZM10.6273 11.5992C10.7173 11.6156 10.8001 11.6591 10.8648 11.7237L9.94555 12.643C10.0677 12.7651 10.2242 12.8472 10.3942 12.8782L10.6273 11.5992ZM16.1402 14.595C16.0538 14.5086 16.0062 14.3907 16.0085 14.2685L17.3083 14.2924C17.3125 14.0616 17.2227 13.839 17.0594 13.6757L16.1402 14.595ZM9.67029 11.9976C9.51857 12.0559 9.33071 12.0281 9.19787 11.8953L10.1171 10.976C9.86905 10.728 9.50785 10.6673 9.20401 10.7841L9.67029 11.9976Z"
+    fill="black"
+  />
+  <circle
+    cx="7.29297"
+    cy="6.94975"
+    r="1"
+    transform="rotate(45 7.29297 6.94975)"
+    fill="black"
+  />
+</svg>
diff --git a/packages/icons/src/20/keyboard.svg b/packages/icons/src/20/keyboard.svg
new file mode 100644
index 00000000..ec4ba061
--- /dev/null
+++ b/packages/icons/src/20/keyboard.svg
@@ -0,0 +1,20 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M3 8.8C3 7.11984 3 6.27976 3.32698 5.63803C3.6146 5.07354 4.07354 4.6146 4.63803 4.32698C5.27976 4 6.11984 4 7.8 4H12.2C13.8802 4 14.7202 4 15.362 4.32698C15.9265 4.6146 16.3854 5.07354 16.673 5.63803C17 6.27976 17 7.11984 17 8.8V11.2C17 12.8802 17 13.7202 16.673 14.362C16.3854 14.9265 15.9265 15.3854 15.362 15.673C14.7202 16 13.8802 16 12.2 16H7.8C6.11984 16 5.27976 16 4.63803 15.673C4.07354 15.3854 3.6146 14.9265 3.32698 14.362C3 13.7202 3 12.8802 3 11.2V8.8Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <rect x="5.25" y="6.25" width="2" height="2" rx="0.5" fill="#09101C" />
+  <rect x="9" y="6.25" width="2" height="2" rx="0.5" fill="#09101C" />
+  <rect x="12.75" y="6.25" width="2" height="2" rx="0.5" fill="#09101C" />
+  <rect x="5.25" y="9.25" width="2" height="2" rx="0.5" fill="#09101C" />
+  <rect x="9" y="9.25" width="2" height="2" rx="0.5" fill="#09101C" />
+  <rect x="12.75" y="9.25" width="2" height="2" rx="0.5" fill="#09101C" />
+  <rect x="6" y="12.5" width="8" height="1.5" rx="0.5" fill="#09101C" />
+</svg>
diff --git a/packages/icons/src/20/keycard-logo.svg b/packages/icons/src/20/keycard-logo.svg
new file mode 100644
index 00000000..e3911d27
--- /dev/null
+++ b/packages/icons/src/20/keycard-logo.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.14355 9.84456C6.34389 9.46522 5 7.84773 5 5.94055C5 3.75664 6.76225 2 8.95316 2C11.144 2 12.9063 3.75664 12.9063 5.94055C12.9472 7.81474 11.6201 9.40918 9.85818 9.82377V13.7745H9.95346L12.0491 11.3058H14.0495L11.5728 14.1544L14.1924 18H12.3349L10.4297 15.2463L9.85818 15.911V18H8.14355V9.84456ZM6.57173 5.94055C6.57173 4.65869 7.61956 3.56673 8.95316 3.56673C10.2868 3.56673 11.3822 4.65869 11.3346 5.94055C11.3346 7.22245 10.2868 8.31442 8.95316 8.31442C7.66719 8.31442 6.57173 7.26993 6.57173 5.94055Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/keycard.svg b/packages/icons/src/20/keycard.svg
new file mode 100644
index 00000000..be87e83d
--- /dev/null
+++ b/packages/icons/src/20/keycard.svg
@@ -0,0 +1,44 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect
+    x="4"
+    y="3"
+    width="12"
+    height="14"
+    rx="4"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <mask
+    id="path-2-outside-1_394_103"
+    maskUnits="userSpaceOnUse"
+    x="6.28723"
+    y="4.5"
+    width="7"
+    height="11"
+    fill="black"
+  >
+    <rect fill="white" x="6.28723" y="4.5" width="7" height="11" />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M9.05548 9.91257C8.04317 9.69918 7.28723 8.78935 7.28723 7.71656C7.28723 6.48811 8.2785 5.5 9.51088 5.5C10.7433 5.5 11.7345 6.48811 11.7345 7.71656C11.7575 8.77079 11.011 9.66766 10.02 9.90087V12.1232H10.0736L11.2524 10.7345H12.3776L10.9844 12.3369L12.458 14.5H11.4131L10.3414 12.9511L10.02 13.3249V14.5H9.05548V9.91257ZM8.17133 7.71656C8.17133 6.99552 8.76073 6.38129 9.51088 6.38129C10.261 6.38129 10.8772 6.99552 10.8504 7.71656C10.8504 8.43763 10.261 9.05186 9.51088 9.05186C8.78753 9.05186 8.17133 8.46433 8.17133 7.71656Z"
+    />
+  </mask>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.05548 9.91257C8.04317 9.69918 7.28723 8.78935 7.28723 7.71656C7.28723 6.48811 8.2785 5.5 9.51088 5.5C10.7433 5.5 11.7345 6.48811 11.7345 7.71656C11.7575 8.77079 11.011 9.66766 10.02 9.90087V12.1232H10.0736L11.2524 10.7345H12.3776L10.9844 12.3369L12.458 14.5H11.4131L10.3414 12.9511L10.02 13.3249V14.5H9.05548V9.91257ZM8.17133 7.71656C8.17133 6.99552 8.76073 6.38129 9.51088 6.38129C10.261 6.38129 10.8772 6.99552 10.8504 7.71656C10.8504 8.43763 10.261 9.05186 9.51088 9.05186C8.78753 9.05186 8.17133 8.46433 8.17133 7.71656Z"
+    fill="#09101C"
+  />
+  <path
+    d="M9.05548 9.91257H9.22548V9.77466L9.09054 9.74622L9.05548 9.91257ZM11.7345 7.71656H11.5645L11.5646 7.72027L11.7345 7.71656ZM10.02 9.90087L9.98102 9.73539L9.84996 9.76623V9.90087H10.02ZM10.02 12.1232H9.84996V12.2932H10.02V12.1232ZM10.0736 12.1232V12.2932H10.1522L10.2032 12.2332L10.0736 12.1232ZM11.2524 10.7345V10.5645H11.1737L11.1228 10.6245L11.2524 10.7345ZM12.3776 10.7345L12.5059 10.8461L12.7507 10.5645H12.3776V10.7345ZM10.9844 12.3369L10.8561 12.2253L10.7701 12.3242L10.8439 12.4326L10.9844 12.3369ZM12.458 14.5V14.67H12.7795L12.5985 14.4043L12.458 14.5ZM11.4131 14.5L11.2733 14.5967L11.324 14.67H11.4131V14.5ZM10.3414 12.9511L10.4812 12.8543L10.356 12.6733L10.2125 12.8402L10.3414 12.9511ZM10.02 13.3249L9.89106 13.2141L9.84996 13.2619V13.3249H10.02ZM10.02 14.5V14.67H10.19V14.5H10.02ZM9.05548 14.5H8.88548V14.67H9.05548V14.5ZM10.8504 7.71656L10.6804 7.71025V7.71656H10.8504ZM9.09054 9.74622C8.15661 9.54936 7.45723 8.7087 7.45723 7.71656H7.11723C7.11723 8.86999 7.92972 9.84901 9.02042 10.0789L9.09054 9.74622ZM7.45723 7.71656C7.45723 6.58251 8.37187 5.67 9.51088 5.67V5.33C8.18512 5.33 7.11723 6.39371 7.11723 7.71656H7.45723ZM9.51088 5.67C10.6499 5.67 11.5645 6.58251 11.5645 7.71656H11.9045C11.9045 6.39371 10.8366 5.33 9.51088 5.33V5.67ZM11.5646 7.72027C11.5857 8.6899 10.8983 9.51956 9.98102 9.73539L10.0589 10.0664C11.1238 9.81577 11.9293 8.85169 11.9045 7.71285L11.5646 7.72027ZM9.84996 9.90087V12.1232H10.19V9.90087H9.84996ZM10.02 12.2932H10.0736V11.9532H10.02V12.2932ZM10.2032 12.2332L11.382 10.8445L11.1228 10.6245L9.94395 12.0132L10.2032 12.2332ZM11.2524 10.9045H12.3776V10.5645H11.2524V10.9045ZM12.2493 10.623L10.8561 12.2253L11.1127 12.4484L12.5059 10.8461L12.2493 10.623ZM10.8439 12.4326L12.3175 14.5957L12.5985 14.4043L11.1249 12.2411L10.8439 12.4326ZM12.458 14.33H11.4131V14.67H12.458V14.33ZM11.5529 14.4033L10.4812 12.8543L10.2016 13.0478L11.2733 14.5967L11.5529 14.4033ZM10.2125 12.8402L9.89106 13.2141L10.1489 13.4358L10.4703 13.0619L10.2125 12.8402ZM9.84996 13.3249V14.5H10.19V13.3249H9.84996ZM10.02 14.33H9.05548V14.67H10.02V14.33ZM9.22548 14.5V9.91257H8.88548V14.5H9.22548ZM9.51088 6.21129C8.66515 6.21129 8.00133 6.90333 8.00133 7.71656H8.34133C8.34133 7.0877 8.85632 6.55129 9.51088 6.55129V6.21129ZM11.0203 7.72287C11.0509 6.89901 10.3507 6.21129 9.51088 6.21129V6.55129C10.1713 6.55129 10.7035 7.09202 10.6805 7.71025L11.0203 7.72287ZM9.51088 9.22186C10.3566 9.22186 11.0204 8.52981 11.0204 7.71656H10.6804C10.6804 8.34545 10.1654 8.88186 9.51088 8.88186V9.22186ZM8.00133 7.71656C8.00133 8.56093 8.69637 9.22186 9.51088 9.22186V8.88186C8.87868 8.88186 8.34133 8.36774 8.34133 7.71656H8.00133Z"
+    fill="#09101C"
+    mask="url(#path-2-outside-1_394_103)"
+  />
+</svg>
diff --git a/packages/icons/src/20/laptop.svg b/packages/icons/src/20/laptop.svg
new file mode 100644
index 00000000..106cd767
--- /dev/null
+++ b/packages/icons/src/20/laptop.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.2001 4.35H7.17316C6.636 4.34999 6.19368 4.34998 5.83357 4.37941C5.45987 4.40994 5.11784 4.47537 4.79702 4.63883C4.29839 4.8929 3.89299 5.2983 3.63893 5.79692C3.47547 6.11774 3.41004 6.45977 3.3795 6.83347C3.35008 7.19358 3.35009 7.6359 3.3501 8.17306L3.3501 8.2V12.3567C2.50912 12.4325 1.8501 13.1393 1.8501 14C1.8501 15.4636 3.03654 16.65 4.5001 16.65H15.5001C16.9637 16.65 18.1501 15.4636 18.1501 14C18.1501 13.1393 17.4911 12.4325 16.6501 12.3567V8.2V8.17306C16.6501 7.63591 16.6501 7.19358 16.6207 6.83347C16.5902 6.45977 16.5247 6.11774 16.3613 5.79692C16.1072 5.2983 15.7018 4.8929 15.2032 4.63883C14.8824 4.47537 14.5403 4.40994 14.1666 4.37941C13.8065 4.34998 13.3642 4.34999 12.827 4.35H12.8001H7.2001ZM16.5001 13.65H16.0001H4.0001H3.5001C3.3068 13.65 3.1501 13.8067 3.1501 14C3.1501 14.7456 3.75451 15.35 4.5001 15.35H15.5001C16.2457 15.35 16.8501 14.7456 16.8501 14C16.8501 13.8067 16.6934 13.65 16.5001 13.65ZM15.3501 12.35V8.2C15.3501 7.62922 15.3496 7.24023 15.325 6.93933C15.301 6.64603 15.2575 6.49412 15.203 6.38711C15.0735 6.13309 14.867 5.92657 14.613 5.79714C14.506 5.74262 14.3541 5.69905 14.0608 5.67509C13.7599 5.65051 13.3709 5.65 12.8001 5.65H7.2001C6.62932 5.65 6.24033 5.65051 5.93943 5.67509C5.64612 5.69905 5.49422 5.74262 5.38721 5.79714C5.13319 5.92657 4.92667 6.13309 4.79724 6.38711C4.74272 6.49412 4.69915 6.64603 4.67519 6.93933C4.6506 7.24023 4.6501 7.62922 4.6501 8.2V12.35H15.3501Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/left-align.svg b/packages/icons/src/20/left-align.svg
new file mode 100644
index 00000000..5b8c010e
--- /dev/null
+++ b/packages/icons/src/20/left-align.svg
@@ -0,0 +1,36 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M15 11.75L5 11.75"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M15 5L5 5"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M11 15L5 15"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M11 8.25L5 8.25"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/light.svg b/packages/icons/src/20/light.svg
new file mode 100644
index 00000000..4efd6ee5
--- /dev/null
+++ b/packages/icons/src/20/light.svg
@@ -0,0 +1,33 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M10 2V5" stroke="black" stroke-width="1.3" />
+  <path
+    d="M13.5354 6.46447L15.6567 4.34315"
+    stroke="black"
+    stroke-width="1.3"
+  />
+  <path d="M15 10L18 10" stroke="black" stroke-width="1.3" />
+  <path
+    d="M13.5354 13.5355L15.6567 15.6569"
+    stroke="black"
+    stroke-width="1.3"
+  />
+  <path d="M10 15V18" stroke="black" stroke-width="1.3" />
+  <path
+    d="M6.46436 13.5355L4.34304 15.6569"
+    stroke="black"
+    stroke-width="1.3"
+  />
+  <path d="M5 10L2 10" stroke="black" stroke-width="1.3" />
+  <path
+    d="M6.46436 6.46447L4.34304 4.34315"
+    stroke="black"
+    stroke-width="1.3"
+  />
+  <circle cx="10" cy="10" r="3.5" stroke="black" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/link.svg b/packages/icons/src/20/link.svg
new file mode 100644
index 00000000..d174c1f7
--- /dev/null
+++ b/packages/icons/src/20/link.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.53995 4.59063L8.12574 6.00485L9.04498 6.92408L10.4592 5.50987C11.5722 4.39688 13.3767 4.39688 14.4897 5.50987C15.6027 6.62287 15.6027 8.42739 14.4897 9.54038L13.0755 10.9546L13.9947 11.8738L15.4089 10.4596C17.0296 8.83894 17.0296 6.21131 15.4089 4.59063C13.7883 2.96996 11.1606 2.96996 9.53995 4.59063ZM12.5806 8.3383L8.33795 12.5809L7.41871 11.6617L11.6613 7.41906L12.5806 8.3383ZM4.59051 15.4094C2.96983 13.7887 2.96983 11.1611 4.59051 9.54038L6.00472 8.12617L6.92396 9.04541L5.50975 10.4596C4.39675 11.5726 4.39675 13.3771 5.50975 14.4901C6.62274 15.6031 8.42726 15.6031 9.54025 14.4901L10.9545 13.0759L11.8737 13.9952L10.4595 15.4094C8.83882 17.03 6.21118 17.03 4.59051 15.4094Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/list-view.svg b/packages/icons/src/20/list-view.svg
new file mode 100644
index 00000000..c541c11c
--- /dev/null
+++ b/packages/icons/src/20/list-view.svg
@@ -0,0 +1,26 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect
+    x="3"
+    y="4"
+    width="14"
+    height="4.5"
+    rx="1.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <rect
+    x="3"
+    y="11.5"
+    width="14"
+    height="4.5"
+    rx="1.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/loading.svg b/packages/icons/src/20/loading.svg
new file mode 100644
index 00000000..d25d3a1f
--- /dev/null
+++ b/packages/icons/src/20/loading.svg
@@ -0,0 +1,30 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M10 2.25C10.4142 2.25 10.75 2.58579 10.75 3C10.75 3.41421 10.4142 3.75 10 3.75V2.25ZM3.75 10C3.75 13.4518 6.54822 16.25 10 16.25V17.75C5.71979 17.75 2.25 14.2802 2.25 10H3.75ZM10 3.75C6.54822 3.75 3.75 6.54822 3.75 10H2.25C2.25 5.71979 5.71979 2.25 10 2.25V3.75Z"
+    fill="#09101C"
+  />
+  <path
+    d="M10 3C13.866 3 17 6.13401 17 10C17 13.866 13.866 17 10 17"
+    stroke="url(#paint0_linear_1036_13)"
+    stroke-width="1.5"
+  />
+  <defs>
+    <linearGradient
+      id="paint0_linear_1036_13"
+      x1="9.41667"
+      y1="17"
+      x2="4.75"
+      y2="8.83333"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop />
+      <stop offset="1" stop-color="#15161A" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/packages/icons/src/20/locked.svg b/packages/icons/src/20/locked.svg
new file mode 100644
index 00000000..fd69bc9c
--- /dev/null
+++ b/packages/icons/src/20/locked.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.0001 1.35C7.98426 1.35 6.3501 2.98416 6.3501 5V6.44161C5.98494 6.49714 5.65401 6.58938 5.34303 6.74783C4.65624 7.09776 4.09786 7.65614 3.74792 8.34294C3.52996 8.77071 3.43729 9.23622 3.39313 9.77668C3.35009 10.3035 3.35009 10.9556 3.3501 11.7718V11.8V12.2V12.2282C3.35009 13.0444 3.35009 13.6965 3.39313 14.2233C3.43729 14.7638 3.52996 15.2293 3.74792 15.6571C4.09786 16.3439 4.65624 16.9022 5.34303 17.2522C5.7708 17.4701 6.23632 17.5628 6.77677 17.607C7.30358 17.65 7.95572 17.65 8.77187 17.65H8.8001H11.2001H11.2283C12.0445 17.65 12.6966 17.65 13.2234 17.607C13.7639 17.5628 14.2294 17.4701 14.6572 17.2522C15.344 16.9022 15.9023 16.3439 16.2523 15.6571C16.4702 15.2293 16.5629 14.7638 16.6071 14.2233C16.6501 13.6965 16.6501 13.0444 16.6501 12.2283V12.2282V12.2282V12.2V11.8V11.7718V11.7718V11.7717C16.6501 10.9556 16.6501 10.3035 16.6071 9.77668C16.5629 9.23622 16.4702 8.77071 16.2523 8.34294C15.9023 7.65614 15.344 7.09776 14.6572 6.74783C14.3462 6.58938 14.0153 6.49714 13.6501 6.44161V5C13.6501 2.98416 12.0159 1.35 10.0001 1.35ZM11.2001 7.65H8.8001C7.94929 7.65 7.35028 7.65051 6.88263 7.68871C6.42257 7.7263 6.14718 7.79712 5.93322 7.90614C5.49104 8.13144 5.13153 8.49094 4.90623 8.93312C4.79721 9.14709 4.7264 9.42248 4.68881 9.88254C4.6506 10.3502 4.6501 10.9492 4.6501 11.8V12.2C4.6501 13.0508 4.6506 13.6498 4.68881 14.1175C4.7264 14.5775 4.79721 14.8529 4.90623 15.0669C5.13153 15.5091 5.49104 15.8686 5.93322 16.0939C6.14718 16.2029 6.42257 16.2737 6.88263 16.3113C7.35028 16.3495 7.94929 16.35 8.8001 16.35H11.2001C12.0509 16.35 12.6499 16.3495 13.1176 16.3113C13.5776 16.2737 13.853 16.2029 14.067 16.0939C14.5092 15.8686 14.8687 15.5091 15.094 15.0669C15.203 14.8529 15.2738 14.5775 15.3114 14.1175C15.3496 13.6498 15.3501 13.0508 15.3501 12.2V11.8C15.3501 10.9492 15.3496 10.3502 15.3114 9.88254C15.2738 9.42248 15.203 9.14709 15.094 8.93312C14.8687 8.49094 14.5092 8.13144 14.067 7.90614C13.853 7.79712 13.5776 7.7263 13.1176 7.68871C12.6499 7.65051 12.0509 7.65 11.2001 7.65ZM11.2769 6.35H12.3501V5C12.3501 3.70213 11.298 2.65 10.0001 2.65C8.70223 2.65 7.6501 3.70213 7.6501 5V6.35H8.72329C8.73941 6.35 8.75561 6.35 8.77186 6.35H8.8001H11.2001H11.2283C11.2446 6.35 11.2608 6.35 11.2769 6.35ZM9.3501 13.5V10.5H10.6501V13.5H9.3501Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/log-out.svg b/packages/icons/src/20/log-out.svg
new file mode 100644
index 00000000..34e8350f
--- /dev/null
+++ b/packages/icons/src/20/log-out.svg
@@ -0,0 +1,20 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M9.5 4L8.3 4C6.61984 4 5.77976 4 5.13803 4.32698C4.57354 4.6146 4.1146 5.07354 3.82698 5.63803C3.5 6.27976 3.5 7.11984 3.5 8.8L3.5 11.2C3.5 12.8802 3.5 13.7202 3.82698 14.362C4.1146 14.9265 4.57354 15.3854 5.13803 15.673C5.77976 16 6.61984 16 8.3 16L9.5 16"
+    stroke="#1B273D"
+    stroke-opacity="0.3"
+    stroke-width="1.3"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M15.4308 9.35L12.5404 6.45962L13.4596 5.54038L17.4596 9.54038L17.9192 10L17.4596 10.4596L13.4596 14.4596L12.5404 13.5404L15.4308 10.65L7 10.65V9.35L15.4308 9.35Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/members.svg b/packages/icons/src/20/members.svg
new file mode 100644
index 00000000..f708fe33
--- /dev/null
+++ b/packages/icons/src/20/members.svg
@@ -0,0 +1,26 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M6.14985 6C6.14985 4.97827 6.97813 4.15 7.99985 4.15C9.02158 4.15 9.84985 4.97827 9.84985 6C9.84985 7.02173 9.02158 7.85 7.99985 7.85C6.97813 7.85 6.14985 7.02173 6.14985 6ZM7.99985 2.85C6.26016 2.85 4.84985 4.2603 4.84985 6C4.84985 7.7397 6.26016 9.15 7.99985 9.15C9.73955 9.15 11.1499 7.7397 11.1499 6C11.1499 4.2603 9.73955 2.85 7.99985 2.85ZM6.7501 10.35C4.32004 10.35 2.3501 12.3199 2.3501 14.75C2.3501 15.7993 3.20076 16.65 4.2501 16.65H11.7501C12.7994 16.65 13.6501 15.7993 13.6501 14.75C13.6501 12.3199 11.6802 10.35 9.2501 10.35H6.7501ZM3.6501 14.75C3.6501 13.0379 5.03801 11.65 6.7501 11.65H9.2501C10.9622 11.65 12.3501 13.0379 12.3501 14.75C12.3501 15.0814 12.0815 15.35 11.7501 15.35H4.2501C3.91873 15.35 3.6501 15.0814 3.6501 14.75Z"
+    fill="#09101C"
+  />
+  <path
+    d="M13.5 11H13.7502C15.8212 11 17.5001 12.6789 17.5001 14.75V14.75C17.5001 15.4404 16.9405 16 16.2501 16H14.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M11.8094 8C12.9625 8 13.8973 7.10457 13.8973 6C13.8973 4.89543 12.9625 4 11.8094 4"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/mention.svg b/packages/icons/src/20/mention.svg
new file mode 100644
index 00000000..6f8f0310
--- /dev/null
+++ b/packages/icons/src/20/mention.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M11.9154 2.85215C10.3419 2.43053 8.67324 2.5399 7.16825 3.16329C5.66326 3.78668 4.40602 4.88925 3.59152 6.3C2.77702 7.71075 2.45079 9.35084 2.66342 10.9659C2.87604 12.5809 3.61565 14.0807 4.76752 15.2326C5.91939 16.3845 7.41916 17.1241 9.03421 17.3367C10.6493 17.5493 12.2894 17.2231 13.7001 16.4086L13.0501 15.2828C11.8872 15.9542 10.5352 16.2231 9.2039 16.0478C7.87257 15.8725 6.63627 15.2629 5.68676 14.3134C4.73724 13.3638 4.12757 12.1275 3.95229 10.7962C3.77702 9.46488 4.04594 8.11291 4.71735 6.95C5.38876 5.78708 6.42514 4.87821 7.66574 4.36433C8.90634 3.85046 10.2818 3.7603 11.5789 4.10785C12.876 4.4554 14.0221 5.22123 14.8396 6.28655C15.657 7.35188 16.1001 8.65718 16.1001 10C16.1001 10.3239 16.071 10.7787 16.031 11.2457C15.9778 11.8662 15.4462 12.35 14.7919 12.35C14.1613 12.35 13.6501 11.8388 13.6501 11.2083V10.0027L13.6501 10L13.6501 9.99733V6.5H12.3501V7.20704C11.7152 6.67224 10.8953 6.35 10.0001 6.35C7.98427 6.35 6.35011 7.98416 6.35011 10C6.35011 12.0158 7.98427 13.65 10.0001 13.65C11.0677 13.65 12.0282 13.1917 12.6956 12.4611C13.1221 13.1733 13.9013 13.65 14.7919 13.65C16.0893 13.65 17.2127 12.6809 17.3262 11.3567C17.3669 10.883 17.4001 10.3823 17.4001 10C17.4001 8.37101 16.8626 6.78753 15.8709 5.49516C14.8793 4.2028 13.4889 3.27376 11.9154 2.85215ZM10.0001 7.65C8.70224 7.65 7.65011 8.70213 7.65011 10C7.65011 11.2979 8.70224 12.35 10.0001 12.35C11.298 12.35 12.3501 11.2979 12.3501 10C12.3501 8.70213 11.298 7.65 10.0001 7.65Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/messages.svg b/packages/icons/src/20/messages.svg
new file mode 100644
index 00000000..f69b3745
--- /dev/null
+++ b/packages/icons/src/20/messages.svg
@@ -0,0 +1,26 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M16.75 10C16.75 6.27208 13.7279 3.25 10 3.25V3.25C6.27208 3.25 3.25 6.27208 3.25 10V10.2797C3.25 11.4516 3.59688 12.5972 4.24692 13.5723V13.5723C4.27349 13.6122 4.28288 13.661 4.27298 13.7079L3.73214 16.2679L6.29211 15.727C6.33897 15.7171 6.38785 15.7265 6.4277 15.7531V15.7531C7.40276 16.4031 8.54842 16.75 9.7203 16.75H10C13.7279 16.75 16.75 13.7279 16.75 10V10Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M7.5 8.5H12.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M7.5 11.5H11.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/mobile.svg b/packages/icons/src/20/mobile.svg
new file mode 100644
index 00000000..55ac4007
--- /dev/null
+++ b/packages/icons/src/20/mobile.svg
@@ -0,0 +1,18 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect
+    x="4"
+    y="3"
+    width="12"
+    height="14"
+    rx="3"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path d="M8.5 14.5H11.5" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/multi-profile.svg b/packages/icons/src/20/multi-profile.svg
new file mode 100644
index 00000000..c70f01bb
--- /dev/null
+++ b/packages/icons/src/20/multi-profile.svg
@@ -0,0 +1,26 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M12.5003 3.15C13.4411 3.15 14.1141 3.15035 14.6447 3.18655C15.1694 3.22236 15.5071 3.29104 15.7823 3.405C16.6031 3.74501 17.2553 4.39717 17.5953 5.21801C17.7092 5.49315 17.7779 5.83089 17.8137 6.35562C17.8499 6.88619 17.8503 7.55922 17.8503 8.5V10.5C17.8503 11.7596 17.1551 12.8568 16.1275 13.429C16.1229 13.5343 16.1174 13.6355 16.1107 13.7329C16.0804 14.1771 16.0256 14.5676 15.9194 14.9295C17.7935 14.3296 19.1503 12.5732 19.1503 10.5V8.47595V8.47591C19.1503 7.56438 19.1503 6.84712 19.1107 6.26713C19.0704 5.67621 18.9868 5.18047 18.7963 4.72052C18.3244 3.58114 17.4191 2.67591 16.2798 2.20396C15.8198 2.01345 15.3241 1.92989 14.7331 1.88957C14.1531 1.85 13.4358 1.85 12.5243 1.85H12.5243H8.50028C6.42705 1.85 4.67073 3.2068 4.0708 5.08089C4.4327 4.97463 4.82316 4.91988 5.26741 4.88957C5.36476 4.88293 5.46597 4.8774 5.57132 4.8728C6.14344 3.84518 7.24068 3.15 8.50028 3.15H12.5003Z"
+    fill="#09101C"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.4761 4.85H9.52409C10.4357 4.85 11.153 4.84999 11.733 4.88957C12.3239 4.92989 12.8196 5.01345 13.2796 5.20396C14.419 5.67591 15.3242 6.58114 15.7961 7.72052C15.9867 8.18047 16.0702 8.67621 16.1105 9.26713C16.1501 9.84714 16.1501 10.5644 16.1501 11.476V11.524C16.1501 12.4356 16.1501 13.1529 16.1105 13.7329C16.0702 14.3238 15.9867 14.8195 15.7961 15.2795C15.3242 16.4189 14.419 17.3241 13.2796 17.796C12.8196 17.9866 12.3239 18.0701 11.733 18.1104C11.153 18.15 10.4357 18.15 9.52408 18.15H7.47611C6.56454 18.15 5.84723 18.15 5.26723 18.1104C4.67631 18.0701 4.18056 17.9866 3.72062 17.796C2.58124 17.3241 1.676 16.4189 1.20406 15.2795C1.01354 14.8195 0.929984 14.3238 0.889666 13.7329C0.850092 13.1529 0.850095 12.4356 0.850098 11.524V11.476C0.850095 10.5644 0.850092 9.84714 0.889666 9.26713C0.929984 8.67621 1.01354 8.18047 1.20406 7.72052C1.676 6.58114 2.58124 5.67591 3.72062 5.20396C4.18056 5.01345 4.67631 4.92989 5.26723 4.88957C5.84723 4.84999 6.56453 4.85 7.4761 4.85ZM5.35572 6.18655C4.83099 6.22236 4.49325 6.29104 4.21811 6.405C3.39726 6.74501 2.74511 7.39717 2.4051 8.21801C2.29113 8.49315 2.22245 8.83089 2.18665 9.35562C2.15045 9.88619 2.1501 10.5592 2.1501 11.5C2.1501 12.4408 2.15045 13.1138 2.18665 13.6444C2.22245 14.1691 2.29113 14.5068 2.4051 14.782C2.74511 15.6028 3.39726 16.255 4.21811 16.595C4.49325 16.709 4.83099 16.7776 5.35572 16.8134C5.88629 16.8496 6.55932 16.85 7.5001 16.85H9.5001C10.4409 16.85 11.1139 16.8496 11.6445 16.8134C12.1692 16.7776 12.5069 16.709 12.7821 16.595C13.6029 16.255 14.2551 15.6028 14.5951 14.782C14.7091 14.5068 14.7777 14.1691 14.8135 13.6444C14.8497 13.1138 14.8501 12.4408 14.8501 11.5C14.8501 10.5592 14.8497 9.88619 14.8135 9.35562C14.7777 8.83089 14.7091 8.49315 14.5951 8.21801C14.2551 7.39717 13.6029 6.74501 12.7821 6.405C12.5069 6.29104 12.1692 6.22236 11.6445 6.18655C11.1139 6.15035 10.4409 6.15 9.5001 6.15H7.5001C6.55932 6.15 5.88629 6.15035 5.35572 6.18655Z"
+    fill="#09101C"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M6.0001 9.15C5.53066 9.15 5.1501 9.53056 5.1501 10C5.1501 10.4694 5.53066 10.85 6.0001 10.85C6.46954 10.85 6.8501 10.4694 6.8501 10C6.8501 9.53056 6.46954 9.15 6.0001 9.15ZM3.8501 10C3.8501 8.81259 4.81269 7.85 6.0001 7.85C7.18751 7.85 8.1501 8.81259 8.1501 10C8.1501 11.1874 7.18751 12.15 6.0001 12.15C4.81269 12.15 3.8501 11.1874 3.8501 10Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/muted.svg b/packages/icons/src/20/muted.svg
new file mode 100644
index 00000000..ac561de9
--- /dev/null
+++ b/packages/icons/src/20/muted.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M5.65433 4.73501C6.56863 3.30105 8.1732 2.35 9.9999 2.35C12.8442 2.35 15.1499 4.65573 15.1499 7.5V8.25C15.1499 8.92075 15.3675 9.5734 15.7699 10.11L16.2199 10.71C16.499 11.0822 16.6499 11.5348 16.6499 12C16.6499 13.0121 15.9506 13.8609 15.0087 14.0894L17.5318 16.6125L16.6126 17.5318L13.2308 14.15H5.4999C4.31249 14.15 3.3499 13.1874 3.3499 12C3.3499 11.5348 3.50078 11.0822 3.7799 10.71L4.2299 10.11C4.63235 9.5734 4.8499 8.92075 4.8499 8.25V7.5C4.8499 6.97569 4.92825 6.46968 5.07388 5.99305L2.47046 3.38962L3.3897 2.47038L5.65433 4.73501ZM6.17142 7.09058C6.15719 7.22511 6.1499 7.3617 6.1499 7.5V8.25C6.1499 9.20203 5.84112 10.1284 5.2699 10.89L4.8199 11.49C4.70955 11.6371 4.6499 11.8161 4.6499 12C4.6499 12.4694 5.03046 12.85 5.4999 12.85H11.9308L6.17142 7.09058ZM13.7693 12.85L6.60392 5.68461C7.25262 4.47367 8.53007 3.65 9.9999 3.65C12.1262 3.65 13.8499 5.3737 13.8499 7.5V8.25C13.8499 9.20203 14.1587 10.1284 14.7299 10.89L15.1799 11.49C15.2903 11.6371 15.3499 11.8161 15.3499 12C15.3499 12.4694 14.9693 12.85 14.4999 12.85H13.7693ZM11.3965 17.3722C10.9536 17.5556 10.479 17.65 9.99968 17.65C9.52035 17.65 9.04572 17.5556 8.60288 17.3722C8.16004 17.1887 7.75767 16.9199 7.41874 16.5809L8.33797 15.6617C8.55619 15.8799 8.81525 16.053 9.10037 16.1711C9.38549 16.2892 9.69107 16.35 9.99968 16.35C10.3083 16.35 10.6139 16.2892 10.899 16.1711C11.1841 16.053 11.4432 15.8799 11.6614 15.6617L12.5806 16.5809C12.2417 16.9199 11.8393 17.1887 11.3965 17.3722Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/mutual-contact.svg b/packages/icons/src/20/mutual-contact.svg
new file mode 100644
index 00000000..0f2d8002
--- /dev/null
+++ b/packages/icons/src/20/mutual-contact.svg
@@ -0,0 +1,16 @@
+<svg
+  width="24"
+  height="20"
+  viewBox="0 0 24 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="15" cy="10" r="7" fill="#4360DF" />
+  <circle cx="9" cy="10" r="7" fill="#4360DF" fill-opacity="0.3" />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M12 16.3264C14.3649 15.2029 16 12.7924 16 10C16 7.2076 14.3649 4.7971 12 3.67363C9.63505 4.7971 8 7.2076 8 10C8 12.7924 9.63506 15.2029 12 16.3264Z"
+    fill="#354DB3"
+  />
+</svg>
diff --git a/packages/icons/src/20/new-message.svg b/packages/icons/src/20/new-message.svg
new file mode 100644
index 00000000..e70afe8a
--- /dev/null
+++ b/packages/icons/src/20/new-message.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M17.4001 10C17.4001 5.91309 14.087 2.6 10.0001 2.6C5.91319 2.6 2.6001 5.9131 2.6001 10V10.2797C2.6001 11.5127 2.94618 12.7195 3.59698 13.7635L3.09628 16.1335C3.05084 16.3486 3.11719 16.572 3.27262 16.7275C3.42806 16.8829 3.65153 16.9493 3.8666 16.9038L6.2366 16.4031C7.28064 17.0539 8.48744 17.4 9.7204 17.4H10.0001C14.087 17.4 17.4001 14.0869 17.4001 10ZM10.0001 3.9C13.369 3.9 16.1001 6.63106 16.1001 10C16.1001 13.3689 13.369 16.1 10.0001 16.1H9.7204C8.67684 16.1 7.65664 15.7911 6.78835 15.2122C6.60303 15.0887 6.37576 15.045 6.15785 15.0911L4.57454 15.4256L4.90904 13.8422C4.95508 13.6243 4.9114 13.3971 4.78785 13.2117C4.20899 12.3435 3.9001 11.3233 3.9001 10.2797V10C3.9001 6.63107 6.63116 3.9 10.0001 3.9ZM7.0001 10.65V9.35H9.3501V7H10.6501V9.35H13.0001V10.65H10.6501V13H9.3501V10.65H7.0001Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/nft.svg b/packages/icons/src/20/nft.svg
new file mode 100644
index 00000000..6ae7885b
--- /dev/null
+++ b/packages/icons/src/20/nft.svg
@@ -0,0 +1,27 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M3.88564 12.4C3.38085 11.5257 3.12845 11.0885 3.02966 10.6237C2.94225 10.2125 2.94225 9.78749 3.02966 9.37626C3.12845 8.91149 3.38085 8.47433 3.88564 7.6L4.86436 5.90481C5.36915 5.03048 5.62155 4.59331 5.97466 4.27537C6.28709 3.99406 6.65516 3.78156 7.055 3.65164C7.5069 3.50481 8.01169 3.50481 9.02128 3.50481L10.9787 3.50481C11.9883 3.50481 12.4931 3.50481 12.945 3.65164C13.3448 3.78156 13.7129 3.99406 14.0253 4.27537C14.3784 4.59331 14.6308 5.03048 15.1356 5.90481L16.1144 7.6C16.6192 8.47433 16.8716 8.91149 16.9703 9.37626C17.0578 9.78749 17.0578 10.2125 16.9703 10.6237C16.8716 11.0885 16.6192 11.5257 16.1144 12.4L15.1356 14.0952C14.6308 14.9695 14.3784 15.4067 14.0253 15.7246C13.7129 16.0059 13.3448 16.2184 12.945 16.3484C12.4931 16.4952 11.9883 16.4952 10.9787 16.4952L9.02128 16.4952C8.01169 16.4952 7.5069 16.4952 7.055 16.3484C6.65516 16.2184 6.28709 16.0059 5.97466 15.7246C5.62155 15.4067 5.36915 14.9695 4.86436 14.0952L3.88564 12.4Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path
+    d="M6 15.5V15.5C6 13.8431 7.34315 12.5 9 12.5H11C12.6569 12.5 14 13.8431 14 15.5V15.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <circle
+    cx="10"
+    cy="8"
+    r="2"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/node.svg b/packages/icons/src/20/node.svg
new file mode 100644
index 00000000..d769da77
--- /dev/null
+++ b/packages/icons/src/20/node.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M3.6501 5.5C3.6501 4.47827 4.47837 3.65 5.5001 3.65C6.52182 3.65 7.3501 4.47827 7.3501 5.5C7.3501 6.52173 6.52182 7.35 5.5001 7.35C4.47837 7.35 3.6501 6.52173 3.6501 5.5ZM5.5001 2.35C3.7604 2.35 2.3501 3.7603 2.3501 5.5C2.3501 7.01691 3.42232 8.28339 4.85022 8.58289V11.4171C3.42232 11.7166 2.3501 12.9831 2.3501 14.5C2.3501 16.2397 3.7604 17.65 5.5001 17.65C7.23979 17.65 8.6501 16.2397 8.6501 14.5C8.6501 12.9832 7.57799 11.7168 6.15022 11.4172L6.15022 8.58284C7.36814 8.32728 8.32726 7.36822 8.58289 6.15032C9.46733 6.1514 10.1342 6.15832 10.6745 6.20246C11.3013 6.25367 11.7002 6.35174 12.0211 6.51525C12.6514 6.83643 13.1639 7.34891 13.4851 7.97926C13.6486 8.30017 13.7467 8.69905 13.7979 9.32586C13.842 9.86606 13.8489 10.5329 13.85 11.4172C12.4222 11.7167 11.3501 12.9832 11.3501 14.5C11.3501 16.2397 12.7604 17.65 14.5001 17.65C16.2398 17.65 17.6501 16.2397 17.6501 14.5C17.6501 12.9831 16.5779 11.7167 15.1501 11.4171C15.1491 10.5335 15.1422 9.81476 15.0936 9.22C15.0358 8.5128 14.9159 7.9238 14.6434 7.38907C14.1976 6.51411 13.4862 5.80275 12.6113 5.35694C12.0765 5.08449 11.4875 4.96456 10.7803 4.90678C10.1855 4.85818 9.46677 4.85127 8.58302 4.85029C8.28359 3.42231 7.01707 2.35 5.5001 2.35ZM5.5001 12.65C4.47837 12.65 3.6501 13.4783 3.6501 14.5C3.6501 15.5217 4.47837 16.35 5.5001 16.35C6.52182 16.35 7.3501 15.5217 7.3501 14.5C7.3501 13.4783 6.52182 12.65 5.5001 12.65ZM12.6501 14.5C12.6501 13.4783 13.4784 12.65 14.5001 12.65C15.5218 12.65 16.3501 13.4783 16.3501 14.5C16.3501 15.5217 15.5218 16.35 14.5001 16.35C13.4784 16.35 12.6501 15.5217 12.6501 14.5Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/notification.svg b/packages/icons/src/20/notification.svg
new file mode 100644
index 00000000..96440a5f
--- /dev/null
+++ b/packages/icons/src/20/notification.svg
@@ -0,0 +1,9 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="4" fill="#4360DF" />
+</svg>
diff --git a/packages/icons/src/20/notifications.svg b/packages/icons/src/20/notifications.svg
new file mode 100644
index 00000000..fb0a9915
--- /dev/null
+++ b/packages/icons/src/20/notifications.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M15 7.5C16.3807 7.5 17.5 6.38071 17.5 5C17.5 3.61929 16.3807 2.5 15 2.5C13.6193 2.5 12.5 3.61929 12.5 5C12.5 6.38071 13.6193 7.5 15 7.5ZM9.99985 3.35H9.97586C9.06429 3.35 8.34699 3.35 7.76698 3.38957C7.17606 3.42989 6.68032 3.51345 6.22038 3.70396C5.081 4.17591 4.17576 5.08114 3.70381 6.22052C3.5133 6.68047 3.42974 7.17621 3.38942 7.76713C3.34985 8.34713 3.34985 9.06443 3.34985 9.976V9.97601V10V10.024V10.024C3.34985 10.9356 3.34985 11.6529 3.38942 12.2329C3.42974 12.8238 3.5133 13.3195 3.70381 13.7795C4.17576 14.9189 5.081 15.8241 6.22038 16.296C6.68032 16.4866 7.17606 16.5701 7.76698 16.6104C8.34698 16.65 9.06426 16.65 9.9758 16.65H9.99985H10.0239C10.9354 16.65 11.6527 16.65 12.2327 16.6104C12.8236 16.5701 13.3194 16.4866 13.7793 16.296C14.9187 15.8241 15.8239 14.9189 16.2959 13.7795C16.4864 13.3195 16.57 12.8238 16.6103 12.2329C16.6499 11.6529 16.6499 10.9356 16.6499 10.0241V10V9.57143H15.3499V10C15.3499 10.9408 15.3495 11.6138 15.3133 12.1444C15.2775 12.6691 15.2088 13.0068 15.0949 13.282C14.7548 14.1028 14.1027 14.755 13.2818 15.095C13.0067 15.209 12.669 15.2776 12.1442 15.3134C11.6137 15.3496 10.9406 15.35 9.99985 15.35C9.05908 15.35 8.38605 15.3496 7.85548 15.3134C7.33075 15.2776 6.993 15.209 6.71786 15.095C5.89702 14.755 5.24486 14.1028 4.90486 13.282C4.79089 13.0068 4.72221 12.6691 4.68641 12.1444C4.65021 11.6138 4.64985 10.9408 4.64985 10C4.64985 9.05922 4.65021 8.38619 4.68641 7.85562C4.72221 7.33089 4.79089 6.99315 4.90486 6.71801C5.24486 5.89717 5.89702 5.24501 6.71786 4.905C6.993 4.79104 7.33074 4.72236 7.85548 4.68655C8.38605 4.65035 9.05908 4.65 9.99985 4.65H10.4284V3.35H9.99985Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/numbered-list.svg b/packages/icons/src/20/numbered-list.svg
new file mode 100644
index 00000000..f2604083
--- /dev/null
+++ b/packages/icons/src/20/numbered-list.svg
@@ -0,0 +1,47 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M15 15L8.5 15"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M15 5L8.5 5"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M3.90508 4.05859V4.10859H3.95508H4.7376V6.5V6.55H4.7876H5.50049H5.55049V6.5V2.95996V2.90996H5.50049H4.92188H4.87187V2.95996C4.87187 2.98351 4.86465 3.02501 4.84696 3.08776C4.81771 3.18775 4.7755 3.26469 4.72203 3.32106L4.722 3.32108C4.6418 3.40574 4.53717 3.46315 4.40572 3.49219L4.40566 3.49221C4.32249 3.51069 4.17264 3.52524 3.95286 3.53501L3.90508 3.53713V3.58496V4.05859Z"
+    fill="#09101C"
+    stroke="#09101C"
+    stroke-width="0.1"
+  />
+  <path
+    d="M3.71335 11.8L3.71466 11.7487C3.72133 11.4888 3.77713 11.2501 3.88268 11.0335C3.98769 10.785 4.231 10.529 4.6023 10.264L4.63135 10.3047M3.71335 11.8L5.84961 8.50537C5.62826 8.29704 5.3304 8.19287 4.95605 8.19287C4.48242 8.19287 4.15283 8.36947 3.96729 8.72266L3.92304 8.69937C3.92303 8.69938 3.92303 8.69939 3.92302 8.6994C3.82072 8.8938 3.76531 9.14522 3.75375 9.45075L3.75178 9.50264H3.80371H4.47998H4.52797L4.52994 9.45468C4.53801 9.25763 4.56383 9.12133 4.60314 9.03978L4.55811 9.01807M3.71335 11.8H3.76465H6.18896H6.23896V11.75V11.1372V11.0872H6.18896H4.73819C4.76781 11.049 4.80084 11.014 4.83732 10.9822C4.90063 10.9284 5.01855 10.8401 5.19253 10.7165L5.19253 10.7165L5.4708 10.5188C5.47081 10.5188 5.47082 10.5188 5.47083 10.5188C5.70682 10.3516 5.87998 10.1977 5.98701 10.0567C6.15006 9.84435 6.23164 9.60088 6.23164 9.32812C6.23164 8.97446 6.11658 8.68629 5.88379 8.46887L3.71335 11.8ZM4.63135 10.3047L4.60225 10.264C4.92326 10.0343 5.12685 9.87254 5.21753 9.77722C5.35505 9.63038 5.42119 9.47296 5.42119 9.30371C5.42119 9.16375 5.38265 9.05115 5.30832 8.96225C5.23668 8.87656 5.13323 8.83125 4.99023 8.83125C4.89048 8.83125 4.81037 8.84987 4.74754 8.8843C4.68526 8.91843 4.63715 8.9696 4.6031 9.03987L4.55811 9.01807M4.63135 10.3047C4.95199 10.0752 5.15951 9.91081 5.25391 9.81152C5.39876 9.6569 5.47119 9.48763 5.47119 9.30371C5.47119 9.15397 5.42969 9.02946 5.34668 8.93018C5.26367 8.83089 5.14486 8.78125 4.99023 8.78125C4.77865 8.78125 4.6346 8.86019 4.55811 9.01807M4.63135 10.3047C4.26188 10.5684 4.02751 10.8182 3.92822 11.0542C3.83245 11.2503 3.77857 11.4656 3.76657 11.7L3.80603 9.40264H3.80371V9.45264L3.85368 9.45453C3.8537 9.4539 3.85372 9.45327 3.85375 9.45264H4.47998C4.48812 9.25407 4.51416 9.10921 4.55811 9.01807M5.16357 10.6758L5.44189 10.478C5.67627 10.312 5.84473 10.1615 5.94727 10.0264L5.16357 10.6758ZM5.16357 10.6758C4.98942 10.7995 4.86979 10.889 4.80469 10.9443L5.16357 10.6758Z"
+    fill="#09101C"
+    stroke="#09101C"
+    stroke-width="0.1"
+  />
+  <path
+    d="M4.49219 16.2651L4.53707 16.2431C4.49587 16.1592 4.47383 16.0502 4.47383 15.9136V15.8636H4.42383H3.74023H3.68817L3.69028 15.9156C3.70188 16.2023 3.76001 16.439 3.86805 16.6225L3.8682 16.6228C4.07536 16.9698 4.44347 17.1379 4.95605 17.1379C5.37216 17.1379 5.69436 17.022 5.91337 16.7823M4.49219 16.2651L4.53699 16.2429C4.57521 16.3201 4.62801 16.3763 4.6953 16.4137C4.76305 16.4513 4.84839 16.4715 4.95361 16.4715C5.07776 16.4715 5.18451 16.4298 5.27622 16.3455C5.3659 16.2629 5.41387 16.1427 5.41387 15.9771C5.41387 15.8673 5.39162 15.7799 5.35033 15.7119C5.30932 15.6443 5.24739 15.5925 5.16155 15.5569L5.18066 15.5107M4.49219 16.2651C4.44661 16.1724 4.42383 16.0552 4.42383 15.9136L4.67285 15.4448C4.90397 15.4448 5.07324 15.4668 5.18066 15.5107M4.49219 16.2651C4.57682 16.436 4.73063 16.5215 4.95361 16.5215C5.09033 16.5215 5.20915 16.4751 5.31006 16.3823C5.4126 16.2879 5.46387 16.1528 5.46387 15.9771C5.46387 15.7443 5.36947 15.5889 5.18066 15.5107M5.18066 15.5107L5.16173 15.557C5.06373 15.5169 4.90263 15.4948 4.67285 15.4948H4.62285V15.4448V14.9468V14.8975L4.67213 14.8968C4.89817 14.8935 5.04664 14.8713 5.12579 14.8353L5.12627 14.8351L5.12627 14.8351C5.19437 14.805 5.24379 14.7605 5.27679 14.7014C5.31017 14.6417 5.32842 14.5641 5.32842 14.4658C5.32842 14.3413 5.29201 14.2444 5.2224 14.1705L5.22205 14.1701L5.22205 14.1701C5.15561 14.0982 5.05967 14.0593 4.92676 14.0593C4.77366 14.0593 4.66939 14.1071 4.60314 14.1953C4.53516 14.288 4.5 14.4152 4.50312 14.5821L4.50407 14.633H4.45312H3.80371H3.75182L3.75375 14.5812C3.76043 14.4008 3.79135 14.2291 3.84671 14.0664L3.84772 14.0634L3.84781 14.0635C3.90775 13.9179 4.00155 13.7845 4.12797 13.6631L4.12892 13.6622L4.12893 13.6623C4.22541 13.5744 4.33959 13.5076 4.47076 13.4616C4.60297 13.4152 4.76275 13.3929 4.94873 13.3929C5.29602 13.3929 5.58104 13.4832 5.79883 13.6683C6.01947 13.8528 6.1291 14.1018 6.1291 14.4097C6.1291 14.6287 6.06375 14.8164 5.9314 14.9697L5.93123 14.9699C5.88177 15.0266 5.83016 15.0734 5.77628 15.1096C5.78119 15.1123 5.78612 15.1152 5.79105 15.1181C5.84062 15.1478 5.8959 15.1911 5.95666 15.2469L5.95684 15.247C6.14628 15.4226 6.23896 15.6615 6.23896 15.9575C6.23896 16.2699 6.12984 16.5455 5.91337 16.7823M5.91337 16.7823L5.87646 16.7485M5.91337 16.7823C5.91337 16.7823 5.91337 16.7823 5.91338 16.7823L5.87646 16.7485M5.87646 16.7485C5.66976 16.9748 5.36296 17.0879 4.95605 17.0879C4.45475 17.0879 4.10645 16.9243 3.91113 16.5972L5.72582 15.14C5.77975 15.1647 5.84543 15.2126 5.92285 15.2837C6.10026 15.4481 6.18896 15.6727 6.18896 15.9575C6.18896 16.257 6.0848 16.5207 5.87646 16.7485ZM3.80621 14.533C3.81617 14.3755 3.84545 14.2254 3.89404 14.0825C3.95101 13.9442 4.04053 13.8164 4.1626 13.6992C4.25374 13.6162 4.36198 13.5527 4.4873 13.5088C4.61263 13.4648 4.76644 13.4429 4.94873 13.4429C5.28727 13.4429 5.5599 13.5308 5.7666 13.7065C5.97493 13.8807 6.0791 14.1151 6.0791 14.4097C6.0791 14.618 6.01725 14.7938 5.89355 14.937L3.80621 14.533ZM3.80621 14.533H3.80371V14.583L3.85368 14.5849C3.8537 14.5842 3.85372 14.5836 3.85375 14.583H4.40312C4.40312 14.5833 4.40313 14.5836 4.40313 14.5839L4.45312 14.583V14.5411C4.45611 14.3864 4.49274 14.2612 4.56299 14.1655C4.64111 14.0614 4.76237 14.0093 4.92676 14.0093C5.06999 14.0093 5.18066 14.0516 5.25879 14.1362L3.80621 14.533Z"
+    fill="#09101C"
+    stroke="#09101C"
+    stroke-width="0.1"
+  />
+  <path
+    d="M15 10L8.5 10"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/online-left.svg b/packages/icons/src/20/online-left.svg
new file mode 100644
index 00000000..afdcac71
--- /dev/null
+++ b/packages/icons/src/20/online-left.svg
@@ -0,0 +1,9 @@
+<svg
+  width="14"
+  height="20"
+  viewBox="0 0 14 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="4" cy="10" r="4" fill="#26A69A" />
+</svg>
diff --git a/packages/icons/src/20/online.svg b/packages/icons/src/20/online.svg
new file mode 100644
index 00000000..c2198b1b
--- /dev/null
+++ b/packages/icons/src/20/online.svg
@@ -0,0 +1,9 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="4" fill="#26A69A" />
+</svg>
diff --git a/packages/icons/src/20/options.svg b/packages/icons/src/20/options.svg
new file mode 100644
index 00000000..e791cafd
--- /dev/null
+++ b/packages/icons/src/20/options.svg
@@ -0,0 +1,11 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="4.5" cy="10" r="1.5" fill="#0D1625" />
+  <circle cx="10" cy="10" r="1.5" fill="#0D1625" />
+  <circle cx="15.5" cy="10" r="1.5" fill="#0D1625" />
+</svg>
diff --git a/packages/icons/src/20/password.svg b/packages/icons/src/20/password.svg
new file mode 100644
index 00000000..bda0b89d
--- /dev/null
+++ b/packages/icons/src/20/password.svg
@@ -0,0 +1,23 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect
+    x="3.5"
+    y="3.5"
+    width="13"
+    height="13"
+    rx="4"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.5001 9.15C7.03066 9.15 6.6501 9.53056 6.6501 10C6.6501 10.4694 7.03066 10.85 7.5001 10.85C7.96954 10.85 8.3501 10.4694 8.3501 10C8.3501 9.53056 7.96954 9.15 7.5001 9.15ZM5.3501 10C5.3501 8.81259 6.31269 7.85 7.5001 7.85C8.46095 7.85 9.27459 8.48031 9.55009 9.35H13.5001H14.1501V10V12H12.8501V10.65H12.1501V11.5H10.8501V10.65H9.55009C9.27459 11.5197 8.46095 12.15 7.5001 12.15C6.31269 12.15 5.3501 11.1874 5.3501 10Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/pause.svg b/packages/icons/src/20/pause.svg
new file mode 100644
index 00000000..ddb0a50c
--- /dev/null
+++ b/packages/icons/src/20/pause.svg
@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect x="4" y="4" width="4" height="12" rx="1.5" fill="#09101C" />
+  <rect x="12" y="4" width="4" height="12" rx="1.5" fill="#09101C" />
+</svg>
diff --git a/packages/icons/src/20/pending-user.svg b/packages/icons/src/20/pending-user.svg
new file mode 100644
index 00000000..1c1157ae
--- /dev/null
+++ b/packages/icons/src/20/pending-user.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.14998 6C8.14998 4.97827 8.97825 4.15 9.99998 4.15C11.0217 4.15 11.85 4.97827 11.85 6C11.85 7.02173 11.0217 7.85 9.99998 7.85C8.97825 7.85 8.14998 7.02173 8.14998 6ZM9.99998 2.85C8.26028 2.85 6.84998 4.2603 6.84998 6C6.84998 7.7397 8.26028 9.15 9.99998 9.15C11.7397 9.15 13.15 7.7397 13.15 6C13.15 4.2603 11.7397 2.85 9.99998 2.85ZM11.65 13.5C11.65 12.2021 12.7021 11.15 14 11.15C15.2978 11.15 16.35 12.2021 16.35 13.5C16.35 14.7979 15.2978 15.85 14 15.85C12.7021 15.85 11.65 14.7979 11.65 13.5ZM14 9.85C11.9841 9.85 10.35 11.4842 10.35 13.5C10.35 15.5158 11.9841 17.15 14 17.15C16.0158 17.15 17.65 15.5158 17.65 13.5C17.65 11.4842 16.0158 9.85 14 9.85ZM13.35 12V13.5V13.7692L13.5403 13.9596L14.5403 14.9596L15.4596 14.0404L14.65 13.2308V12H13.35ZM7.74998 11.65C6.03789 11.65 4.64998 13.0379 4.64998 14.75C4.64998 15.0814 4.9186 15.35 5.24998 15.35H9.49998V16.65H5.24998C4.20063 16.65 3.34998 15.7993 3.34998 14.75C3.34998 12.3199 5.31992 10.35 7.74998 10.35H9.49998V11.65H7.74998Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/pending.svg b/packages/icons/src/20/pending.svg
new file mode 100644
index 00000000..37876ab0
--- /dev/null
+++ b/packages/icons/src/20/pending.svg
@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="7" stroke="#09101C" stroke-width="1.3" />
+  <path d="M10 5.5V10L8 12" stroke="black" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/pin-1.svg b/packages/icons/src/20/pin-1.svg
new file mode 100644
index 00000000..bf8b1357
--- /dev/null
+++ b/packages/icons/src/20/pin-1.svg
@@ -0,0 +1,32 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M10.564 5.26066L14.8066 9.5033L10.564 13.7459L6.32132 9.5033L10.564 5.26066Z"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M8.44238 11.6246L4.19974 15.8673"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M4.55371 7.73553L12.3319 15.5137"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M9.50342 4.2L15.8674 10.564"
+    stroke="#09101C"
+    stroke-width="1.2"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/pin.svg b/packages/icons/src/20/pin.svg
new file mode 100644
index 00000000..fe955632
--- /dev/null
+++ b/packages/icons/src/20/pin.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.1214 3.30263L9.16676 2.34799L8.24752 3.26723L9.20216 4.22187L4.46459 8.95945L3.86354 8.3584L2.9443 9.27764L3.54536 9.87868L4.00498 10.3383L6.3738 12.7071L2.59082 16.4901L3.51006 17.4094L7.29304 13.6264L9.66183 15.9952L10.1214 16.4548L10.7225 17.0558L11.6417 16.1366L11.0407 15.5355L15.7783 10.798L16.7328 11.7525L17.652 10.8333L16.6975 9.87873L16.6975 9.87868L16.2379 9.41906L10.5811 3.76221L10.1214 3.30259L10.1214 3.30263ZM10.1214 5.14111L14.859 9.87873L10.1214 14.6163L5.38383 9.87868L10.1214 5.14111Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/placeholder.svg b/packages/icons/src/20/placeholder.svg
new file mode 100644
index 00000000..6b105bce
--- /dev/null
+++ b/packages/icons/src/20/placeholder.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10 15.7C11.3398 15.7 12.5717 15.2377 13.5448 14.464L9.88475 10.804L6.43975 14.4516C7.41525 15.2328 8.65306 15.7 10 15.7ZM5.52328 13.5287L8.96514 9.88437L5.53601 6.45524C4.76227 7.42833 4.3 8.66018 4.3 10C4.3 11.3325 4.7572 12.5581 5.52328 13.5287ZM9.85811 8.93887L6.45525 5.536C7.42834 4.76227 8.66018 4.3 10 4.3C11.2156 4.3 12.3423 4.68051 13.2675 5.32892L9.85811 8.93887ZM10.7777 9.85848L14.241 6.19151C15.1481 7.20095 15.7 8.53602 15.7 10C15.7 11.3398 15.2377 12.5717 14.464 13.5448L10.7777 9.85848ZM10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/play.svg b/packages/icons/src/20/play.svg
new file mode 100644
index 00000000..dc3e88f1
--- /dev/null
+++ b/packages/icons/src/20/play.svg
@@ -0,0 +1,12 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M6 6.83019C6 5.41691 6 4.71027 6.2958 4.312C6.55364 3.96484 6.94876 3.74585 7.3798 3.7112C7.87431 3.67144 8.47354 4.04596 9.672 4.795L14.7437 7.9648C15.8235 8.63968 16.3634 8.97712 16.5485 9.40914C16.7102 9.78645 16.7102 10.2135 16.5485 10.5909C16.3634 11.0229 15.8235 11.3603 14.7437 12.0352L9.672 15.205C8.47354 15.954 7.87431 16.3286 7.3798 16.2888C6.94876 16.2542 6.55364 16.0352 6.2958 15.688C6 15.2897 6 14.5831 6 13.1698V6.83019Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/privacy.svg b/packages/icons/src/20/privacy.svg
new file mode 100644
index 00000000..13fa2a83
--- /dev/null
+++ b/packages/icons/src/20/privacy.svg
@@ -0,0 +1,20 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M6.5001 12.15C5.75451 12.15 5.1501 12.7544 5.1501 13.5C5.1501 14.2456 5.75451 14.85 6.5001 14.85C7.24568 14.85 7.8501 14.2456 7.8501 13.5C7.8501 12.7544 7.24568 12.15 6.5001 12.15ZM3.8501 13.5C3.8501 12.0364 5.03654 10.85 6.5001 10.85C7.63096 10.85 8.59638 11.5584 8.97686 12.5556C9.64185 12.3426 10.3583 12.3426 11.0233 12.5556C11.4038 11.5584 12.3692 10.85 13.5001 10.85C14.9637 10.85 16.1501 12.0364 16.1501 13.5C16.1501 14.9636 14.9637 16.15 13.5001 16.15C12.1702 16.15 11.0691 15.1704 10.8791 13.8933C10.3233 13.63 9.67694 13.63 9.12111 13.8933C8.9311 15.1704 7.83 16.15 6.5001 16.15C5.03654 16.15 3.8501 14.9636 3.8501 13.5ZM13.5001 12.15C12.7545 12.15 12.1501 12.7544 12.1501 13.5C12.1501 14.2456 12.7545 14.85 13.5001 14.85C14.2457 14.85 14.8501 14.2456 14.8501 13.5C14.8501 12.7544 14.2457 12.15 13.5001 12.15Z"
+    fill="black"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M6.9609 4.53164C7.06774 4.31797 7.35251 4.27175 7.52144 4.44068L8.54038 5.45962L9.54038 6.45962L10.0437 6.96292L10.4993 6.41612L12.0861 4.51199C12.2415 4.32549 12.535 4.35 12.6573 4.5597L14.8683 8.35H5.05172L6.9609 4.53164ZM3.59828 8.35L5.79815 3.95026C6.30181 2.94294 7.64432 2.72508 8.44068 3.52144L9.45962 4.54038L9.95632 5.03708L11.0874 3.67975C11.8201 2.80053 13.2036 2.91608 13.7802 3.90467L16.3733 8.35H18V9.65H2V8.35H3.59828Z"
+    fill="black"
+  />
+</svg>
diff --git a/packages/icons/src/20/profile.svg b/packages/icons/src/20/profile.svg
new file mode 100644
index 00000000..feb2a92c
--- /dev/null
+++ b/packages/icons/src/20/profile.svg
@@ -0,0 +1,23 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="6.75" stroke="#09101C" stroke-width="1.3" />
+  <path
+    d="M6 15.5V15.5C6 13.8431 7.34315 12.5 9 12.5H11C12.6569 12.5 14 13.8431 14 15.5V15.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+  <circle
+    cx="10"
+    cy="8"
+    r="2"
+    stroke="#09101C"
+    stroke-width="1.3"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/pullup.svg b/packages/icons/src/20/pullup.svg
new file mode 100644
index 00000000..c903f5b6
--- /dev/null
+++ b/packages/icons/src/20/pullup.svg
@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="7" transform="rotate(180 10 10)" fill="#E7EAEE" />
+  <path d="M13 11.5L10 8.5L7 11.5" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/qr-code.svg b/packages/icons/src/20/qr-code.svg
new file mode 100644
index 00000000..f6ecf3d3
--- /dev/null
+++ b/packages/icons/src/20/qr-code.svg
@@ -0,0 +1,42 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect
+    x="3.5"
+    y="3.5"
+    width="5"
+    height="5"
+    rx="1"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path
+    d="M12.8686 11.8814C13.2646 11.4854 13.4627 11.2873 13.691 11.2132C13.8918 11.1479 14.1082 11.1479 14.309 11.2132C14.5373 11.2873 14.7354 11.4854 15.1314 11.8814L16.1186 12.8686C16.5146 13.2646 16.7127 13.4627 16.7868 13.691C16.8521 13.8918 16.8521 14.1082 16.7868 14.309C16.7127 14.5373 16.5146 14.7354 16.1186 15.1314L15.1314 16.1186C14.7354 16.5146 14.5373 16.7127 14.309 16.7868C14.1082 16.8521 13.8918 16.8521 13.691 16.7868C13.4627 16.7127 13.2646 16.5146 12.8686 16.1186L11.8814 15.1314C11.4854 14.7354 11.2873 14.5373 11.2132 14.309C11.1479 14.1082 11.1479 13.8918 11.2132 13.691C11.2873 13.4627 11.4854 13.2646 11.8814 12.8686L12.8686 11.8814Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <rect
+    x="11.5"
+    y="3.5"
+    width="5"
+    height="5"
+    rx="1"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <rect x="13.1001" y="5.1" width="1.8" height="1.8" rx="0.5" fill="#09101C" />
+  <rect
+    x="3.5"
+    y="11.5"
+    width="5"
+    height="5"
+    rx="2.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <rect x="5.1001" y="13.1" width="1.8" height="1.8" rx="0.9" fill="#09101C" />
+</svg>
diff --git a/packages/icons/src/20/quarter.svg b/packages/icons/src/20/quarter.svg
new file mode 100644
index 00000000..f0eae1ac
--- /dev/null
+++ b/packages/icons/src/20/quarter.svg
@@ -0,0 +1,24 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M9.35022 16.3171V17.6228C5.64374 17.3109 2.6893 14.3565 2.37744 10.65H3.68308C3.98688 13.638 6.36226 16.0133 9.35022 16.3171Z"
+    fill="#09101C"
+  />
+  <path
+    d="M10.6504 17.6228C14.3569 17.3109 17.3113 14.3565 17.6232 10.65H16.3175C16.0137 13.638 13.6383 16.0133 10.6504 16.3171V17.6228Z"
+    fill="#09101C"
+  />
+  <path
+    d="M10.6504 3.68286C13.6383 3.98666 16.0137 6.36204 16.3175 9.35H17.6232C17.3113 5.64353 14.3569 2.68909 10.6504 2.37723V3.68286Z"
+    fill="#09101C"
+  />
+  <path
+    d="M9.35022 2.37723V3.68286C6.36226 3.98666 3.98688 6.36204 3.68308 9.35H2.37744C2.6893 5.64353 5.64374 2.68909 9.35022 2.37723Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/reaction.svg b/packages/icons/src/20/reaction.svg
new file mode 100644
index 00000000..e4d22272
--- /dev/null
+++ b/packages/icons/src/20/reaction.svg
@@ -0,0 +1,16 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="6.75" stroke="#09101C" stroke-width="1.3" />
+  <path
+    d="M7.52515 12C7.85015 12.325 8.23599 12.5828 8.66063 12.7587C9.08527 12.9346 9.54039 13.0251 10 13.0251C10.4596 13.0251 10.9148 12.9346 11.3394 12.7587C11.7641 12.5828 12.1499 12.325 12.4749 12"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <circle cx="8" cy="8.5" r="1" fill="#09101C" />
+  <circle cx="12" cy="8.5" r="1" fill="#09101C" />
+</svg>
diff --git a/packages/icons/src/20/receive-message.svg b/packages/icons/src/20/receive-message.svg
new file mode 100644
index 00000000..232b34f3
--- /dev/null
+++ b/packages/icons/src/20/receive-message.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.7233 16.6184C10.2669 16.8409 9.73347 16.8409 9.27706 16.6184C8.93391 16.4511 8.71508 16.1405 8.5483 15.8537C8.37806 15.5611 8.1944 15.1675 7.97469 14.6967L7.97468 14.6967L7.96128 14.668L4.54168 7.34023L4.52825 7.31145L4.52824 7.31144C4.21718 6.64489 3.9662 6.1071 3.8114 5.68929C3.73216 5.47542 3.66753 5.26575 3.63525 5.06665C3.60308 4.86822 3.59598 4.63891 3.6724 4.40932C3.8518 3.87041 4.29576 3.46166 4.84762 3.32729C5.08273 3.27005 5.31067 3.29603 5.50577 3.34445C5.70153 3.39303 5.90517 3.47472 6.11177 3.57132C6.51541 3.76004 7.03069 4.05449 7.66935 4.41945L7.66936 4.41945L7.6969 4.43519L10.0002 5.75136L12.3035 4.43519L12.3311 4.41942C12.9697 4.05447 13.485 3.76003 13.8886 3.57132C14.0952 3.47472 14.2989 3.39303 14.4946 3.34445C14.6897 3.29603 14.9177 3.27005 15.1528 3.32729C15.7046 3.46166 16.1486 3.87041 16.328 4.40932C16.4044 4.63892 16.3973 4.86822 16.3651 5.06665C16.3329 5.26575 16.2682 5.47542 16.189 5.68929C16.0342 6.1071 15.7832 6.64488 15.4722 7.31142L15.4587 7.34023L12.0391 14.668L12.0257 14.6967L12.0257 14.6968C11.806 15.1676 11.6223 15.5611 11.4521 15.8537C11.2853 16.1405 11.0665 16.4511 10.7233 16.6184ZM9.3502 14.5676V6.87721L7.05192 5.56391C6.37927 5.17953 5.91051 4.91229 5.56118 4.74896C5.3884 4.66818 5.27122 4.62568 5.19265 4.60618C5.16471 4.59924 5.14663 4.5965 5.13676 4.5954C5.03434 4.62632 4.95162 4.70248 4.91237 4.802C4.91264 4.81193 4.91389 4.83017 4.9185 4.85859C4.93145 4.9385 4.96416 5.05879 5.03042 5.23763C5.1644 5.59924 5.39209 6.08843 5.71972 6.79048L9.13932 14.1182C9.21739 14.2855 9.28702 14.4345 9.3502 14.5676ZM10.6502 14.5676C10.7134 14.4345 10.783 14.2855 10.8611 14.1182L14.2807 6.79048C14.6083 6.08843 14.836 5.59925 14.97 5.23764C15.0362 5.05879 15.0689 4.93851 15.0819 4.85859C15.0865 4.83017 15.0878 4.81193 15.088 4.80201C15.0488 4.70248 14.9661 4.62632 14.8636 4.5954C14.8538 4.5965 14.8357 4.59924 14.8077 4.60618C14.7292 4.62568 14.612 4.66818 14.4392 4.74896C14.0899 4.91229 13.6211 5.17953 12.9485 5.56391L10.6502 6.87721V14.5676Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/receive.svg b/packages/icons/src/20/receive.svg
new file mode 100644
index 00000000..642f5243
--- /dev/null
+++ b/packages/icons/src/20/receive.svg
@@ -0,0 +1,20 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.6499 11.9308V3H9.3499V11.9308L5.95952 8.54038L5.04028 9.45962L9.54028 13.9596L9.9999 14.4192L10.4595 13.9596L14.9595 9.45962L14.0403 8.54038L10.6499 11.9308Z"
+    fill="#09101C"
+  />
+  <path
+    d="M6 16C6 16 7.5 17 10 17C12.5 17 14 16 14 16"
+    stroke="#1B273D"
+    stroke-opacity="0.3"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/recent.svg b/packages/icons/src/20/recent.svg
new file mode 100644
index 00000000..d4f25f90
--- /dev/null
+++ b/packages/icons/src/20/recent.svg
@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="7" stroke="#09101C" stroke-width="1.3" />
+  <path d="M10 6.5V10L12.5 12.5" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/refresh.svg b/packages/icons/src/20/refresh.svg
new file mode 100644
index 00000000..0132e9e9
--- /dev/null
+++ b/packages/icons/src/20/refresh.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.58329 3.50263L7.54027 2.45962L8.45951 1.54038L10.4595 3.54038L10.8184 3.89924L10.5573 4.33442L9.05726 6.83442L7.94252 6.16558L8.76522 4.79441C8.03539 4.96753 7.34546 5.29329 6.74302 5.75556C5.80867 6.47251 5.13701 7.47773 4.83219 8.61532C4.52737 9.75291 4.60644 10.9593 5.05714 12.0474C5.50783 13.1354 6.30496 14.0444 7.32489 14.6332C8.34483 15.2221 9.53057 15.458 10.6982 15.3042C11.8659 15.1505 12.9501 14.6158 13.7829 13.783C14.6157 12.9502 15.1504 11.866 15.3041 10.6983C15.4578 9.53067 15.222 8.34493 14.6331 7.325L15.759 6.675C16.4909 7.94277 16.7841 9.41663 16.593 10.868C16.4019 12.3194 15.7373 13.6671 14.7022 14.7023C13.667 15.7374 12.3193 16.402 10.8679 16.5931C9.41652 16.7842 7.94266 16.491 6.67489 15.7591C5.40712 15.0271 4.4163 13.8973 3.85609 12.5448C3.29589 11.1924 3.1976 9.69287 3.57649 8.27885C3.95537 6.86484 4.79025 5.61536 5.95163 4.7242C6.73287 4.12474 7.63248 3.70995 8.58329 3.50263Z"
+    fill="black"
+  />
+</svg>
diff --git a/packages/icons/src/20/remove-user.svg b/packages/icons/src/20/remove-user.svg
new file mode 100644
index 00000000..9e402a4c
--- /dev/null
+++ b/packages/icons/src/20/remove-user.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.14998 6C8.14998 4.97827 8.97825 4.15 9.99998 4.15C11.0217 4.15 11.85 4.97827 11.85 6C11.85 7.02173 11.0217 7.85 9.99998 7.85C8.97825 7.85 8.14998 7.02173 8.14998 6ZM9.99998 2.85C8.26028 2.85 6.84998 4.2603 6.84998 6C6.84998 7.7397 8.26028 9.15 9.99998 9.15C11.7397 9.15 13.15 7.7397 13.15 6C13.15 4.2603 11.7397 2.85 9.99998 2.85ZM7.74998 11.65C6.03789 11.65 4.64998 13.0379 4.64998 14.75C4.64998 15.0814 4.9186 15.35 5.24998 15.35H9.49998V16.65H5.24998C4.20063 16.65 3.34998 15.7993 3.34998 14.75C3.34998 12.3199 5.31992 10.35 7.74998 10.35H9.49998V11.65H7.74998ZM16.5 14.15H11.5V12.85H16.5V14.15Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/reply.svg b/packages/icons/src/20/reply.svg
new file mode 100644
index 00000000..5f1044fe
--- /dev/null
+++ b/packages/icons/src/20/reply.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M5.56904 9.65L8.95943 13.0404L8.04019 13.9596L3.54019 9.45962L3.08057 9L3.54019 8.54038L8.04019 4.04038L8.95942 4.95962L5.56904 8.35L9.59981 8.35H9.62873H9.62875C10.7244 8.35 11.5864 8.34999 12.2799 8.40666C12.9871 8.46444 13.5761 8.58436 14.1109 8.85682C14.9858 9.30263 15.6972 10.014 16.143 10.8889C16.4154 11.4237 16.5354 12.0127 16.5932 12.7199C16.6498 13.4134 16.6498 14.2755 16.6498 15.3711V15.4V15.5H15.3498V15.4C15.3498 14.2692 15.3493 13.4601 15.2975 12.8257C15.2463 12.1989 15.1482 11.8001 14.9847 11.4791C14.6635 10.8488 14.151 10.3363 13.5207 10.0151C13.1998 9.85161 12.8009 9.75355 12.1741 9.70234C11.5397 9.65051 10.7306 9.65 9.59981 9.65H5.56904Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/reveal.svg b/packages/icons/src/20/reveal.svg
new file mode 100644
index 00000000..075749b0
--- /dev/null
+++ b/packages/icons/src/20/reveal.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M10 4C14.5 4 17 9 17 10C17 11 14.5 16 10 16C5.5 16 3 11 3 10C3 9 5.5 4 10 4Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <circle cx="10" cy="10" r="2.5" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/revere.svg b/packages/icons/src/20/revere.svg
new file mode 100644
index 00000000..e2282936
--- /dev/null
+++ b/packages/icons/src/20/revere.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M11.4167 3.50263L12.4597 2.45962L11.5405 1.54038L9.54049 3.54038L9.18163 3.89924L9.44274 4.33442L10.9427 6.83442L12.0575 6.16558L11.2348 4.79441C11.9646 4.96753 12.6545 5.29329 13.257 5.75556C14.1913 6.47251 14.863 7.47773 15.1678 8.61532C15.4726 9.75291 15.3936 10.9593 14.9429 12.0474C14.4922 13.1354 13.695 14.0444 12.6751 14.6332C11.6552 15.2221 10.4694 15.458 9.30179 15.3042C8.13415 15.1505 7.04986 14.6158 6.21709 13.783C5.38431 12.9502 4.8496 11.866 4.69588 10.6983C4.54215 9.53067 4.77801 8.34493 5.36687 7.325L4.24104 6.675C3.50909 7.94277 3.21592 9.41663 3.407 10.868C3.59808 12.3194 4.26272 13.6671 5.29785 14.7023C6.33298 15.7374 7.68074 16.402 9.13211 16.5931C10.5835 16.7842 12.0573 16.491 13.3251 15.7591C14.5929 15.0271 15.5837 13.8973 16.1439 12.5448C16.7041 11.1924 16.8024 9.69287 16.4235 8.27885C16.0446 6.86484 15.2098 5.61536 14.0484 4.7242C13.2671 4.12474 12.3675 3.70995 11.4167 3.50263Z"
+    fill="black"
+  />
+</svg>
diff --git a/packages/icons/src/20/right-align.svg b/packages/icons/src/20/right-align.svg
new file mode 100644
index 00000000..d95501ce
--- /dev/null
+++ b/packages/icons/src/20/right-align.svg
@@ -0,0 +1,36 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M15 11.75L5 11.75"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M15 5L5 5"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M15 15L9 15"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M15 8.25L9 8.25"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/rotate.svg b/packages/icons/src/20/rotate.svg
new file mode 100644
index 00000000..81e5fbc5
--- /dev/null
+++ b/packages/icons/src/20/rotate.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10 2.35C8.65716 2.35 7.33796 2.70348 6.17501 3.37491C5.23186 3.91944 4.41843 4.65753 3.78649 5.53741L3.25946 4.30359L2.33984 4.69641L3.32189 6.99545L3.4692 7.3403L3.84151 7.29545L6.32356 6.99641L6.20395 6.00359L4.94637 6.1551C5.455 5.48658 6.09293 4.92341 6.82501 4.50074C7.79033 3.94341 8.88535 3.65 10 3.65C11.1147 3.65 12.2097 3.94341 13.175 4.50074C14.1403 5.05807 14.9419 5.85968 15.4993 6.825L16.6251 6.175C15.9537 5.01205 14.988 4.04633 13.825 3.37491C12.6621 2.70348 11.3429 2.35 10 2.35ZM9.54023 6.04038C9.79407 5.78654 10.2056 5.78654 10.4595 6.04038L15.4092 10.9901C15.6631 11.244 15.6631 11.6555 15.4092 11.9094L10.4595 16.8591C10.2056 17.113 9.79407 17.113 9.54023 16.8591L4.59048 11.9094C4.33664 11.6555 4.33664 11.244 4.59048 10.9901L9.54023 6.04038ZM9.99985 7.41924L5.96934 11.4497L9.99985 15.4803L14.0304 11.4497L9.99985 7.41924Z"
+    fill="black"
+  />
+</svg>
diff --git a/packages/icons/src/20/sad.svg b/packages/icons/src/20/sad.svg
new file mode 100644
index 00000000..1cffa364
--- /dev/null
+++ b/packages/icons/src/20/sad.svg
@@ -0,0 +1,16 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="6.75" stroke="#09101C" stroke-width="1.3" />
+  <path
+    d="M7.52515 13.0251C7.85015 12.7001 8.23599 12.4423 8.66063 12.2664C9.08527 12.0905 9.54039 12 10 12C10.4596 12 10.9148 12.0905 11.3394 12.2664C11.7641 12.4423 12.1499 12.7001 12.4749 13.0251"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <circle cx="8" cy="8.5" r="1" fill="#09101C" />
+  <circle cx="12" cy="8.5" r="1" fill="#09101C" />
+</svg>
diff --git a/packages/icons/src/20/save.svg b/packages/icons/src/20/save.svg
new file mode 100644
index 00000000..40dc3619
--- /dev/null
+++ b/packages/icons/src/20/save.svg
@@ -0,0 +1,15 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.6499 11.9308V3H9.3499V11.9308L5.95952 8.54038L5.04028 9.45962L9.54028 13.9596L9.9999 14.4192L10.4595 13.9596L14.9595 9.45962L14.0403 8.54038L10.6499 11.9308Z"
+    fill="#09101C"
+  />
+  <path d="M16 17H4" stroke="#1B273D" stroke-opacity="0.3" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/scan.svg b/packages/icons/src/20/scan.svg
new file mode 100644
index 00000000..3202e04c
--- /dev/null
+++ b/packages/icons/src/20/scan.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8.14286 3.5V3.5C6.61076 3.5 5.84472 3.5 5.24912 3.77323C4.59636 4.07268 4.07268 4.59636 3.77323 5.24912C3.5 5.84472 3.5 6.61076 3.5 8.14286V8.14286M11.8571 3.5V3.5C13.3892 3.5 14.1553 3.5 14.7509 3.77323C15.4036 4.07268 15.9273 4.59636 16.2268 5.24912C16.5 5.84472 16.5 6.61076 16.5 8.14286V8.14286M16.5 11.8571V11.8571C16.5 13.3892 16.5 14.1553 16.2268 14.7509C15.9273 15.4036 15.4036 15.9273 14.7509 16.2268C14.1553 16.5 13.3892 16.5 11.8571 16.5V16.5M8.14286 16.5V16.5C6.61076 16.5 5.84472 16.5 5.24912 16.2268C4.59636 15.9273 4.07268 15.4036 3.77323 14.7509C3.5 14.1553 3.5 13.3892 3.5 11.8571V11.8571"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path d="M6 10L14 10" stroke="#09101C" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/search.svg b/packages/icons/src/20/search.svg
new file mode 100644
index 00000000..4ff6cdc9
--- /dev/null
+++ b/packages/icons/src/20/search.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M4.15 9C4.15 6.32142 6.32142 4.15 9 4.15C11.6786 4.15 13.85 6.32142 13.85 9C13.85 11.6786 11.6786 13.85 9 13.85C6.32142 13.85 4.15 11.6786 4.15 9ZM9 2.85C5.60345 2.85 2.85 5.60345 2.85 9C2.85 12.3966 5.60345 15.15 9 15.15C10.4641 15.15 11.8088 14.6384 12.8649 13.7841L16.0404 16.9596L16.9596 16.0404L13.7841 12.8649C14.6384 11.8088 15.15 10.4641 15.15 9C15.15 5.60345 12.3966 2.85 9 2.85Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/seed.svg b/packages/icons/src/20/seed.svg
new file mode 100644
index 00000000..a212f347
--- /dev/null
+++ b/packages/icons/src/20/seed.svg
@@ -0,0 +1,40 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M1 3.76471C1 3.34237 1.33579 3 1.75 3H8.5C8.91421 3 9.25 3.34237 9.25 3.76471C9.25 4.18704 8.91421 4.52941 8.5 4.52941H1.75C1.33579 4.52941 1 4.18704 1 3.76471Z"
+    fill="#09101C"
+  />
+  <path
+    d="M11 3.76471C11 3.34237 11.3358 3 11.75 3H18.25C18.6642 3 19 3.34237 19 3.76471C19 4.18704 18.6642 4.52941 18.25 4.52941H11.75C11.3358 4.52941 11 4.18704 11 3.76471Z"
+    fill="#09101C"
+  />
+  <path
+    d="M14 7.58824C14 7.1659 14.3358 6.82353 14.75 6.82353H18.25C18.6642 6.82353 19 7.1659 19 7.58824C19 8.01057 18.6642 8.35294 18.25 8.35294H14.75C14.3358 8.35294 14 8.01057 14 7.58824Z"
+    fill="#09101C"
+  />
+  <path
+    d="M6 11.4118C6 10.9894 5.66421 10.6471 5.25 10.6471H1.75C1.33579 10.6471 1 10.9894 1 11.4118C1 11.8341 1.33579 12.1765 1.75 12.1765H5.25C5.66421 12.1765 6 11.8341 6 11.4118Z"
+    fill="#09101C"
+  />
+  <path
+    d="M1 7.58824C1 7.1659 1.33579 6.82353 1.75 6.82353H11.5C11.9142 6.82353 12.25 7.1659 12.25 7.58824C12.25 8.01057 11.9142 8.35294 11.5 8.35294H1.75C1.33579 8.35294 1 8.01057 1 7.58824Z"
+    fill="#09101C"
+  />
+  <path
+    d="M19 11.4118C19 10.9894 18.6642 10.6471 18.25 10.6471H8.5C8.08579 10.6471 7.75 10.9894 7.75 11.4118C7.75 11.8341 8.08579 12.1765 8.5 12.1765H18.25C18.6642 12.1765 19 11.8341 19 11.4118Z"
+    fill="#09101C"
+  />
+  <path
+    d="M1 15.2353C1 14.813 1.33579 14.4706 1.75 14.4706H8.5C8.91421 14.4706 9.25 14.813 9.25 15.2353C9.25 15.6576 8.91421 16 8.5 16H1.75C1.33579 16 1 15.6576 1 15.2353Z"
+    fill="#09101C"
+  />
+  <path
+    d="M11 15.2353C11 14.813 11.3358 14.4706 11.75 14.4706H18.25C18.6642 14.4706 19 14.813 19 15.2353C19 15.6576 18.6642 16 18.25 16H11.75C11.3358 16 11 15.6576 11 15.2353Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/send-message.svg b/packages/icons/src/20/send-message.svg
new file mode 100644
index 00000000..a2da2dc7
--- /dev/null
+++ b/packages/icons/src/20/send-message.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M15.1873 3.60073C14.9076 3.17991 14.4505 2.91046 13.9469 2.86953C13.569 2.83881 13.2249 2.99175 12.937 3.15125C12.6437 3.31368 12.2883 3.55486 11.8637 3.84297L11.8637 3.84298L11.8375 3.86075L4.94442 8.53818L4.91822 8.55596L4.9182 8.55597C4.29102 8.98155 3.78639 9.32396 3.4306 9.60992C3.24873 9.75608 3.08249 9.9056 2.95063 10.062C2.81961 10.2174 2.69315 10.4138 2.6416 10.6545C2.52173 11.2142 2.7005 11.796 3.11397 12.1919C3.29178 12.3621 3.5067 12.4536 3.70236 12.5086C3.89929 12.564 4.1208 12.5943 4.35336 12.6132C4.80835 12.65 5.41821 12.65 6.17618 12.65H6.17621H6.20779H9.12323L10.4137 14.9084L10.4295 14.9359L10.4295 14.936C10.7975 15.5799 11.0941 16.099 11.3476 16.469C11.4773 16.6584 11.6119 16.8331 11.7564 16.9749C11.9003 17.1162 12.0842 17.2551 12.3171 17.3252C12.8622 17.4891 13.4532 17.3605 13.8809 16.9849C14.0636 16.8245 14.1732 16.6216 14.2454 16.4334C14.3179 16.2443 14.3677 16.0295 14.4071 15.8033C14.4839 15.3615 14.538 14.766 14.6052 14.0275L14.608 13.9958L15.3416 5.92628L15.3445 5.89478C15.391 5.38378 15.4299 4.95602 15.43 4.62076C15.43 4.29155 15.3972 3.91649 15.1873 3.60073ZM12.8262 4.76124C12.7456 4.8156 12.6596 4.87394 12.5675 4.93647L5.67437 9.6139C5.01496 10.0613 4.55464 10.3743 4.24499 10.6232C4.09165 10.7464 3.99861 10.8358 3.94448 10.9C3.92547 10.9225 3.91468 10.938 3.90909 10.9467C3.89279 11.0525 3.92582 11.16 3.99868 11.2383C4.00821 11.2424 4.02582 11.2491 4.05422 11.2571C4.13505 11.2799 4.26221 11.3015 4.45828 11.3174C4.85426 11.3495 5.41091 11.35 6.20779 11.35L9.11998 11.35L12.8262 4.76124ZM10.2475 11.9972L11.5425 14.2634C11.9298 14.9413 12.2003 15.4135 12.42 15.7343C12.5287 15.893 12.6088 15.99 12.6672 16.0473C12.6878 16.0676 12.7021 16.0793 12.7102 16.0853C12.8142 16.1104 12.924 16.0865 13.0082 16.0204C13.013 16.0116 13.0212 15.9951 13.0316 15.968C13.0608 15.8917 13.0933 15.7701 13.1263 15.5806C13.1929 15.1976 13.2427 14.6556 13.3134 13.8781L14.047 5.80858C14.0707 5.54755 14.0906 5.3275 14.1049 5.13957L10.2475 11.9972Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/send.svg b/packages/icons/src/20/send.svg
new file mode 100644
index 00000000..35ae6fd7
--- /dev/null
+++ b/packages/icons/src/20/send.svg
@@ -0,0 +1,20 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.3499 4.56924L5.95952 7.95962L5.04028 7.04038L9.54028 2.54038L9.9999 2.08076L10.4595 2.54038L14.9595 7.04038L14.0403 7.95962L10.6499 4.56924V13.5H9.3499V4.56924Z"
+    fill="#09101C"
+  />
+  <path
+    d="M6 16C6 16 7.5 17 10 17C12.5 17 14 16 14 16"
+    stroke="#1B273D"
+    stroke-opacity="0.3"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/settings.svg b/packages/icons/src/20/settings.svg
new file mode 100644
index 00000000..a69f288f
--- /dev/null
+++ b/packages/icons/src/20/settings.svg
@@ -0,0 +1,12 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M6.8767 4.876L6.39411 5.31145L6.75536 5.7118L7.21553 5.4307L6.8767 4.876ZM8.58527 4.16775L8.73798 4.79956L9.26202 4.67289L9.23442 4.13448L8.58527 4.16775ZM6.56501 4.59382L6.89417 4.03333L6.89417 4.03333L6.56501 4.59382ZM5.61492 4.55993L5.32653 3.97741L5.32653 3.97741L5.61492 4.55993ZM5.05025 5.05025L5.50987 5.50987V5.50987L5.05025 5.05025ZM4.55993 5.61492L5.14245 5.90331V5.90331L4.55993 5.61492ZM4.59382 6.56501L5.15431 6.23585L5.15431 6.23585L4.59382 6.56501ZM4.876 6.8767L5.4307 7.21553L5.7118 6.75536L5.31145 6.39411L4.876 6.8767ZM4.16775 8.58527L4.13448 9.23442L4.67289 9.26202L4.79956 8.73798L4.16775 8.58527ZM3.74835 8.60616L3.58478 7.97708H3.58477L3.74835 8.60616ZM3.05257 9.25401L3.6684 9.46199H3.6684L3.05257 9.25401ZM3.05257 10.746L2.43674 10.954L2.43674 10.954L3.05257 10.746ZM3.74835 11.3938L3.91192 10.7648L3.91192 10.7648L3.74835 11.3938ZM4.16775 11.4147L4.79956 11.262L4.67289 10.738L4.13448 10.7656L4.16775 11.4147ZM4.876 13.1233L5.31145 13.6059L5.7118 13.2446L5.4307 12.7845L4.876 13.1233ZM4.59382 13.435L4.03333 13.1058H4.03333L4.59382 13.435ZM4.55993 14.3851L3.97741 14.6735L3.97741 14.6735L4.55993 14.3851ZM5.05025 14.9497L5.50987 14.4901H5.50987L5.05025 14.9497ZM5.61492 15.4401L5.32653 16.0226H5.32653L5.61492 15.4401ZM6.56501 15.4062L6.23585 14.8457L6.23585 14.8457L6.56501 15.4062ZM6.8767 15.124L7.21553 14.5693L6.75536 14.2882L6.39411 14.6886L6.8767 15.124ZM8.58527 15.8322L9.23442 15.8655L9.26202 15.3271L8.73798 15.2004L8.58527 15.8322ZM8.60616 16.2517L7.97708 16.4152V16.4152L8.60616 16.2517ZM9.25401 16.9474L9.46199 16.3316L9.46199 16.3316L9.25401 16.9474ZM10.746 16.9474L10.538 16.3316L10.538 16.3316L10.746 16.9474ZM11.3938 16.2517L10.7648 16.0881L10.7648 16.0881L11.3938 16.2517ZM11.4147 15.8322L11.262 15.2004L10.738 15.3271L10.7656 15.8655L11.4147 15.8322ZM13.1233 15.124L13.6059 14.6885L13.2446 14.2882L12.7845 14.5693L13.1233 15.124ZM13.435 15.4062L13.7642 14.8457H13.7642L13.435 15.4062ZM14.3851 15.4401L14.6735 16.0226L14.3851 15.4401ZM15.4401 14.3851L14.8575 14.0967L15.4401 14.3851ZM15.4062 13.435L14.8457 13.7642L14.8457 13.7642L15.4062 13.435ZM15.124 13.1233L14.5693 12.7845L14.2882 13.2446L14.6886 13.6059L15.124 13.1233ZM15.8322 11.4147L15.8655 10.7656L15.3271 10.738L15.2004 11.262L15.8322 11.4147ZM16.2517 11.3938L16.0881 10.7648L16.0881 10.7648L16.2517 11.3938ZM16.9474 10.746L16.3316 10.538L16.9474 10.746ZM16.9474 9.25401L16.3316 9.46199L16.3316 9.46199L16.9474 9.25401ZM16.2517 8.60616L16.4152 7.97708H16.4152L16.2517 8.60616ZM15.8322 8.58527L15.2004 8.73798L15.3271 9.26202L15.8655 9.23442L15.8322 8.58527ZM15.124 6.8767L14.6886 6.39411L14.2882 6.75536L14.5693 7.21553L15.124 6.8767ZM15.4062 6.56501L14.8457 6.23584L14.8457 6.23585L15.4062 6.56501ZM15.4401 5.61492L16.0226 5.32653V5.32653L15.4401 5.61492ZM14.9497 5.05025L15.4094 4.59063V4.59063L14.9497 5.05025ZM14.3851 4.55993L14.6735 3.97741V3.97741L14.3851 4.55993ZM13.435 4.59382L13.7642 5.15431L13.7642 5.15431L13.435 4.59382ZM13.1233 4.876L12.7845 5.4307L13.2446 5.7118L13.6059 5.31145L13.1233 4.876ZM11.4147 4.16775L10.7656 4.13448L10.738 4.67289L11.262 4.79956L11.4147 4.16775ZM11.3938 3.74835L10.7648 3.91192L10.7648 3.91192L11.3938 3.74835ZM10.746 3.05257L10.538 3.6684V3.6684L10.746 3.05257ZM9.25401 3.05257L9.04603 2.43674H9.04603L9.25401 3.05257ZM8.60616 3.74835L7.97708 3.58477V3.58478L8.60616 3.74835ZM7.21553 5.4307C7.6812 5.14625 8.19341 4.93119 8.73798 4.79956L8.43255 3.53595C7.7543 3.69989 7.11677 3.96768 6.53786 4.32131L7.21553 5.4307ZM6.23585 5.15431C6.23422 5.15336 6.24377 5.15846 6.26978 5.18231C6.29767 5.20788 6.3359 5.24694 6.39411 5.31145L7.35928 4.44056C7.22854 4.29566 7.08235 4.14384 6.89417 4.03333L6.23585 5.15431ZM5.90331 5.14245C6.00907 5.09009 6.13409 5.09455 6.23585 5.15431L6.89417 4.03333C6.41446 3.75161 5.82509 3.73058 5.32653 3.97741L5.90331 5.14245ZM5.50987 5.50987C5.65415 5.36559 5.74372 5.27636 5.81504 5.21257C5.88346 5.15137 5.90491 5.14166 5.90331 5.14245L5.32653 3.97741C5.0592 4.10976 4.83084 4.35043 4.59063 4.59063L5.50987 5.50987ZM5.14245 5.90331C5.14166 5.90491 5.15137 5.88347 5.21257 5.81504C5.27636 5.74372 5.36559 5.65416 5.50987 5.50987L4.59063 4.59063C4.35043 4.83084 4.10976 5.0592 3.97741 5.32653L5.14245 5.90331ZM5.15431 6.23585C5.09455 6.13409 5.09009 6.00907 5.14245 5.90331L3.97741 5.32653C3.73058 5.82509 3.75161 6.41447 4.03333 6.89417L5.15431 6.23585ZM5.31145 6.39411C5.24694 6.3359 5.20788 6.29767 5.18231 6.26978C5.15846 6.24377 5.15336 6.23422 5.15431 6.23585L4.03333 6.89417C4.14384 7.08235 4.29566 7.22854 4.44056 7.35928L5.31145 6.39411ZM4.79956 8.73798C4.93119 8.19341 5.14625 7.6812 5.4307 7.21553L4.3213 6.53786C3.96768 7.11677 3.69989 7.7543 3.53595 8.43255L4.79956 8.73798ZM3.91192 9.23524C3.9101 9.23571 3.92044 9.23258 3.95562 9.23105C3.99333 9.2294 4.04788 9.22998 4.13448 9.23442L4.20103 7.93612C4.00632 7.92614 3.7958 7.9222 3.58478 7.97708L3.91192 9.23524ZM3.6684 9.46199C3.70616 9.35019 3.79771 9.26494 3.91192 9.23524L3.58477 7.97708C3.04636 8.11707 2.61474 8.51896 2.43674 9.04603L3.6684 9.46199ZM3.65 10C3.65 9.79595 3.65024 9.66953 3.65556 9.57399C3.66067 9.48233 3.66897 9.4603 3.6684 9.46199L2.43674 9.04603C2.3413 9.32864 2.35 9.6603 2.35 10H3.65ZM3.6684 10.538C3.66897 10.5397 3.66067 10.5177 3.65556 10.426C3.65024 10.3305 3.65 10.204 3.65 10H2.35C2.35 10.3397 2.3413 10.6714 2.43674 10.954L3.6684 10.538ZM3.91192 10.7648C3.79771 10.7351 3.70616 10.6498 3.6684 10.538L2.43674 10.954C2.61474 11.481 3.04636 11.8829 3.58477 12.0229L3.91192 10.7648ZM4.13448 10.7656C4.04788 10.77 3.99333 10.7706 3.95562 10.769C3.92044 10.7674 3.9101 10.7643 3.91192 10.7648L3.58477 12.0229C3.79581 12.0778 4.00632 12.0739 4.20103 12.0639L4.13448 10.7656ZM5.4307 12.7845C5.14625 12.3188 4.93119 11.8066 4.79956 11.262L3.53595 11.5674C3.69989 12.2457 3.96768 12.8832 4.32131 13.4621L5.4307 12.7845ZM5.15431 13.7642C5.15336 13.7658 5.15846 13.7562 5.18231 13.7302C5.20788 13.7023 5.24694 13.6641 5.31145 13.6059L4.44056 12.6407C4.29566 12.7715 4.14384 12.9177 4.03333 13.1058L5.15431 13.7642ZM5.14245 14.0967C5.09009 13.9909 5.09455 13.8659 5.15431 13.7642L4.03333 13.1058C3.75161 13.5855 3.73058 14.1749 3.97741 14.6735L5.14245 14.0967ZM5.50987 14.4901C5.36559 14.3458 5.27636 14.2563 5.21257 14.185C5.15137 14.1165 5.14166 14.0951 5.14245 14.0967L3.97741 14.6735C4.10976 14.9408 4.35043 15.1692 4.59063 15.4094L5.50987 14.4901ZM5.90331 14.8575C5.90491 14.8583 5.88347 14.8486 5.81504 14.7874C5.74372 14.7236 5.65416 14.6344 5.50987 14.4901L4.59063 15.4094C4.83084 15.6496 5.0592 15.8902 5.32653 16.0226L5.90331 14.8575ZM6.23585 14.8457C6.13409 14.9054 6.00907 14.9099 5.90331 14.8575L5.32653 16.0226C5.82509 16.2694 6.41446 16.2484 6.89417 15.9667L6.23585 14.8457ZM6.39411 14.6886C6.3359 14.7531 6.29767 14.7921 6.26978 14.8177C6.24377 14.8415 6.23422 14.8466 6.23585 14.8457L6.89417 15.9667C7.08235 15.8562 7.22854 15.7043 7.35928 15.5594L6.39411 14.6886ZM8.73798 15.2004C8.19341 15.0688 7.6812 14.8538 7.21553 14.5693L6.53786 15.6787C7.11677 16.0323 7.7543 16.3001 8.43255 16.4641L8.73798 15.2004ZM9.23524 16.0881C9.23571 16.0899 9.23258 16.0796 9.23105 16.0444C9.2294 16.0067 9.22998 15.9521 9.23442 15.8655L7.93612 15.799C7.92614 15.9937 7.9222 16.2042 7.97708 16.4152L9.23524 16.0881ZM9.46199 16.3316C9.35019 16.2938 9.26494 16.2023 9.23524 16.0881L7.97708 16.4152C8.11707 16.9536 8.51896 17.3853 9.04603 17.5633L9.46199 16.3316ZM10 16.35C9.79595 16.35 9.66953 16.3498 9.57399 16.3444C9.48233 16.3393 9.4603 16.331 9.46199 16.3316L9.04603 17.5633C9.32864 17.6587 9.6603 17.65 10 17.65V16.35ZM10.538 16.3316C10.5397 16.331 10.5177 16.3393 10.426 16.3444C10.3305 16.3498 10.204 16.35 10 16.35V17.65C10.3397 17.65 10.6714 17.6587 10.954 17.5633L10.538 16.3316ZM10.7648 16.0881C10.7351 16.2023 10.6498 16.2938 10.538 16.3316L10.954 17.5633C11.481 17.3853 11.8829 16.9536 12.0229 16.4152L10.7648 16.0881ZM10.7656 15.8655C10.77 15.9521 10.7706 16.0067 10.769 16.0444C10.7674 16.0796 10.7643 16.0899 10.7648 16.0881L12.0229 16.4152C12.0778 16.2042 12.0739 15.9937 12.0639 15.799L10.7656 15.8655ZM12.7845 14.5693C12.3188 14.8538 11.8066 15.0688 11.262 15.2004L11.5674 16.4641C12.2457 16.3001 12.8832 16.0323 13.4621 15.6787L12.7845 14.5693ZM13.7642 14.8457C13.7658 14.8466 13.7562 14.8415 13.7302 14.8177C13.7023 14.7921 13.6641 14.7531 13.6059 14.6885L12.6407 15.5594C12.7715 15.7043 12.9177 15.8562 13.1058 15.9667L13.7642 14.8457ZM14.0967 14.8575C13.9909 14.9099 13.8659 14.9054 13.7642 14.8457L13.1058 15.9667C13.5855 16.2484 14.1749 16.2694 14.6735 16.0226L14.0967 14.8575ZM14.4901 14.4901C14.3458 14.6344 14.2563 14.7236 14.185 14.7874C14.1165 14.8486 14.0951 14.8583 14.0967 14.8575L14.6735 16.0226C14.9408 15.8902 15.1692 15.6496 15.4094 15.4094L14.4901 14.4901ZM14.8575 14.0967C14.8583 14.0951 14.8486 14.1165 14.7874 14.185C14.7236 14.2563 14.6344 14.3458 14.4901 14.4901L15.4094 15.4094C15.6496 15.1692 15.8902 14.9408 16.0226 14.6735L14.8575 14.0967ZM14.8457 13.7642C14.9054 13.8659 14.9099 13.9909 14.8575 14.0967L16.0226 14.6735C16.2694 14.1749 16.2484 13.5855 15.9667 13.1058L14.8457 13.7642ZM14.6886 13.6059C14.7531 13.6641 14.7921 13.7023 14.8177 13.7302C14.8415 13.7562 14.8466 13.7658 14.8457 13.7642L15.9667 13.1058C15.8562 12.9177 15.7043 12.7715 15.5594 12.6407L14.6886 13.6059ZM15.2004 11.262C15.0688 11.8066 14.8538 12.3188 14.5693 12.7845L15.6787 13.4621C16.0323 12.8832 16.3001 12.2457 16.4641 11.5674L15.2004 11.262ZM16.0881 10.7648C16.0899 10.7643 16.0796 10.7674 16.0444 10.769C16.0067 10.7706 15.9521 10.77 15.8655 10.7656L15.799 12.0639C15.9937 12.0739 16.2042 12.0778 16.4152 12.0229L16.0881 10.7648ZM16.3316 10.538C16.2938 10.6498 16.2023 10.7351 16.0881 10.7648L16.4152 12.0229C16.9536 11.8829 17.3853 11.481 17.5633 10.954L16.3316 10.538ZM16.35 10C16.35 10.204 16.3498 10.3305 16.3444 10.426C16.3393 10.5177 16.331 10.5397 16.3316 10.538L17.5633 10.954C17.6587 10.6714 17.65 10.3397 17.65 10H16.35ZM16.3316 9.46199C16.331 9.4603 16.3393 9.48233 16.3444 9.57399C16.3498 9.66953 16.35 9.79595 16.35 10H17.65C17.65 9.6603 17.6587 9.32864 17.5633 9.04603L16.3316 9.46199ZM16.0881 9.23524C16.2023 9.26494 16.2938 9.35019 16.3316 9.46199L17.5633 9.04603C17.3853 8.51896 16.9536 8.11708 16.4152 7.97708L16.0881 9.23524ZM15.8655 9.23442C15.9521 9.22998 16.0067 9.2294 16.0444 9.23105C16.0796 9.23258 16.0899 9.23571 16.0881 9.23524L16.4152 7.97708C16.2042 7.92221 15.9937 7.92614 15.799 7.93612L15.8655 9.23442ZM14.5693 7.21553C14.8538 7.6812 15.0688 8.19341 15.2004 8.73798L16.4641 8.43256C16.3001 7.7543 16.0323 7.11677 15.6787 6.53786L14.5693 7.21553ZM14.8457 6.23585C14.8466 6.23422 14.8415 6.24377 14.8177 6.26978C14.7921 6.29767 14.7531 6.3359 14.6886 6.39411L15.5594 7.35928C15.7043 7.22854 15.8562 7.08235 15.9667 6.89417L14.8457 6.23585ZM14.8575 5.90331C14.9099 6.00907 14.9054 6.13409 14.8457 6.23584L15.9667 6.89417C16.2484 6.41446 16.2694 5.82509 16.0226 5.32653L14.8575 5.90331ZM14.4901 5.50987C14.6344 5.65415 14.7236 5.74372 14.7874 5.81504C14.8486 5.88346 14.8583 5.90491 14.8575 5.90331L16.0226 5.32653C15.8902 5.0592 15.6496 4.83084 15.4094 4.59063L14.4901 5.50987ZM14.0967 5.14245C14.0951 5.14166 14.1165 5.15137 14.185 5.21257C14.2563 5.27636 14.3458 5.36559 14.4901 5.50987L15.4094 4.59063C15.1692 4.35043 14.9408 4.10976 14.6735 3.97741L14.0967 5.14245ZM13.7642 5.15431C13.8659 5.09455 13.9909 5.09009 14.0967 5.14245L14.6735 3.97741C14.1749 3.73058 13.5855 3.75161 13.1058 4.03333L13.7642 5.15431ZM13.6059 5.31145C13.6641 5.24694 13.7023 5.20788 13.7302 5.18231C13.7562 5.15846 13.7658 5.15336 13.7642 5.15431L13.1058 4.03333C12.9177 4.14384 12.7715 4.29566 12.6407 4.44056L13.6059 5.31145ZM11.262 4.79956C11.8066 4.93119 12.3188 5.14625 12.7845 5.4307L13.4621 4.32131C12.8832 3.96768 12.2457 3.69989 11.5674 3.53594L11.262 4.79956ZM10.7648 3.91192C10.7643 3.9101 10.7674 3.92044 10.769 3.95562C10.7706 3.99333 10.77 4.04788 10.7656 4.13448L12.0639 4.20103C12.0739 4.00632 12.0778 3.7958 12.0229 3.58477L10.7648 3.91192ZM10.538 3.6684C10.6498 3.70616 10.7351 3.79771 10.7648 3.91192L12.0229 3.58477C11.8829 3.04636 11.481 2.61474 10.954 2.43674L10.538 3.6684ZM10 3.65C10.204 3.65 10.3305 3.65024 10.426 3.65556C10.5177 3.66067 10.5397 3.66897 10.538 3.6684L10.954 2.43674C10.6714 2.3413 10.3397 2.35 10 2.35V3.65ZM9.46199 3.6684C9.4603 3.66897 9.48233 3.66067 9.57399 3.65556C9.66953 3.65024 9.79595 3.65 10 3.65V2.35C9.6603 2.35 9.32864 2.3413 9.04603 2.43674L9.46199 3.6684ZM9.23524 3.91192C9.26494 3.79771 9.35019 3.70616 9.46199 3.6684L9.04603 2.43674C8.51896 2.61474 8.11707 3.04636 7.97708 3.58477L9.23524 3.91192ZM9.23442 4.13448C9.22998 4.04788 9.2294 3.99333 9.23105 3.95562C9.23258 3.92044 9.23571 3.9101 9.23524 3.91192L7.97708 3.58478C7.9222 3.7958 7.92614 4.00632 7.93612 4.20103L9.23442 4.13448ZM11.85 10C11.85 11.0217 11.0217 11.85 10 11.85V13.15C11.7397 13.15 13.15 11.7397 13.15 10H11.85ZM10 8.15C11.0217 8.15 11.85 8.97827 11.85 10H13.15C13.15 8.2603 11.7397 6.85 10 6.85V8.15ZM8.15 10C8.15 8.97827 8.97827 8.15 10 8.15V6.85C8.2603 6.85 6.85 8.2603 6.85 10H8.15ZM10 11.85C8.97827 11.85 8.15 11.0217 8.15 10H6.85C6.85 11.7397 8.2603 13.15 10 13.15V11.85Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/share.svg b/packages/icons/src/20/share.svg
new file mode 100644
index 00000000..ef7f94b2
--- /dev/null
+++ b/packages/icons/src/20/share.svg
@@ -0,0 +1,20 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.3499 5.06924L5.95952 8.45962L5.04028 7.54038L9.54028 3.04038L9.9999 2.58076L10.4595 3.04038L14.9595 7.54038L14.0403 8.45962L10.6499 5.06924V13.5H9.3499V5.06924Z"
+    fill="#09101C"
+  />
+  <path
+    d="M4 12V12.2C4 13.8802 4 14.7202 4.32698 15.362C4.6146 15.9265 5.07354 16.3854 5.63803 16.673C6.27976 17 7.11984 17 8.8 17H11.2C12.8802 17 13.7202 17 14.362 16.673C14.9265 16.3854 15.3854 15.9265 15.673 15.362C16 14.7202 16 13.8802 16 12.2V12"
+    stroke="#1B273D"
+    stroke-opacity="0.3"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/signature.svg b/packages/icons/src/20/signature.svg
new file mode 100644
index 00000000..36c77cf1
--- /dev/null
+++ b/packages/icons/src/20/signature.svg
@@ -0,0 +1,17 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8.59366 10.666C9.26047 9.89976 9.93832 9.24393 10.6391 8.67352C10.6805 8.85715 10.6837 9.06385 10.6431 9.20536C10.5426 9.45723 10.4853 9.73053 10.4484 9.98083V9.43791L9.616 10.1786C9.23584 10.5169 8.87103 10.9028 8.52068 11.2842C8.50111 11.1759 8.49444 11.0575 8.50494 10.9468C8.51985 10.7895 8.56359 10.7008 8.5946 10.6649L8.21648 10.3378L8.59366 10.666ZM10.4329 10.7227C10.433 10.7223 10.4331 10.7219 10.4331 10.7214L11.0538 10.5739C11.7136 10.417 12.2552 10.0238 12.759 9.39659C12.7873 9.44607 12.8242 9.49428 12.8717 9.53782C12.9639 9.62241 13.0688 9.66451 13.1608 9.68235C13.3251 9.71426 13.4726 9.67417 13.5538 9.64714C13.7306 9.58832 13.9174 9.47643 14.065 9.37924C14.2068 9.28586 14.354 9.17729 14.475 9.08478C14.4807 9.10852 14.4859 9.13336 14.4903 9.15909C14.495 9.19652 14.4991 9.22835 14.5027 9.25598C14.5147 9.34875 14.5206 9.39404 14.5206 9.44422V9.70088L13.9392 10.1065C13.6703 10.2941 13.4725 10.4166 13.3168 10.4573C13.2514 10.4744 13.2249 10.4676 13.219 10.4658L13.2188 10.4658C13.216 10.465 13.1875 10.4568 13.1392 10.3932L12.7619 9.89552L12.3589 10.3727C11.7387 11.1069 11.1223 11.4002 10.4984 11.3822C10.4939 11.3717 10.4891 11.3592 10.4841 11.3443C10.4402 11.2139 10.4147 11.0058 10.4298 10.7618L10.4308 10.7464V10.7364C10.4311 10.7339 10.4318 10.7295 10.4329 10.7227ZM14.7169 10.4254L14.6227 9.91685L14.9846 9.94293C15.3385 9.96843 15.6942 9.86682 15.9688 9.77581C16.0826 9.73806 16.1816 9.70283 16.271 9.67101C16.3465 9.64415 16.4152 9.61972 16.4803 9.59823C16.4918 9.66228 16.5 9.74305 16.5 9.83746C16.5 10.0155 16.4708 10.1848 16.4268 10.3004C16.4151 10.3309 16.4049 10.352 16.3971 10.3661C16.2376 10.4039 16.0781 10.4505 15.9311 10.4935L15.9241 10.4955C15.7518 10.546 15.594 10.5921 15.4385 10.628C15.1748 10.6887 14.9649 10.7074 14.7893 10.676C14.7636 10.6184 14.7368 10.5326 14.7169 10.4254ZM16.4358 9.45217C16.4358 9.45213 16.4363 9.45281 16.4372 9.45433C16.4362 9.45296 16.4358 9.4522 16.4358 9.45217ZM16.3807 10.3904C16.3807 10.3902 16.3817 10.3889 16.384 10.3867C16.3819 10.3894 16.3808 10.3905 16.3807 10.3904Z"
+    fill="#09101C"
+    stroke="#09101C"
+  />
+  <path
+    d="M17.6291 14.3042H6.00452C6.56075 12.6981 7.17257 11.2015 7.85852 9.77799C8.06247 9.34005 8.28491 8.90189 8.50749 8.46393C9.898 7.22295 11.1958 5.68988 12.3267 3.5728C12.6234 2.98871 12.3824 2.03973 11.9931 2.00336C11.0661 1.93029 10.3615 3.06177 9.67558 4.12045C9.08223 4.99655 8.52613 5.94552 7.9699 6.96757C6.54228 8.20855 5.00342 9.08465 3.50174 9.92412C2.92703 10.2526 3.16808 12.0048 3.7428 11.6761C4.6698 11.1651 5.59681 10.6177 6.5053 9.99693C5.93059 11.3474 5.39283 12.771 4.89235 14.2676L2.37077 14.2679C2.16682 14.2679 2 14.5963 2 14.9978C2 15.3993 2.16683 15.7278 2.37077 15.7278H4.44722C4.3545 16.0198 4.26177 16.3119 4.16917 16.6403C3.8725 17.6624 4.66979 18.5749 4.96633 17.5529C5.13316 16.9324 5.31863 16.3483 5.52257 15.7278H17.6292C17.8332 15.7278 18 15.3993 18 14.9978C18 14.6327 17.8332 14.3042 17.6292 14.3042L17.6291 14.3042Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/sort.svg b/packages/icons/src/20/sort.svg
new file mode 100644
index 00000000..13c91ccb
--- /dev/null
+++ b/packages/icons/src/20/sort.svg
@@ -0,0 +1,20 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M12.8501 14.4308L12.8501 3.5L14.1501 3.5L14.1501 14.4308L16.0405 12.5404L16.9597 13.4596L13.9597 16.4596L13.5001 16.9192L13.0405 16.4596L10.0405 13.4596L10.9597 12.5404L12.8501 14.4308Z"
+    fill="#09101C"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.1501 5.56929L9.04048 7.45967L9.95972 6.54043L6.95972 3.54043L6.5001 3.08081L6.04048 3.54043L3.04048 6.54043L3.95972 7.45967L5.8501 5.56929L5.8501 16.5L7.1501 16.5L7.1501 5.56929Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/speed.svg b/packages/icons/src/20/speed.svg
new file mode 100644
index 00000000..3e023ecd
--- /dev/null
+++ b/packages/icons/src/20/speed.svg
@@ -0,0 +1,23 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M6.5 13.5L5.05026 14.9497C4.07129 13.9708 3.4046 12.7235 3.13451 11.3656C2.86441 10.0078 3.00303 8.6003 3.53285 7.32122C4.06266 6.04213 4.95987 4.94888 6.11101 4.17971C7.26216 3.41054 8.61553 3 10 3C11.3845 3 12.7379 3.41054 13.889 4.17971C15.0401 4.94888 15.9373 6.04213 16.4672 7.32122C16.997 8.6003 17.1356 10.0078 16.8655 11.3656C16.5954 12.7235 15.9287 13.9708 14.9497 14.9497L13.5 13.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path d="M10 3V5" stroke="black" stroke-width="1.3" />
+  <path d="M3 10L5 10" stroke="black" stroke-width="1.3" />
+  <path d="M15 10L17 10" stroke="black" stroke-width="1.3" />
+  <path d="M5 5L6.41421 6.41421" stroke="black" stroke-width="1.3" />
+  <path d="M15.1211 5L13.7069 6.41421" stroke="black" stroke-width="1.3" />
+  <path
+    d="M10.2192 12H9.78078C9.13021 12 8.65285 11.3886 8.81063 10.7575L9.51493 7.94028C9.64117 7.43531 10.3588 7.43531 10.4851 7.94028L11.1894 10.7575C11.3472 11.3886 10.8698 12 10.2192 12Z"
+    stroke="black"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/status.svg b/packages/icons/src/20/status.svg
new file mode 100644
index 00000000..1d43e73e
--- /dev/null
+++ b/packages/icons/src/20/status.svg
@@ -0,0 +1,16 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M10.0786 9.73949C10.7799 9.81079 11.4813 9.8821 12.3435 9.8352C14.68 9.70799 16.0955 8.53586 15.995 6.78414C15.8928 5.00189 14.0097 3.90402 12.1255 4.00662C9.05528 4.17403 6.79745 6.80787 6.54281 9.81872C6.95976 9.72504 7.38465 9.66651 7.81251 9.64384C8.67526 9.59681 9.37691 9.66815 10.0786 9.73949Z"
+    fill="#09101C"
+  />
+  <path
+    d="M4.00481 13.3944C4.10277 15.0622 5.90657 16.09 7.71154 15.9938C10.653 15.8374 12.8159 13.3722 13.0594 10.5545C12.6597 10.6422 12.2527 10.697 11.843 10.7182C11.0168 10.7623 10.3447 10.6955 9.67252 10.6287C9.00068 10.562 8.3288 10.4952 7.50286 10.5391C5.26453 10.6582 3.90848 11.755 4.00481 13.3944Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/stickers.svg b/packages/icons/src/20/stickers.svg
new file mode 100644
index 00000000..e0d0f45c
--- /dev/null
+++ b/packages/icons/src/20/stickers.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.0001 2.85L9.89152 2.84999C8.60044 2.84988 7.8322 2.84981 7.18114 3.00611C5.11523 3.50209 3.5022 5.11512 3.00622 7.18103C2.84992 7.83209 2.84999 8.60033 2.8501 9.89141L2.85011 10V10.5909L2.85011 10.6567C2.85006 11.4386 2.85004 11.9036 2.90762 12.3041C3.26445 14.7859 5.21422 16.7357 7.69603 17.0925C8.09651 17.1501 8.56146 17.15 9.34342 17.15L9.4092 17.15L9.4774 17.15C10.4261 17.15 10.9753 17.1501 11.4465 17.0823C14.3676 16.6623 16.6624 14.3675 17.0824 11.4464C17.1502 10.9752 17.1502 10.426 17.1501 9.47729L17.1501 9.40909L17.1501 9.34331C17.1502 8.56135 17.1502 8.0964 17.0926 7.69592C16.7358 5.21411 14.786 3.26434 12.3042 2.90751C11.9037 2.84993 11.4388 2.84995 10.6568 2.85L10.591 2.85H10.0001ZM7.48462 4.27019C7.9664 4.15453 8.56804 4.15 10.0001 4.15H10.591C11.458 4.15 11.8228 4.15167 12.1192 4.19428C14.03 4.469 15.5311 5.97015 15.8058 7.88093C15.8475 8.17046 15.85 8.52531 15.8501 9.35C14.9981 9.35008 14.3203 9.35184 13.7672 9.38957C13.1763 9.42989 12.6806 9.51344 12.2206 9.70396C11.0813 10.1759 10.176 11.0811 9.70407 12.2205C9.51356 12.6805 9.43 13.1762 9.38968 13.7671C9.35195 14.3201 9.35019 14.998 9.35011 15.85C8.52542 15.8499 8.17057 15.8474 7.88104 15.8057C5.97026 15.531 4.46912 14.0298 4.19439 12.1191C4.15178 11.8227 4.15011 11.4579 4.15011 10.5909V10C4.15011 8.56793 4.15464 7.96629 4.2703 7.48451C4.65216 5.89394 5.89405 4.65205 7.48462 4.27019ZM10.6501 15.8409C10.9046 15.8334 11.0918 15.8199 11.2615 15.7955C13.6115 15.4577 15.4578 13.6114 15.7957 11.2614C15.82 11.0917 15.8335 10.9045 15.841 10.65C14.9827 10.6502 14.3559 10.6524 13.8557 10.6866C13.331 10.7224 12.9933 10.791 12.7181 10.905C11.8973 11.245 11.2451 11.8972 10.9051 12.718C10.7911 12.9932 10.7225 13.3309 10.6867 13.8556C10.6525 14.3558 10.6503 14.9825 10.6501 15.8409Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/stop.svg b/packages/icons/src/20/stop.svg
new file mode 100644
index 00000000..ba8d60de
--- /dev/null
+++ b/packages/icons/src/20/stop.svg
@@ -0,0 +1,9 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect x="3.5" y="3.5" width="13" height="13" rx="4" fill="#09101C" />
+</svg>
diff --git a/packages/icons/src/20/strikethrough.svg b/packages/icons/src/20/strikethrough.svg
new file mode 100644
index 00000000..a46c90e7
--- /dev/null
+++ b/packages/icons/src/20/strikethrough.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M6 7C6 4.92893 7.67893 3.25 9.75 3.25H10C12.2091 3.25 14 5.04086 14 7.25V7.5C14 7.91421 13.6642 8.25 13.25 8.25C12.8358 8.25 12.5 7.91421 12.5 7.5V7.25C12.5 5.86929 11.3807 4.75 10 4.75H9.75C8.50736 4.75 7.5 5.75736 7.5 7C7.5 8.24248 8.50709 9.24973 9.74951 9.25C9.74967 9.25 9.74984 9.25 9.75 9.25H10.25C10.2502 9.25 10.2504 9.25 10.2506 9.25L14.25 9.25C14.6642 9.25 15 9.58579 15 10C15 10.4142 14.6642 10.75 14.25 10.75H13.2503C13.721 11.3767 14 12.1558 14 13C14 15.0711 12.3211 16.75 10.25 16.75H10C7.79086 16.75 6 14.9591 6 12.75V12.5C6 12.0858 6.33579 11.75 6.75 11.75C7.16421 11.75 7.5 12.0858 7.5 12.5V12.75C7.5 14.1307 8.61929 15.25 10 15.25H10.25C11.4926 15.25 12.5 14.2426 12.5 13C12.5 11.7575 11.4929 10.7503 10.2505 10.75C10.2503 10.75 10.2502 10.75 10.25 10.75H9.75C9.74979 10.75 9.74958 10.75 9.74936 10.75L5.75 10.75C5.33579 10.75 5 10.4142 5 10C5 9.58579 5.33579 9.25 5.75 9.25H6.74973C6.27896 8.62325 6 7.8442 6 7Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/subscript.svg b/packages/icons/src/20/subscript.svg
new file mode 100644
index 00000000..26a707f9
--- /dev/null
+++ b/packages/icons/src/20/subscript.svg
@@ -0,0 +1,30 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M18.6641 16.768C18.7868 16.768 18.8801 16.8 18.9441 16.864C19.0081 16.9333 19.0401 17.024 19.0401 17.136V17.808H14.8881V17.432C14.8881 17.3573 14.9015 17.28 14.9281 17.2C14.9601 17.12 15.0108 17.0427 15.0801 16.968L16.8241 15.248C17.0908 14.992 17.3121 14.7227 17.4881 14.44C17.6695 14.1573 17.7601 13.88 17.7601 13.608C17.7601 13.352 17.6855 13.1547 17.5361 13.016C17.3921 12.8773 17.2081 12.808 16.9841 12.808C16.7548 12.808 16.5681 12.8693 16.4241 12.992C16.2855 13.1093 16.1815 13.272 16.1121 13.48C16.0535 13.5813 15.9868 13.6533 15.9121 13.696C15.8428 13.7333 15.7308 13.7387 15.5761 13.712L14.9521 13.608C14.9895 13.32 15.0668 13.0693 15.1841 12.856C15.3068 12.6373 15.4588 12.4587 15.6401 12.32C15.8215 12.176 16.0295 12.0693 16.2641 12C16.5041 11.9253 16.7628 11.888 17.0401 11.888C17.3281 11.888 17.5868 11.9307 17.8161 12.016C18.0455 12.096 18.2401 12.2107 18.4001 12.36C18.5601 12.504 18.6828 12.68 18.7681 12.888C18.8588 13.096 18.9041 13.3227 18.9041 13.568C18.9041 13.7813 18.8695 13.9813 18.8001 14.168C18.7361 14.3493 18.6481 14.5227 18.5361 14.688C18.4241 14.8533 18.2961 15.016 18.1521 15.176C18.0081 15.3307 17.8588 15.488 17.7041 15.648L16.4881 16.888C16.6161 16.8507 16.7441 16.8213 16.8721 16.8C17.0001 16.7787 17.1201 16.768 17.2321 16.768H18.6641Z"
+    fill="#09101C"
+  />
+  <path
+    d="M18.9441 16.864L19.0177 16.7961L19.0148 16.7933L18.9441 16.864ZM19.0401 17.808V17.908H19.1401V17.808H19.0401ZM14.8881 17.808H14.7881V17.908H14.8881V17.808ZM14.9281 17.2L14.8351 17.1628L14.8333 17.1684L14.9281 17.2ZM15.0801 16.968L15.0098 16.8967L15.0068 16.9L15.0801 16.968ZM16.8241 15.248L16.7549 15.1759L16.7539 15.1768L16.8241 15.248ZM17.4881 14.44L17.4039 14.386L17.4032 14.3871L17.4881 14.44ZM17.5361 13.016L17.4667 13.088L17.4681 13.0893L17.5361 13.016ZM16.4241 12.992L16.4887 13.0683L16.489 13.0681L16.4241 12.992ZM16.1121 13.48L16.1987 13.5301L16.2038 13.5213L16.207 13.5116L16.1121 13.48ZM15.9121 13.696L15.9596 13.7841L15.9617 13.7828L15.9121 13.696ZM15.5761 13.712L15.5931 13.6135L15.5926 13.6134L15.5761 13.712ZM14.9521 13.608L14.853 13.5951L14.8406 13.6908L14.9357 13.7066L14.9521 13.608ZM15.1841 12.856L15.0969 12.8071L15.0965 12.8078L15.1841 12.856ZM15.6401 12.32L15.7009 12.3994L15.7023 12.3983L15.6401 12.32ZM16.2641 12L16.2925 12.0959L16.2938 12.0955L16.2641 12ZM17.8161 12.016L17.7812 12.1097L17.7832 12.1104L17.8161 12.016ZM18.4001 12.36L18.3319 12.4331L18.3332 12.4343L18.4001 12.36ZM18.7681 12.888L18.6756 12.926L18.6765 12.928L18.7681 12.888ZM18.8001 14.168L18.7064 14.1332L18.7058 14.1347L18.8001 14.168ZM18.1521 15.176L18.2253 15.2442L18.2265 15.2429L18.1521 15.176ZM17.7041 15.648L17.7755 15.718L17.776 15.7175L17.7041 15.648ZM16.4881 16.888L16.4167 16.818L16.1489 17.0911L16.5161 16.984L16.4881 16.888ZM16.8721 16.8L16.8886 16.8986L16.8721 16.8ZM18.6641 16.868C18.7699 16.868 18.8341 16.8953 18.8734 16.9347L19.0148 16.7933C18.9262 16.7047 18.8036 16.668 18.6641 16.668V16.868ZM18.8706 16.9318C18.9145 16.9793 18.9401 17.0442 18.9401 17.136H19.1401C19.1401 17.0038 19.1018 16.8873 19.0176 16.7962L18.8706 16.9318ZM18.9401 17.136V17.808H19.1401V17.136H18.9401ZM19.0401 17.708H14.8881V17.908H19.0401V17.708ZM14.9881 17.808V17.432H14.7881V17.808H14.9881ZM14.9881 17.432C14.9881 17.3694 14.9993 17.3027 15.023 17.2316L14.8333 17.1684C14.8036 17.2573 14.7881 17.3453 14.7881 17.432H14.9881ZM15.021 17.2371C15.0477 17.1704 15.0909 17.1033 15.1534 17.036L15.0068 16.9C14.9306 16.982 14.8726 17.0696 14.8353 17.1629L15.021 17.2371ZM15.1503 17.0392L16.8943 15.3192L16.7539 15.1768L15.0099 16.8968L15.1503 17.0392ZM16.8934 15.3201C17.1654 15.059 17.3922 14.7833 17.573 14.4929L17.4032 14.3871C17.2321 14.662 17.0162 14.925 16.7549 15.1759L16.8934 15.3201ZM17.5723 14.494C17.7615 14.199 17.8601 13.9032 17.8601 13.608H17.6601C17.6601 13.8568 17.5774 14.1157 17.404 14.386L17.5723 14.494ZM17.8601 13.608C17.8601 13.3318 17.7789 13.1049 17.6042 12.9427L17.4681 13.0893C17.5921 13.2044 17.6601 13.3722 17.6601 13.608H17.8601ZM17.6055 12.944C17.4406 12.7851 17.2306 12.708 16.9841 12.708V12.908C17.1856 12.908 17.3437 12.9695 17.4668 13.088L17.6055 12.944ZM16.9841 12.708C16.7363 12.708 16.525 12.7747 16.3593 12.9159L16.489 13.0681C16.6112 12.964 16.7733 12.908 16.9841 12.908V12.708ZM16.3595 12.9157C16.2042 13.0471 16.0912 13.2266 16.0173 13.4484L16.207 13.5116C16.2717 13.3174 16.3667 13.1716 16.4887 13.0683L16.3595 12.9157ZM16.0256 13.4299C15.9727 13.5213 15.9173 13.5779 15.8625 13.6092L15.9617 13.7828C16.0563 13.7288 16.1342 13.6414 16.1987 13.5301L16.0256 13.4299ZM15.8647 13.608C15.8269 13.6283 15.7442 13.6395 15.5931 13.6135L15.5591 13.8105C15.7174 13.8378 15.8587 13.8383 15.9595 13.784L15.8647 13.608ZM15.5926 13.6134L14.9686 13.5094L14.9357 13.7066L15.5597 13.8106L15.5926 13.6134ZM15.0513 13.6209C15.0873 13.3429 15.1615 13.1047 15.2717 12.9042L15.0965 12.8078C14.9721 13.034 14.8916 13.2971 14.853 13.5951L15.0513 13.6209ZM15.2713 12.9049C15.388 12.6969 15.5314 12.5291 15.7009 12.3994L15.5794 12.2406C15.3862 12.3883 15.2256 12.5777 15.0969 12.8071L15.2713 12.9049ZM15.7023 12.3983C15.873 12.2627 16.0694 12.1618 16.2925 12.0959L16.2358 11.9041C15.9895 11.9769 15.7699 12.0893 15.5779 12.2417L15.7023 12.3983ZM16.2938 12.0955C16.5233 12.0241 16.7718 11.988 17.0401 11.988V11.788C16.7538 11.788 16.485 11.8266 16.2344 11.9045L16.2938 12.0955ZM17.0401 11.988C17.3183 11.988 17.5649 12.0292 17.7813 12.1097L17.851 11.9223C17.6087 11.8321 17.338 11.788 17.0401 11.788V11.988ZM17.7832 12.1104C18.0009 12.1863 18.1831 12.2942 18.3319 12.4331L18.4684 12.2869C18.2971 12.1271 18.0901 12.0057 17.8491 11.9216L17.7832 12.1104ZM18.3332 12.4343C18.4816 12.5678 18.5957 12.7312 18.6756 12.926L18.8606 12.85C18.7699 12.6288 18.6387 12.4402 18.467 12.2857L18.3332 12.4343ZM18.6765 12.928C18.7612 13.1224 18.8041 13.3353 18.8041 13.568H19.0041C19.0041 13.31 18.9564 13.0696 18.8598 12.848L18.6765 12.928ZM18.8041 13.568C18.8041 13.7703 18.7713 13.9584 18.7064 14.1332L18.8939 14.2028C18.9676 14.0042 19.0041 13.7924 19.0041 13.568H18.8041ZM18.7058 14.1347C18.6448 14.3077 18.5607 14.4734 18.4533 14.6319L18.6189 14.7441C18.7355 14.5719 18.8275 14.391 18.8944 14.2013L18.7058 14.1347ZM18.4533 14.6319C18.3441 14.7932 18.219 14.9522 18.0778 15.1091L18.2265 15.2429C18.3733 15.0798 18.5042 14.9135 18.6189 14.7441L18.4533 14.6319ZM18.0789 15.1079C17.9354 15.262 17.7865 15.4189 17.6322 15.5785L17.776 15.7175C17.9311 15.5571 18.0809 15.3993 18.2253 15.2441L18.0789 15.1079ZM17.6327 15.578L16.4167 16.818L16.5595 16.958L17.7755 15.718L17.6327 15.578ZM16.5161 16.984C16.6404 16.9477 16.7646 16.9193 16.8886 16.8986L16.8557 16.7014C16.7237 16.7234 16.5918 16.7536 16.4601 16.792L16.5161 16.984ZM16.8886 16.8986C17.012 16.8781 17.1264 16.868 17.2321 16.868V16.668C17.1138 16.668 16.9883 16.6793 16.8557 16.7014L16.8886 16.8986ZM17.2321 16.868H18.6641V16.668H17.2321V16.868Z"
+    fill="#09101C"
+  />
+  <path
+    d="M13 15.5L7 4.5"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M7 15.5L13 4.5"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/superscript.svg b/packages/icons/src/20/superscript.svg
new file mode 100644
index 00000000..9bb40e11
--- /dev/null
+++ b/packages/icons/src/20/superscript.svg
@@ -0,0 +1,28 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M16.8853 7.78546C16.9563 7.76878 17.0273 7.75452 17.0983 7.74268C17.2286 7.72096 17.3514 7.71 17.4666 7.71H18.8986C19.0304 7.71 19.1386 7.74742 19.2146 7.82935M16.8853 7.78546L19.1786 7.864M16.8853 7.78546L17.9743 6.67501L17.9745 6.67475C18.1294 6.51454 18.2789 6.35698 18.4232 6.20207L18.4232 6.20208L18.4237 6.20145C18.5691 6.03988 18.6986 5.87541 18.812 5.70804C18.9262 5.53942 19.0161 5.3624 19.0816 5.17703M16.8853 7.78546L18.3866 6.168C18.5306 6.008 18.6586 5.84533 18.7706 5.68C18.8826 5.51467 18.9706 5.34133 19.0346 5.16M19.2146 7.82935C19.2148 7.8296 19.2151 7.82984 19.2153 7.83009L19.1786 7.864M19.2146 7.82935C19.2144 7.82912 19.2142 7.82888 19.2139 7.82864L19.1786 7.864M19.2146 7.82935C19.2896 7.90478 19.3246 8.00646 19.3246 8.128V8.8V8.85H19.2746H15.1226H15.0726V8.8V8.424C15.0726 8.34331 15.087 8.26064 15.1151 8.17619L15.1161 8.1734L15.1161 8.17343C15.1508 8.08678 15.2051 8.00434 15.2779 7.92598L15.2794 7.92437L15.2794 7.9244L17.0234 6.2044L17.0239 6.20393L17.0239 6.20393C17.2879 5.9505 17.5065 5.68435 17.6801 5.40557L17.6805 5.405L17.6805 5.405C17.8579 5.1285 17.9446 4.8604 17.9446 4.6C17.9446 4.3541 17.8732 4.17154 17.7365 4.04464L17.7359 4.04402L17.7359 4.04402C17.6023 3.91543 17.4313 3.85 17.2186 3.85C16.9985 3.85 16.8241 3.90865 16.691 4.02206L16.6909 4.02217C16.5605 4.13246 16.461 4.2867 16.394 4.48781L16.3907 4.49758L16.3898 4.49705C16.3283 4.60337 16.256 4.68306 16.1714 4.73141L16.1703 4.73204L16.1703 4.73202C16.0852 4.77782 15.9586 4.78025 15.8022 4.7533L15.8023 4.75332L15.8106 4.704M19.1786 7.864C19.2426 7.928 19.2746 8.016 19.2746 8.128V8.75V8.8H19.2246H15.1726H15.1226V8.75V8.424C15.1226 8.34933 15.1359 8.272 15.1626 8.192C15.1946 8.112 15.2452 8.03467 15.3146 7.96L17.0586 6.24C17.3252 5.984 17.5466 5.71467 17.7226 5.432C17.9039 5.14933 17.9946 4.872 17.9946 4.6C17.9946 4.344 17.9199 4.14667 17.7706 4.008C17.6266 3.86933 17.4426 3.8 17.2186 3.8C16.9892 3.8 16.8026 3.86133 16.6586 3.984C16.5199 4.10133 16.4159 4.264 16.3466 4.472C16.2879 4.57333 16.2212 4.64533 16.1466 4.688C16.0772 4.72533 15.9652 4.73067 15.8106 4.704M15.8106 4.704L15.1866 4.6C15.2239 4.312 15.3012 4.06133 15.4186 3.848L15.8106 4.704ZM19.0346 5.16L19.0814 5.17741C19.0815 5.17728 19.0815 5.17716 19.0816 5.17703M19.0346 5.16C19.1039 4.97333 19.1386 4.77333 19.1386 4.56C19.1386 4.31467 19.0932 4.088 19.0026 3.88M19.0346 5.16L19.0817 5.17664C19.0817 5.17677 19.0816 5.1769 19.0816 5.17703M19.0816 5.17703C19.153 4.98451 19.1886 4.7787 19.1886 4.56C19.1886 4.30855 19.1421 4.07518 19.0486 3.86052C18.9606 3.64625 18.8339 3.46422 18.6683 3.31514C18.5029 3.16083 18.3023 3.04293 18.0675 2.96096C17.8318 2.87334 17.5673 2.83 17.2746 2.83C16.9928 2.83 16.7292 2.86791 16.484 2.94415C16.2439 3.01515 16.0303 3.12456 15.8438 3.27256C15.6567 3.41571 15.5005 3.59967 15.375 3.82354L15.3749 3.82354L15.3747 3.8239C15.2539 4.04366 15.175 4.30054 15.137 4.59357L15.1308 4.64139L15.1783 4.64932L15.8021 4.75327L19.0026 3.88M19.0026 3.88C18.9172 3.672 18.7946 3.496 18.6346 3.352L19.0026 3.88Z"
+    fill="#09101C"
+    stroke="#09101C"
+    stroke-width="0.1"
+  />
+  <path
+    d="M13 15.5L7 4.5"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M7 15.5L13 4.5"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/swap.svg b/packages/icons/src/20/swap.svg
new file mode 100644
index 00000000..150ae175
--- /dev/null
+++ b/packages/icons/src/20/swap.svg
@@ -0,0 +1,21 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M14.4308 7.15L3.5 7.15V5.85L14.4308 5.85L12.5404 3.95962L13.4596 3.04038L16.4596 6.04038L16.9192 6.5L16.4596 6.95962L13.4596 9.95962L12.5404 9.04038L14.4308 7.15Z"
+    fill="#09101C"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M5.56924 12.85L7.45962 10.9596L6.54038 10.0404L3.54038 13.0404L3.08076 13.5L3.54038 13.9596L6.54038 16.9596L7.45962 16.0404L5.56924 14.15L16.5 14.15V12.85L5.56924 12.85Z"
+    fill="#1B273D"
+    fill-opacity="0.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/syncing.svg b/packages/icons/src/20/syncing.svg
new file mode 100644
index 00000000..50574dab
--- /dev/null
+++ b/packages/icons/src/20/syncing.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.0001 3.35C9.45511 3.35 8.91546 3.45734 8.41196 3.6659C7.90846 3.87446 7.45097 4.18014 7.0656 4.56551C6.68024 4.95087 6.37455 5.40836 6.166 5.91186C6.04384 6.20678 5.9564 6.5141 5.90493 6.82763C5.53673 6.83878 5.03981 6.89382 4.53148 7.07537C4.0038 7.26382 3.44633 7.59552 3.02369 8.16911C2.59874 8.74582 2.3501 9.51288 2.3501 10.5C2.3501 10.859 2.64111 11.15 3.0001 11.15C3.35908 11.15 3.6501 10.859 3.6501 10.5C3.6501 9.73712 3.83895 9.25418 4.07026 8.94027C4.30386 8.62323 4.6214 8.42368 4.96872 8.29963C5.32012 8.17413 5.68362 8.13317 5.96869 8.12638C6.10906 8.12304 6.22491 8.12809 6.3034 8.1337C6.3425 8.13649 6.37193 8.13939 6.39002 8.14138L6.40834 8.14352C6.40977 8.1437 6.41054 8.1438 6.41064 8.14381L6.41002 8.14373L6.40934 8.14363C6.5955 8.16988 6.78393 8.11425 6.92598 7.99105C7.06833 7.86759 7.1501 7.68843 7.1501 7.5C7.1501 7.12573 7.22381 6.75513 7.36704 6.40935C7.51027 6.06357 7.7202 5.74939 7.98484 5.48475C8.24949 5.2201 8.56367 5.01017 8.90945 4.86694C9.25523 4.72372 9.62583 4.65 10.0001 4.65C10.3744 4.65 10.745 4.72372 11.0907 4.86694C11.4365 5.01017 11.7507 5.2201 12.0154 5.48475C12.28 5.74939 12.4899 6.06357 12.6332 6.40935C12.7764 6.75513 12.8501 7.12573 12.8501 7.5C12.8501 7.68843 12.9319 7.86759 13.0742 7.99105C13.216 8.114 13.4039 8.16966 13.5897 8.14379C13.5903 8.14371 13.5909 8.14363 13.5914 8.14355L13.5909 8.14362L13.5919 8.14352L13.6102 8.14138C13.6283 8.13939 13.6577 8.13649 13.6968 8.1337C13.7753 8.12809 13.8911 8.12304 14.0315 8.12638C14.3166 8.13317 14.6801 8.17413 15.0315 8.29963C15.3788 8.42368 15.6963 8.62323 15.9299 8.94027C16.1612 9.25418 16.3501 9.73712 16.3501 10.5C16.3501 11.2613 16.1616 11.789 15.9124 12.1629C15.6604 12.5408 15.3198 12.8009 14.9594 12.9811C14.5965 13.1626 14.2257 13.2566 13.9401 13.3042C13.7989 13.3277 13.6826 13.3392 13.6042 13.3448C13.5651 13.3476 13.5357 13.3489 13.5177 13.3495L13.4997 13.35L13.4981 13.35H7.56933L9.45972 11.4596L8.54048 10.5404L5.54048 13.5404L5.08086 14L5.54048 14.4596L8.54048 17.4596L9.45972 16.5404L7.56933 14.65H13.5001V14C13.5001 14.65 13.5004 14.65 13.5008 14.65H13.5015L13.5033 14.65L13.5078 14.65L13.5206 14.6498C13.5308 14.6496 13.5444 14.6493 13.5611 14.6488C13.5944 14.6477 13.6402 14.6456 13.6968 14.6415C13.8098 14.6334 13.9669 14.6176 14.1538 14.5865C14.5245 14.5247 15.0287 14.3999 15.5408 14.1439C16.0554 13.8866 16.5898 13.4904 16.9941 12.884C17.401 12.2735 17.6501 11.4887 17.6501 10.5C17.6501 9.51288 17.4015 8.74582 16.9765 8.16911C16.5539 7.59552 15.9964 7.26382 15.4687 7.07537C14.9604 6.89382 14.4635 6.83878 14.0953 6.82764C14.0438 6.5141 13.9564 6.20678 13.8342 5.91186C13.6256 5.40836 13.32 4.95087 12.9346 4.56551C12.5492 4.18014 12.0917 3.87446 11.5882 3.6659C11.0847 3.45734 10.5451 3.35 10.0001 3.35ZM6.40834 8.14352L6.40817 8.14347L6.5001 7.5C6.40817 8.14347 6.40847 8.14351 6.40875 8.14355L6.40834 8.14352Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/toggle.svg b/packages/icons/src/20/toggle.svg
new file mode 100644
index 00000000..60456fe6
--- /dev/null
+++ b/packages/icons/src/20/toggle.svg
@@ -0,0 +1,22 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect
+    x="1.99951"
+    y="5"
+    width="16"
+    height="10"
+    rx="5"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path
+    d="M8 10C8 7.23858 10.2386 5 13 5V5C15.7614 5 18 7.23858 18 10V10C18 12.7614 15.7614 15 13 15V15C10.2386 15 8 12.7614 8 10V10Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/token.svg b/packages/icons/src/20/token.svg
new file mode 100644
index 00000000..cfd80a0f
--- /dev/null
+++ b/packages/icons/src/20/token.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.26451 4.48331C8.2807 4.61049 7.34312 4.99518 6.54937 5.60425C5.56263 6.3614 4.8533 7.42299 4.53139 8.62437C4.20948 9.82575 4.29298 11.0998 4.76895 12.2489C5.15181 13.1732 5.7714 13.9751 6.55976 14.5771L6.10033 16.2917L7.35603 16.6282L7.72208 15.262C8.24541 15.4913 8.79924 15.6392 9.36432 15.7021L8.99828 17.0682L10.254 17.4046L10.7134 15.69C10.7177 15.6895 10.722 15.6889 10.7263 15.6884C11.9595 15.526 13.1046 14.9613 13.984 14.0818L13.0648 13.1626C12.3877 13.8397 11.5061 14.2745 10.5567 14.3995C9.60727 14.5245 8.64316 14.3327 7.81387 13.8539C6.98458 13.3751 6.33644 12.6361 5.96999 11.7514C5.60354 10.8667 5.53925 9.88579 5.78709 8.96083C6.03493 8.03588 6.58105 7.21855 7.34076 6.63561C8.10046 6.05267 9.03128 5.7367 9.98887 5.7367C10.9465 5.7367 11.8773 6.05267 12.637 6.63561C13.3967 7.21855 13.9428 8.03588 14.1906 8.96083L15.4464 8.62437C15.1244 7.42299 14.4151 6.3614 13.4284 5.60425C13.4248 5.60152 13.4213 5.5988 13.4177 5.59609L13.8771 3.88167L12.6214 3.54521L12.2554 4.91122C11.7347 4.68321 11.1812 4.53448 10.6136 4.47133L10.9796 3.10522L9.72392 2.76875L9.26451 4.48331Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/unblock.svg b/packages/icons/src/20/unblock.svg
new file mode 100644
index 00000000..ba66413f
--- /dev/null
+++ b/packages/icons/src/20/unblock.svg
@@ -0,0 +1,10 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="6.75" stroke="#09101C" stroke-width="1.3" />
+  <path d="M7 10H13" stroke="black" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/underline.svg b/packages/icons/src/20/underline.svg
new file mode 100644
index 00000000..481e2cb4
--- /dev/null
+++ b/packages/icons/src/20/underline.svg
@@ -0,0 +1,22 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M13.5 4.5L13.5 9C13.5 10.933 11.933 12.5 10 12.5V12.5C8.067 12.5 6.5 10.933 6.5 9L6.5 4.5"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M13 15.5L7 15.5"
+    stroke="#09101C"
+    stroke-width="1.5"
+    stroke-linecap="square"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/unlocked.svg b/packages/icons/src/20/unlocked.svg
new file mode 100644
index 00000000..ee8e9823
--- /dev/null
+++ b/packages/icons/src/20/unlocked.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.0943 1.35C12.0581 1.35 13.65 2.94194 13.65 4.90569V6.44161C14.0152 6.49713 14.3461 6.58938 14.6571 6.74783C15.3439 7.09776 15.9022 7.65614 16.2522 8.34293C16.4701 8.77071 16.5628 9.23622 16.607 9.77668C16.65 10.3035 16.65 10.9556 16.65 11.7717V11.7718V11.7718V11.8V12.2V12.2282V12.2282V12.2283C16.65 13.0444 16.65 13.6965 16.607 14.2233C16.5628 14.7638 16.4701 15.2293 16.2522 15.6571C15.9022 16.3439 15.3439 16.9022 14.6571 17.2522C14.2293 17.4701 13.7638 17.5628 13.2233 17.607C12.6965 17.65 12.0444 17.65 11.2282 17.65H11.2H8.8H8.77177C7.95563 17.65 7.30348 17.65 6.77668 17.607C6.23622 17.5628 5.77071 17.4701 5.34293 17.2522C4.65614 16.9022 4.09776 16.3439 3.74783 15.6571C3.52987 15.2293 3.43719 14.7638 3.39303 14.2233C3.34999 13.6965 3.34999 13.0444 3.35 12.2282L3.35 12.2V11.8L3.35 11.7718C3.34999 10.9556 3.34999 10.3035 3.39303 9.77668C3.43719 9.23622 3.52987 8.77071 3.74783 8.34293C4.09776 7.65614 4.65614 7.09776 5.34293 6.74783C5.77071 6.52987 6.23622 6.43719 6.77668 6.39303C7.30348 6.34999 7.95563 6.34999 8.77177 6.35H8.8H11.2H11.2282C11.6428 6.35 12.015 6.34999 12.35 6.35563V4.90569C12.35 3.65991 11.3401 2.65 10.0943 2.65C9.12339 2.65 8.2614 3.27129 7.95437 4.19238L7.61664 5.20555L6.38336 4.79445L6.72108 3.78129C7.20506 2.32935 8.56383 1.35 10.0943 1.35ZM6.88254 7.68871C6.42248 7.7263 6.14709 7.79711 5.93312 7.90613C5.49094 8.13144 5.13144 8.49094 4.90613 8.93312C4.79711 9.14709 4.7263 9.42248 4.68871 9.88254C4.65051 10.3502 4.65 10.9492 4.65 11.8V12.2C4.65 13.0508 4.65051 13.6498 4.68871 14.1175C4.7263 14.5775 4.79711 14.8529 4.90613 15.0669C5.13144 15.5091 5.49094 15.8686 5.93312 16.0939C6.14709 16.2029 6.42248 16.2737 6.88254 16.3113C7.35018 16.3495 7.9492 16.35 8.8 16.35H11.2C12.0508 16.35 12.6498 16.3495 13.1175 16.3113C13.5775 16.2737 13.8529 16.2029 14.0669 16.0939C14.5091 15.8686 14.8686 15.5091 15.0939 15.0669C15.2029 14.8529 15.2737 14.5775 15.3113 14.1175C15.3495 13.6498 15.35 13.0508 15.35 12.2V11.8C15.35 10.9492 15.3495 10.3502 15.3113 9.88254C15.2737 9.42248 15.2029 9.14709 15.0939 8.93312C14.8686 8.49094 14.5091 8.13144 14.0669 7.90613C13.8529 7.79711 13.5775 7.7263 13.1175 7.68871C12.6498 7.65051 12.0508 7.65 11.2 7.65H8.8C7.9492 7.65 7.35018 7.65051 6.88254 7.68871ZM9.35 13.5V10.5H10.65V13.5H9.35Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/untrustworthy.svg b/packages/icons/src/20/untrustworthy.svg
new file mode 100644
index 00000000..4ea0e78b
--- /dev/null
+++ b/packages/icons/src/20/untrustworthy.svg
@@ -0,0 +1,18 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle
+    cx="10"
+    cy="10"
+    r="6.75"
+    fill="#E65F5C"
+    stroke="#E65F5C"
+    stroke-width="1.3"
+  />
+  <path d="M10 12L10 6" stroke="white" stroke-width="1.3" />
+  <path d="M10 14L10 13" stroke="white" stroke-width="1.3" />
+</svg>
diff --git a/packages/icons/src/20/up-to-date.svg b/packages/icons/src/20/up-to-date.svg
new file mode 100644
index 00000000..bde48859
--- /dev/null
+++ b/packages/icons/src/20/up-to-date.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10.25" cy="10.25" r="6.75" stroke="#09101C" stroke-width="1.3" />
+  <path
+    d="M6.83334 10.5L9 12.5L13.3333 7.5"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/verified.svg b/packages/icons/src/20/verified.svg
new file mode 100644
index 00000000..c86d7a0d
--- /dev/null
+++ b/packages/icons/src/20/verified.svg
@@ -0,0 +1,21 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle
+    cx="10.25"
+    cy="10.25"
+    r="6.75"
+    fill="#26A69A"
+    stroke="#26A69A"
+    stroke-width="1.3"
+  />
+  <path
+    d="M6.83334 10.5L9 12.5L13.3333 7.5"
+    stroke="white"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/20/video.svg b/packages/icons/src/20/video.svg
new file mode 100644
index 00000000..68317ffd
--- /dev/null
+++ b/packages/icons/src/20/video.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.8001 3.35H7.77186H7.77186C6.95572 3.34999 6.30358 3.34999 5.77677 3.39303C5.23632 3.43719 4.7708 3.52987 4.34303 3.74783C3.65624 4.09776 3.09786 4.65614 2.74792 5.34294C2.52996 5.77071 2.43729 6.23622 2.39313 6.77668C2.35009 7.30348 2.35009 7.95562 2.3501 8.77176V8.77177V8.8V11.2V11.2282V11.2282C2.35009 12.0444 2.35009 12.6965 2.39313 13.2233C2.43729 13.7638 2.52996 14.2293 2.74792 14.6571C3.09786 15.3439 3.65624 15.9022 4.34303 16.2522C4.7708 16.4701 5.23632 16.5628 5.77677 16.607C6.30358 16.65 6.95572 16.65 7.77186 16.65H7.77187H7.8001H9.2001H9.22833H9.22834C10.0445 16.65 10.6966 16.65 11.2234 16.607C11.7639 16.5628 12.2294 16.4701 12.6572 16.2522C13.344 15.9022 13.9023 15.3439 14.2523 14.6571C14.4702 14.2293 14.5629 13.7638 14.6071 13.2233C14.6082 13.209 14.6094 13.1947 14.6105 13.1802C14.6604 13.2323 14.7086 13.2814 14.7554 13.3273C15.0234 13.5905 15.3615 13.8763 15.7825 13.9323C16.3238 14.0044 16.8656 13.8039 17.2298 13.3969C17.5129 13.0804 17.5836 12.6434 17.6159 12.2692C17.6501 11.8715 17.6501 11.3476 17.6501 10.7069V10.6748V8.86274V8.83067C17.6501 8.25214 17.6501 7.77405 17.6176 7.40722C17.5864 7.05501 17.5171 6.64982 17.2548 6.34262C16.9117 5.941 16.3972 5.72786 15.8706 5.7693C15.4679 5.801 15.1324 6.03853 14.8613 6.26551C14.7734 6.33912 14.6801 6.42257 14.5809 6.51496C14.5289 6.08355 14.4342 5.70009 14.2523 5.34294C13.9023 4.65614 13.344 4.09776 12.6572 3.74783C12.2294 3.52987 11.7639 3.43719 11.2234 3.39303C10.6966 3.34999 10.0445 3.34999 9.22834 3.35H9.22833H9.2001H7.8001ZM14.6497 8.26966C14.6501 8.42976 14.6501 8.597 14.6501 8.77176V8.77177V8.8V11.2V11.2282V11.2282C14.6501 11.2387 14.6501 11.2491 14.6501 11.2595L14.6788 11.293C15.1218 11.8098 15.4263 12.1642 15.6662 12.3997C15.8539 12.5841 15.9422 12.6324 15.9614 12.6429C15.9634 12.6439 15.9646 12.6446 15.9652 12.645C16.0725 12.6558 16.1788 12.6164 16.2533 12.5384C16.2534 12.5378 16.2539 12.5365 16.2547 12.5344C16.2625 12.5139 16.2981 12.4197 16.3207 12.1576C16.3495 11.8227 16.3501 11.3555 16.3501 10.6748V8.86274C16.3501 8.24407 16.3495 7.82432 16.3227 7.52197C16.3013 7.28033 16.2677 7.19789 16.2615 7.1827C16.2611 7.18167 16.2608 7.18094 16.2606 7.1805C16.1898 7.10156 16.087 7.05898 15.9811 7.06473C15.9807 7.06493 15.98 7.06523 15.979 7.06567C15.9638 7.07203 15.8818 7.10658 15.6958 7.2623C15.4631 7.45715 15.1658 7.75352 14.7283 8.19099L14.6497 8.26966ZM4.93322 4.90614C5.14718 4.79712 5.42257 4.7263 5.88263 4.68871C6.35028 4.65051 6.94929 4.65 7.8001 4.65H9.2001C10.0509 4.65 10.6499 4.65051 11.1176 4.68871C11.5776 4.7263 11.853 4.79712 12.067 4.90614C12.5092 5.13144 12.8687 5.49094 13.094 5.93312C13.203 6.14709 13.2738 6.42248 13.3114 6.88254C13.3496 7.35018 13.3501 7.9492 13.3501 8.8V11.2C13.3501 12.0508 13.3496 12.6498 13.3114 13.1175C13.2738 13.5775 13.203 13.8529 13.094 14.0669C12.8687 14.5091 12.5092 14.8686 12.067 15.0939C11.853 15.2029 11.5776 15.2737 11.1176 15.3113C10.6499 15.3495 10.0509 15.35 9.2001 15.35H7.8001C6.94929 15.35 6.35028 15.3495 5.88263 15.3113C5.42257 15.2737 5.14718 15.2029 4.93322 15.0939C4.49104 14.8686 4.13153 14.5091 3.90623 14.0669C3.79721 13.8529 3.7264 13.5775 3.68881 13.1175C3.6506 12.6498 3.6501 12.0508 3.6501 11.2V8.8C3.6501 7.9492 3.6506 7.35019 3.68881 6.88254C3.7264 6.42248 3.79721 6.14709 3.90623 5.93312C4.13153 5.49094 4.49104 5.13144 4.93322 4.90614Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/wallet.svg b/packages/icons/src/20/wallet.svg
new file mode 100644
index 00000000..25bee0b5
--- /dev/null
+++ b/packages/icons/src/20/wallet.svg
@@ -0,0 +1,14 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.97598 3.35H8.99998H11H11.024H11.024C11.9355 3.35 12.6528 3.35 13.2328 3.38957C13.8238 3.42989 14.3195 3.51345 14.7795 3.70396C15.9188 4.17591 16.8241 5.08114 17.296 6.22052C17.4865 6.68047 17.5701 7.17621 17.6104 7.76713C17.65 8.34713 17.65 9.06442 17.65 9.97597V9.97601V10V10.024V10.024C17.65 10.9356 17.65 11.6529 17.6104 12.2329C17.5701 12.8238 17.4865 13.3195 17.296 13.7795C16.8241 14.9189 15.9188 15.8241 14.7795 16.296C14.3195 16.4866 13.8238 16.5701 13.2328 16.6104C12.6528 16.65 11.9356 16.65 11.024 16.65H11.024H11H8.99998H8.97599H8.97595C8.06439 16.65 7.3471 16.65 6.76711 16.6104C6.17618 16.5701 5.68044 16.4866 5.2205 16.296C4.08112 15.8241 3.17588 14.9189 2.70394 13.7795C2.51342 13.3195 2.42986 12.8238 2.38954 12.2329C2.34997 11.6529 2.34997 10.9356 2.34998 10.024V10.024V10V9.97601V9.97599C2.34997 9.06443 2.34997 8.34713 2.38954 7.76713C2.42986 7.17621 2.51342 6.68047 2.70394 6.22052C3.17588 5.08114 4.08112 4.17591 5.2205 3.70396C5.68044 3.51345 6.17618 3.42989 6.76711 3.38957C7.34711 3.35 8.0644 3.35 8.97597 3.35H8.97598ZM6.8556 4.68655C6.33087 4.72236 5.99313 4.79104 5.71799 4.905C4.89714 5.24501 4.24498 5.89717 3.90498 6.71801C3.79101 6.99315 3.72233 7.33089 3.68653 7.85562C3.65033 8.38619 3.64998 9.05922 3.64998 10C3.64998 10.9408 3.65033 11.6138 3.68653 12.1444C3.72233 12.6691 3.79101 13.0069 3.90498 13.282C4.24498 14.1028 4.89714 14.755 5.71799 15.095C5.99313 15.209 6.33087 15.2776 6.8556 15.3134C7.38617 15.3496 8.0592 15.35 8.99998 15.35H11C11.9408 15.35 12.6138 15.3496 13.1444 15.3134C13.6691 15.2776 14.0068 15.209 14.282 15.095C15.1028 14.755 15.755 14.1028 16.095 13.282C16.1125 13.2396 16.129 13.1958 16.1444 13.15H14.5L14.4322 13.15C14.0336 13.1502 13.7404 13.1503 13.483 13.0991C12.4318 12.89 11.61 12.0682 11.4009 11.017C11.3497 10.7596 11.3498 10.4664 11.35 10.0678L11.35 10L11.35 9.9322C11.3498 9.53363 11.3497 9.24044 11.4009 8.98301C11.61 7.93178 12.4318 7.11002 13.483 6.90092C13.7404 6.84971 14.0336 6.84983 14.4322 6.84998L14.5 6.85H16.1444C16.129 6.80422 16.1125 6.76037 16.095 6.71801C15.755 5.89717 15.1028 5.24501 14.282 4.905C14.0068 4.79104 13.6691 4.72236 13.1444 4.68655C12.6138 4.65035 11.9408 4.65 11 4.65H8.99998C8.0592 4.65 7.38617 4.65035 6.8556 4.68655ZM16.35 10C16.35 10.775 16.3497 11.3683 16.3294 11.85H14.5C14.0042 11.85 13.8512 11.8469 13.7366 11.8241C13.2011 11.7175 12.7824 11.2989 12.6759 10.7634C12.6531 10.6488 12.65 10.4958 12.65 10C12.65 9.50419 12.6531 9.35121 12.6759 9.23663C12.7824 8.7011 13.2011 8.28246 13.7366 8.17594C13.8512 8.15315 14.0042 8.15 14.5 8.15H16.3294C16.3497 8.63165 16.35 9.22497 16.35 10ZM5.99998 7.65H8.99998V6.35H5.99998V7.65Z"
+    fill="#09101C"
+  />
+</svg>
diff --git a/packages/icons/src/20/warning.svg b/packages/icons/src/20/warning.svg
new file mode 100644
index 00000000..2c15c00b
--- /dev/null
+++ b/packages/icons/src/20/warning.svg
@@ -0,0 +1,23 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8.77541 3.75724C9.22736 3.57004 9.45333 3.47644 9.68713 3.43941C9.89442 3.40658 10.1056 3.40658 10.3129 3.43941C10.5467 3.47644 10.7726 3.57004 11.2246 3.75724L13.5484 4.71979C14.0003 4.90699 14.2263 5.00059 14.4178 5.13973C14.5876 5.26309 14.7369 5.4124 14.8603 5.58219C14.9994 5.7737 15.093 5.99967 15.2802 6.45162L16.2428 8.77541C16.43 9.22736 16.5236 9.45333 16.5606 9.68713C16.5934 9.89442 16.5934 10.1056 16.5606 10.3129C16.5236 10.5467 16.43 10.7726 16.2428 11.2246L15.2802 13.5484C15.093 14.0003 14.9994 14.2263 14.8603 14.4178C14.7369 14.5876 14.5876 14.7369 14.4178 14.8603C14.2263 14.9994 14.0003 15.093 13.5484 15.2802L11.2246 16.2428C10.7726 16.43 10.5467 16.5236 10.3129 16.5606C10.1056 16.5934 9.89442 16.5934 9.68713 16.5606C9.45333 16.5236 9.22736 16.43 8.77541 16.2428L6.45162 15.2802C5.99967 15.093 5.7737 14.9994 5.58219 14.8603C5.4124 14.7369 5.26309 14.5876 5.13973 14.4178C5.00059 14.2263 4.90699 14.0003 4.71979 13.5484L3.75724 11.2246C3.57004 10.7726 3.47644 10.5467 3.43941 10.3129C3.40658 10.1056 3.40658 9.89442 3.43941 9.68713C3.47644 9.45333 3.57004 9.22736 3.75724 8.77541L4.71979 6.45162C4.90699 5.99967 5.00059 5.7737 5.13973 5.58219C5.26309 5.4124 5.4124 5.26309 5.58219 5.13973C5.7737 5.00059 5.99967 4.90699 6.45162 4.71979L8.77541 3.75724Z"
+    stroke="#09101C"
+    stroke-width="1.3"
+  />
+  <path d="M10 7V11" stroke="#09101C" stroke-width="1.3" />
+  <circle
+    cx="10"
+    cy="12.5"
+    r="0.5"
+    fill="#09101C"
+    stroke="#09101C"
+    stroke-width="0.3"
+    stroke-linejoin="round"
+  />
+</svg>
diff --git a/packages/icons/src/20/world.svg b/packages/icons/src/20/world.svg
new file mode 100644
index 00000000..a109402f
--- /dev/null
+++ b/packages/icons/src/20/world.svg
@@ -0,0 +1,24 @@
+<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="10" cy="10" r="7" stroke="#09101C" stroke-width="1.3" />
+  <path
+    d="M3 11L5.10712 9.127C6.35781 8.01528 6.30668 6.04534 5 5V5"
+    stroke="black"
+    stroke-width="1.3"
+  />
+  <path
+    d="M4.5 14C5.16667 13.5 6.7 12.6 7.5 13C8.5 13.5 9 14 9 14.5C9 15 7.5 16 6.5 16"
+    stroke="black"
+    stroke-width="1.3"
+  />
+  <path
+    d="M12.5 3.5C11 4.33333 8.19984 5.6 8.99984 6C9.99984 6.5 12.5 6.5 12.5 7.5C12.5 8.5 10.4999 8 9.5 8.5C8.86746 8.8163 7.49969 9.5 8.99984 10C10.5 10.5 11 11 11 12C11 12.2857 11.1063 12.7075 11.2505 13.1469C11.5075 13.9298 12.3321 13.8751 12.5366 13.0769C12.7871 12.0992 13.1562 11.0624 13.9998 10.5C15.6639 9.3906 13.4998 7.5 15.9998 6.5"
+    stroke="black"
+    stroke-width="1.3"
+  />
+</svg>
diff --git a/packages/icons/src/index.tsx b/packages/icons/src/index.tsx
deleted file mode 100644
index dde15530..00000000
--- a/packages/icons/src/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-export { AudioIcon } from './audio-icon'
-export { ChevronIcon } from './chevron-icon'
-export { FormatIcon } from './format-icon'
-export { GroupIcon } from './group-icon'
-export { ImageIcon } from './image-icon'
-export { LockedIcon } from './lock-icon'
-export { MembersIcon } from './members-icon'
-export { MutedIcon } from './muted-icon'
-export { OptionsIcon } from './options-icon'
-export { ReactionIcon } from './reaction-icon'
-export type { IconProps } from './types'
diff --git a/packages/icons/src/lock-icon.tsx b/packages/icons/src/lock-icon.tsx
deleted file mode 100644
index f5fc242d..00000000
--- a/packages/icons/src/lock-icon.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { memo } from 'react'
-
-import { Path, Svg } from 'react-native-svg'
-
-import { themed } from './themed'
-
-import type { IconProps } from './types'
-
-function Icon(props: IconProps) {
-  const { color = 'currentColor', size = 20, ...rest } = props
-
-  // FIXME: not need to differentiate sizes in the designs
-  return (
-    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none" {...rest}>
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M8 .9h-.012c-.081 0-.137 0-.186.002a3 3 0 00-2.9 2.9c-.002.05-.002.105-.002.186v1.175a3.6 3.6 0 00-2.127 2.405c-.123.46-.123.998-.123 1.832v.2c0 .834 0 1.373.123 1.832a3.6 3.6 0 002.545 2.545c.46.123.998.123 1.832.123H8.85c.834 0 1.373 0 1.832-.123a3.6 3.6 0 002.545-2.545c.123-.46.123-.998.123-1.832v-.2c0-.834 0-1.373-.123-1.832A3.6 3.6 0 0011.1 5.163V3.988c0-.081 0-.137-.002-.186A3 3 0 008.012.9H8zm.75 5.2h-1.5c-.969 0-1.335.005-1.621.082a2.4 2.4 0 00-1.697 1.697c-.077.286-.082.652-.082 1.621s.005 1.335.082 1.621a2.4 2.4 0 001.697 1.697c.286.077.652.082 1.621.082h1.5c.969 0 1.335-.005 1.621-.082a2.4 2.4 0 001.697-1.697c.077-.286.082-.652.082-1.621s-.005-1.335-.082-1.621a2.4 2.4 0 00-1.697-1.697C10.085 6.105 9.72 6.1 8.75 6.1zm.288-1.2H9.9V4v-.159a1.8 1.8 0 00-1.741-1.74 5.726 5.726 0 00-.318 0 1.8 1.8 0 00-1.74 1.74V4.9H9.037zM7.4 8.25h1.2v2.5H7.4v-2.5z"
-        fill={color}
-      />
-    </Svg>
-  )
-}
-
-export const LockedIcon = memo<IconProps>(themed(Icon))
diff --git a/packages/icons/src/members-icon.tsx b/packages/icons/src/members-icon.tsx
deleted file mode 100644
index 0042f5e9..00000000
--- a/packages/icons/src/members-icon.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { memo } from 'react'
-
-import { Path, Svg } from 'react-native-svg'
-
-import { themed } from './themed'
-
-import type { IconProps } from './types'
-
-function Icon(props: IconProps) {
-  const { color = 'currentColor', size = 20, ...rest } = props
-
-  return (
-    <Svg width={size} height={size} viewBox="0 0 20 20" fill="none" {...rest}>
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M6.15 6a1.85 1.85 0 113.7 0 1.85 1.85 0 01-3.7 0zM8 2.85a3.15 3.15 0 100 6.3 3.15 3.15 0 000-6.3zm-1.25 7.5a4.4 4.4 0 00-4.4 4.4c0 1.049.85 1.9 1.9 1.9h7.5a1.9 1.9 0 001.9-1.9 4.4 4.4 0 00-4.4-4.4h-2.5zm-3.1 4.4a3.1 3.1 0 013.1-3.1h2.5a3.1 3.1 0 013.1 3.1.6.6 0 01-.6.6h-7.5a.6.6 0 01-.6-.6z"
-        fill={color}
-      />
-      <Path
-        d="M13.5 11h.25a3.75 3.75 0 013.75 3.75v0c0 .69-.56 1.25-1.25 1.25H14.5M11.809 8c1.153 0 2.087-.895 2.087-2s-.934-2-2.087-2"
-        stroke={color}
-        strokeWidth={1.3}
-        strokeLinejoin="round"
-      />
-    </Svg>
-  )
-}
-
-export const MembersIcon = memo<IconProps>(themed(Icon))
diff --git a/packages/icons/src/options-icon.tsx b/packages/icons/src/options-icon.tsx
deleted file mode 100644
index 7e9f06d9..00000000
--- a/packages/icons/src/options-icon.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { memo } from 'react'
-
-import { Circle, Svg } from 'react-native-svg'
-
-import { themed } from './themed'
-
-import type { IconProps } from './types'
-
-function Icon(props: IconProps) {
-  const { color = 'currentColor', size = 20, ...rest } = props
-
-  return (
-    <Svg width={size} height={size} viewBox="0 0 20 20" fill="none" {...rest}>
-      <Circle cx={4.5} cy={10} r={1.5} fill={color} />
-      <Circle cx={10} cy={10} r={1.5} fill={color} />
-      <Circle cx={15.5} cy={10} r={1.5} fill={color} />
-    </Svg>
-  )
-}
-
-export const OptionsIcon = memo<IconProps>(themed(Icon))
diff --git a/packages/icons/src/reactions/angry.svg b/packages/icons/src/reactions/angry.svg
new file mode 100644
index 00000000..78e3e66e
--- /dev/null
+++ b/packages/icons/src/reactions/angry.svg
@@ -0,0 +1,49 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="8" cy="8" r="8" fill="url(#paint0_linear_971_65)" />
+  <circle cx="8" cy="8" r="8" fill="url(#paint1_radial_971_65)" />
+  <path
+    d="M3.67233 5.59786C3.45024 5.50268 3.19304 5.60556 3.09786 5.82765C3.00268 6.04974 3.10556 6.30694 3.32765 6.40212L4.38357 6.85465C4.52461 6.9151 4.57553 7.08819 4.53515 7.23624C4.51223 7.32027 4.5 7.4087 4.5 7.5C4.5 8.05228 4.94772 8.5 5.5 8.5C5.9152 8.5 6.27129 8.24696 6.42249 7.88669C6.45218 7.81595 6.5326 7.77567 6.60311 7.80588L6.82765 7.90212C7.04974 7.9973 7.30694 7.89442 7.40212 7.67233C7.4973 7.45024 7.39442 7.19304 7.17233 7.09786L3.67233 5.59786Z"
+    fill="#424242"
+  />
+  <path
+    d="M12.33 5.59786C12.5521 5.50268 12.8093 5.60556 12.9045 5.82765C12.9997 6.04974 12.8968 6.30694 12.6747 6.40212L11.6188 6.85465C11.4778 6.9151 11.4268 7.08819 11.4672 7.23624C11.4901 7.32027 11.5024 7.4087 11.5024 7.5C11.5024 8.05228 11.0547 8.5 10.5024 8.5C10.0872 8.5 9.73108 8.24696 9.57988 7.88669C9.5502 7.81595 9.46978 7.77567 9.39927 7.80588L9.17472 7.90212C8.95264 7.9973 8.69544 7.89442 8.60026 7.67233C8.50508 7.45024 8.60796 7.19304 8.83004 7.09786L12.33 5.59786Z"
+    fill="#424242"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.99999 10.9375C7.1091 10.9375 6.32412 11.3918 5.86431 12.0833C5.73053 12.2845 5.45896 12.3392 5.25775 12.2054C5.05654 12.0716 5.00188 11.8001 5.13567 11.5989C5.75077 10.6737 6.8039 10.0625 7.99999 10.0625C9.19607 10.0625 10.2492 10.6737 10.8643 11.5989C10.9981 11.8001 10.9434 12.0716 10.7422 12.2054C10.541 12.3392 10.2694 12.2845 10.1357 12.0833C9.67585 11.3918 8.89087 10.9375 7.99999 10.9375Z"
+    fill="#772622"
+  />
+  <defs>
+    <linearGradient
+      id="paint0_linear_971_65"
+      x1="8"
+      y1="0"
+      x2="8"
+      y2="16"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop offset="0.110497" stop-color="#EA6433" />
+      <stop offset="0.546961" stop-color="#F2B660" />
+      <stop offset="1" stop-color="#FFBA49" />
+    </linearGradient>
+    <radialGradient
+      id="paint1_radial_971_65"
+      cx="0"
+      cy="0"
+      r="1"
+      gradientUnits="userSpaceOnUse"
+      gradientTransform="translate(10.75 3.25) rotate(124.563) scale(13.6611 17.7349)"
+    >
+      <stop stop-color="#FFD764" stop-opacity="0.2" />
+      <stop offset="1" stop-color="#FFB746" stop-opacity="0.1" />
+    </radialGradient>
+  </defs>
+</svg>
diff --git a/packages/icons/src/reactions/laugh.svg b/packages/icons/src/reactions/laugh.svg
new file mode 100644
index 00000000..4b6ed5d5
--- /dev/null
+++ b/packages/icons/src/reactions/laugh.svg
@@ -0,0 +1,47 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="8" cy="8" r="8" fill="#FFD764" />
+  <circle cx="8" cy="8" r="8" fill="url(#paint0_radial_971_67)" />
+  <path
+    d="M12.5 9.75C12.5 11.9591 10 13.5 8 13.5C6 13.5 3.5 11.9591 3.5 9.75C3.5 8.75 5.75 8.25 8 8.25C10.25 8.25 12.5 8.75 12.5 9.75Z"
+    fill="#772622"
+  />
+  <path
+    d="M10.6791 9.37453C10.2389 9.22642 9.34585 9 7.99998 9C6.65411 9 5.76109 9.22642 5.3209 9.37453C5.14005 9.43538 5.06916 9.63835 5.15449 9.80902C5.21302 9.92606 5.33206 10 5.46293 10H10.537C10.6679 10 10.787 9.92606 10.8455 9.80902C10.9308 9.63835 10.8599 9.43538 10.6791 9.37453Z"
+    fill="white"
+  />
+  <path
+    d="M9.4722 11.8855C9.69194 12.0095 9.67795 12.3133 9.44984 12.4212C9.00299 12.6324 8.50625 12.75 7.99999 12.75C7.49374 12.75 6.99699 12.6324 6.55015 12.4212C6.32203 12.3133 6.30804 12.0095 6.52779 11.8855C6.96271 11.64 7.465 11.5 7.99999 11.5C8.53499 11.5 9.03728 11.64 9.4722 11.8855Z"
+    fill="#E45852"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M4.10146 4.65743C4.25615 4.47181 4.53202 4.44673 4.71764 4.60141L6.21764 5.85141C6.35914 5.96933 6.41163 6.16325 6.34893 6.33645C6.28622 6.50964 6.12175 6.62501 5.93756 6.62501C5.2439 6.62501 4.2335 6.84961 3.6695 7.20225C3.46462 7.33034 3.1947 7.2681 3.0666 7.06323C2.9385 6.85835 3.00074 6.58842 3.20562 6.46033C3.59101 6.21936 4.09638 6.03691 4.60612 5.91729C4.70873 5.8932 4.7423 5.76096 4.66133 5.69349L4.15748 5.27361C3.97186 5.11892 3.94678 4.84305 4.10146 4.65743Z"
+    fill="#424242"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M11.8985 4.65743C11.7439 4.47181 11.468 4.44673 11.2824 4.60141L9.78236 5.85141C9.64086 5.96933 9.58837 6.16325 9.65107 6.33645C9.71378 6.50964 9.87825 6.62501 10.0624 6.62501C10.7561 6.62501 11.7665 6.84961 12.3305 7.20225C12.5354 7.33034 12.8053 7.2681 12.9334 7.06323C13.0615 6.85835 12.9993 6.58842 12.7944 6.46033C12.409 6.21936 11.9036 6.03691 11.3939 5.91729C11.2913 5.8932 11.2577 5.76096 11.3387 5.69349L11.8425 5.27361C12.0281 5.11892 12.0532 4.84305 11.8985 4.65743Z"
+    fill="#424242"
+  />
+  <defs>
+    <radialGradient
+      id="paint0_radial_971_67"
+      cx="0"
+      cy="0"
+      r="1"
+      gradientUnits="userSpaceOnUse"
+      gradientTransform="translate(10.75 3.25) rotate(124.563) scale(13.6611 17.7349)"
+    >
+      <stop stop-color="#FFD764" />
+      <stop offset="1" stop-color="#FFB746" />
+    </radialGradient>
+  </defs>
+</svg>
diff --git a/packages/icons/src/reactions/love.svg b/packages/icons/src/reactions/love.svg
new file mode 100644
index 00000000..4906b6df
--- /dev/null
+++ b/packages/icons/src/reactions/love.svg
@@ -0,0 +1,29 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M0.5 5.5C0.5 10 5.79086 15 8 15C10.2091 15 15.5 10 15.5 5.5C15.5 3.29086 14 1.5 12 1.5C10.2423 1.5 8.74933 2.29136 8.21261 4C8.1063 4.25 8.05315 4.25 8 4.25C7.94685 4.25 7.8937 4.25 7.78739 4C7.25067 2.29136 5.75774 1.5 4 1.5C2 1.5 0.5 3.29086 0.5 5.5Z"
+    fill="#E45852"
+  />
+  <path
+    d="M0.5 5.5C0.5 10 5.79086 15 8 15C10.2091 15 15.5 10 15.5 5.5C15.5 3.29086 14 1.5 12 1.5C10.2423 1.5 8.74933 2.29136 8.21261 4C8.1063 4.25 8.05315 4.25 8 4.25C7.94685 4.25 7.8937 4.25 7.78739 4C7.25067 2.29136 5.75774 1.5 4 1.5C2 1.5 0.5 3.29086 0.5 5.5Z"
+    fill="url(#paint0_radial_971_70)"
+  />
+  <defs>
+    <radialGradient
+      id="paint0_radial_971_70"
+      cx="0"
+      cy="0"
+      r="1"
+      gradientUnits="userSpaceOnUse"
+      gradientTransform="translate(8 5.27609) rotate(93.8972) scale(10.3452 9.89501)"
+    >
+      <stop stop-color="#F05D56" />
+      <stop offset="1" stop-color="#D15954" />
+    </radialGradient>
+  </defs>
+</svg>
diff --git a/packages/icons/src/reactions/sad.svg b/packages/icons/src/reactions/sad.svg
new file mode 100644
index 00000000..42e364fa
--- /dev/null
+++ b/packages/icons/src/reactions/sad.svg
@@ -0,0 +1,86 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="8" cy="8" r="8" fill="#FFD764" />
+  <circle cx="8" cy="8" r="8" fill="url(#paint0_radial_971_66)" />
+  <path
+    d="M5.39039 11.2529C5.24653 12.0687 4.46855 12.6135 3.65271 12.4696C2.83686 12.3258 2.29211 11.5478 2.43597 10.7319C2.56094 10.0232 3.32114 8.9718 4.03128 8.63203C4.22646 8.53864 4.45803 8.57947 4.6095 8.73398C5.16061 9.29614 5.51537 10.5441 5.39039 11.2529Z"
+    fill="url(#paint1_linear_971_66)"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8 10.9375C7.36755 10.9375 6.94161 11.1433 6.44566 11.3913C6.22954 11.4994 5.96675 11.4118 5.85869 11.1957C5.75063 10.9795 5.83823 10.7167 6.05435 10.6087L6.05702 10.6074C6.56048 10.3556 7.14672 10.0625 8 10.0625C8.85345 10.0625 9.43136 10.3515 9.93154 10.6016L9.94566 10.6087C10.1618 10.7167 10.2494 10.9795 10.1413 11.1957C10.0333 11.4118 9.77046 11.4994 9.55435 11.3913C9.05778 11.143 8.63852 10.9375 8 10.9375Z"
+    fill="#772622"
+  />
+  <path
+    d="M13.0414 11.8465C13.1493 12.4584 12.7407 13.0419 12.1289 13.1498C11.517 13.2577 10.9335 12.8491 10.8256 12.2372C10.7362 11.7301 10.9742 10.855 11.3551 10.4095C11.4957 10.245 11.7303 10.2037 11.9187 10.3101C12.429 10.5985 12.952 11.3394 13.0414 11.8465Z"
+    fill="url(#paint2_linear_971_66)"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M4 5.5625C4.24162 5.5625 4.4375 5.75838 4.4375 6C4.4375 6.27558 4.52745 6.47123 4.65311 6.59689C4.77877 6.72255 4.97442 6.8125 5.25 6.8125C5.52558 6.8125 5.72123 6.72255 5.84689 6.59689C5.97255 6.47123 6.0625 6.27558 6.0625 6C6.0625 5.75838 6.25838 5.5625 6.5 5.5625C6.74162 5.5625 6.9375 5.75838 6.9375 6C6.9375 6.47442 6.77745 6.90377 6.46561 7.21561C6.15377 7.52745 5.72442 7.6875 5.25 7.6875C4.77558 7.6875 4.34623 7.52745 4.03439 7.21561C3.72255 6.90377 3.5625 6.47442 3.5625 6C3.5625 5.75838 3.75838 5.5625 4 5.5625Z"
+    fill="#424242"
+  />
+  <path
+    d="M12.1943 8.231C12.2662 8.63893 11.9938 9.02792 11.5859 9.09985C11.178 9.17177 10.789 8.8994 10.7171 8.49148C10.6629 8.18439 10.7889 7.67489 11.0027 7.36146C11.1247 7.18274 11.3636 7.14061 11.5393 7.26685C11.8475 7.48822 12.1401 7.92392 12.1943 8.231Z"
+    fill="url(#paint3_linear_971_66)"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.5 5.5625C9.74162 5.5625 9.9375 5.75838 9.9375 6C9.9375 6.27558 10.0275 6.47123 10.1531 6.59689C10.2788 6.72255 10.4744 6.8125 10.75 6.8125C11.0256 6.8125 11.2212 6.72255 11.3469 6.59689C11.4725 6.47123 11.5625 6.27558 11.5625 6C11.5625 5.75838 11.7584 5.5625 12 5.5625C12.2416 5.5625 12.4375 5.75838 12.4375 6C12.4375 6.47442 12.2775 6.90377 11.9656 7.21561C11.6538 7.52745 11.2244 7.6875 10.75 7.6875C10.2756 7.6875 9.84623 7.52745 9.53439 7.21561C9.22255 6.90377 9.0625 6.47442 9.0625 6C9.0625 5.75838 9.25838 5.5625 9.5 5.5625Z"
+    fill="#424242"
+  />
+  <defs>
+    <radialGradient
+      id="paint0_radial_971_66"
+      cx="0"
+      cy="0"
+      r="1"
+      gradientUnits="userSpaceOnUse"
+      gradientTransform="translate(10.75 3.25) rotate(124.563) scale(13.6611 17.7349)"
+    >
+      <stop stop-color="#FFD764" />
+      <stop offset="1" stop-color="#FFB746" />
+    </radialGradient>
+    <linearGradient
+      id="paint1_linear_971_66"
+      x1="4.3473"
+      y1="8.5304"
+      x2="3.65271"
+      y2="12.4696"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#6BC2FF" />
+      <stop offset="1" stop-color="#2196E8" />
+    </linearGradient>
+    <linearGradient
+      id="paint2_linear_971_66"
+      x1="11.6079"
+      y1="10.1954"
+      x2="12.1289"
+      y2="13.1498"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#6BC2FF" />
+      <stop offset="1" stop-color="#2196E8" />
+    </linearGradient>
+    <linearGradient
+      id="paint3_linear_971_66"
+      x1="11.2386"
+      y1="7.13023"
+      x2="11.5859"
+      y2="9.09985"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#6BC2FF" />
+      <stop offset="1" stop-color="#2196E8" />
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/packages/icons/src/reactions/thumbs-down.svg b/packages/icons/src/reactions/thumbs-down.svg
new file mode 100644
index 00000000..73203307
--- /dev/null
+++ b/packages/icons/src/reactions/thumbs-down.svg
@@ -0,0 +1,44 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M4.5 14.0966C4.5 15.3466 5.78351 15.8466 6.75 15.8466C7.71649 15.8466 8 15.0631 8 14.0966C8 13.5144 7.75 13.0966 7.75 12.4016C7.75 10.8466 8.83267 10.0971 9.5 9.59663C10.5 8.8466 12.5 8.84657 12.5 6.8466C12.5 4.0966 9.75 1.34663 6.5 1.34663C3.18628 1.34663 0.5 4.03291 0.5 7.34663C0.5 10.2458 2.36784 11.7441 4.97536 10.2621C5.11676 10.1817 5.30027 10.247 5.32205 10.4082C5.41047 11.0628 5.12864 11.739 4.83093 12.4016C4.5 13.0966 4.5 13.5966 4.5 14.0966Z"
+    fill="#FFD764"
+  />
+  <path
+    d="M4.5 14.0966C4.5 15.3466 5.78351 15.8466 6.75 15.8466C7.71649 15.8466 8 15.0631 8 14.0966C8 13.5144 7.75 13.0966 7.75 12.4016C7.75 10.8466 8.83267 10.0971 9.5 9.59663C10.5 8.8466 12.5 8.84657 12.5 6.8466C12.5 4.0966 9.75 1.34663 6.5 1.34663C3.18628 1.34663 0.5 4.03291 0.5 7.34663C0.5 10.2458 2.36784 11.7441 4.97536 10.2621C5.11676 10.1817 5.30027 10.247 5.32205 10.4082C5.41047 11.0628 5.12864 11.739 4.83093 12.4016C4.5 13.0966 4.5 13.5966 4.5 14.0966Z"
+    fill="url(#paint0_radial_971_68)"
+  />
+  <path
+    d="M10.6262 0.629732C10.6795 0.203819 11.0808 -0.0944395 11.4923 0.0275106C15.2994 1.15565 17.2124 5.31788 15.1684 8.78696C15.058 8.97429 14.8322 9.05607 14.6232 8.99633L13.7773 8.75465C13.4851 8.67117 13.3363 8.34747 13.4035 8.05111C13.882 5.94016 12.3273 2.97661 10.8064 2.0225C10.6176 1.90409 10.4931 1.69432 10.5208 1.47321L10.6262 0.629732Z"
+    fill="url(#paint1_linear_971_68)"
+  />
+  <defs>
+    <radialGradient
+      id="paint0_radial_971_68"
+      cx="0"
+      cy="0"
+      r="1"
+      gradientUnits="userSpaceOnUse"
+      gradientTransform="translate(5.5 9.75001) rotate(-61.9275) scale(8.5 9.88786)"
+    >
+      <stop stop-color="#FFD764" />
+      <stop offset="1" stop-color="#FFB746" />
+    </radialGradient>
+    <linearGradient
+      id="paint1_linear_971_68"
+      x1="13.2585"
+      y1="9.01559"
+      x2="13.2585"
+      y2="-2.86102e-06"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#2196E8" />
+      <stop offset="1" stop-color="#6BC2FF" />
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/packages/icons/src/reactions/thumbs-up.svg b/packages/icons/src/reactions/thumbs-up.svg
new file mode 100644
index 00000000..783c506f
--- /dev/null
+++ b/packages/icons/src/reactions/thumbs-up.svg
@@ -0,0 +1,44 @@
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M5.87378 15.2169C5.82054 15.6428 5.4192 15.941 5.00766 15.8191C1.20056 14.6909 -0.71242 10.5287 1.33159 7.05963C1.44197 6.87229 1.66776 6.79052 1.87682 6.85026L2.72267 7.09193C3.01486 7.17542 3.1637 7.49912 3.09652 7.79547C2.61798 9.90643 4.17271 12.87 5.69365 13.8241C5.88241 13.9425 6.00685 14.1523 5.97921 14.3734L5.87378 15.2169Z"
+    fill="url(#paint0_linear_971_69)"
+  />
+  <path
+    d="M12 1.75C12 0.75 11.25 0 10 0C9 0 8.5 0.783508 8.5 1.75C8.5 2.33218 8.75 2.75 8.75 3.44498C8.75 5 8 5.74994 7 6.24997C6 6.75 4 6.75 4 9C4 11.75 6.75 14.5 10 14.5C13.25 14.5 16 12 16 8.49997C16 5.70686 14.2663 4.21399 11.8078 5.43376C11.5164 5.57832 11.1507 5.44584 11.1466 5.12058C11.1399 4.58039 11.3199 4.0402 11.5 3.5C11.75 2.75 12 2.25 12 1.75Z"
+    fill="#FFD764"
+  />
+  <path
+    d="M12 1.75C12 0.75 11.25 0 10 0C9 0 8.5 0.783508 8.5 1.75C8.5 2.33218 8.75 2.75 8.75 3.44498C8.75 5 8 5.74994 7 6.24997C6 6.75 4 6.75 4 9C4 11.75 6.75 14.5 10 14.5C13.25 14.5 16 12 16 8.49997C16 5.70686 14.2663 4.21399 11.8078 5.43376C11.5164 5.57832 11.1507 5.44584 11.1466 5.12058C11.1399 4.58039 11.3199 4.0402 11.5 3.5C11.75 2.75 12 2.25 12 1.75Z"
+    fill="url(#paint1_radial_971_69)"
+  />
+  <defs>
+    <linearGradient
+      id="paint0_linear_971_69"
+      x1="3.24152"
+      y1="6.83099"
+      x2="3.24152"
+      y2="15.8466"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#6BC2FF" />
+      <stop offset="1" stop-color="#2196E8" />
+    </linearGradient>
+    <radialGradient
+      id="paint1_radial_971_69"
+      cx="0"
+      cy="0"
+      r="1"
+      gradientUnits="userSpaceOnUse"
+      gradientTransform="translate(11 6) rotate(119.539) scale(8.62047 10.028)"
+    >
+      <stop stop-color="#FFD764" />
+      <stop offset="1" stop-color="#FFB746" />
+    </radialGradient>
+  </defs>
+</svg>
diff --git a/packages/icons/svgr.config.js b/packages/icons/svgr.config.js
new file mode 100644
index 00000000..c3819c55
--- /dev/null
+++ b/packages/icons/svgr.config.js
@@ -0,0 +1,53 @@
+function transformImports(arr) {
+  arr.forEach(object => {
+    if (object.source && object.source.value === 'react-native-svg') {
+      object.specifiers.forEach(specifier => {
+        if (specifier.type === 'ImportDefaultSpecifier') {
+          specifier.type = 'ImportSpecifier'
+          specifier.imported = specifier.local
+        }
+      })
+    }
+  })
+  return arr
+}
+
+const template = (variables, { tpl }) => {
+  transformImports(variables.imports)
+
+  return tpl`
+${variables.imports};
+import { useCurrentColor } from 'tamagui'
+
+${variables.interfaces};
+
+const ${variables.componentName} = (${variables.props}) => {
+  const { color: colorToken = "currentColor", ...rest } = props;
+
+const color = useCurrentColor(colorToken);
+
+  return (
+    ${variables.jsx}
+  )
+};
+
+${variables.exports};
+`
+}
+
+const COLORS = ['#09101C']
+
+module.exports = {
+  typescript: true,
+  jsxRuntime: 'automatic',
+  native: true,
+  replaceAttrValues: {
+    ...COLORS.reduce((acc, color) => {
+      acc[color] = '{color}'
+      return acc
+    }, {}),
+  },
+  outDir: '.',
+  filenameCase: 'kebab',
+  template,
+}
diff --git a/packages/icons/tsconfig.json b/packages/icons/tsconfig.json
index bbbb84f2..2d57b0ed 100644
--- a/packages/icons/tsconfig.json
+++ b/packages/icons/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "extends": "../../tsconfig.base.json",
-  "include": ["src"],
+  "include": ["12", "16", "20", "reactions"],
   "compilerOptions": {
     "outDir": "./dist",
     "declarationDir": "dist/types",
diff --git a/packages/icons/src/types.ts b/packages/icons/types.ts
similarity index 100%
rename from packages/icons/src/types.ts
rename to packages/icons/types.ts
diff --git a/packages/icons/vite.config.ts b/packages/icons/vite.config.ts
index 8595de6d..4db1b71d 100644
--- a/packages/icons/vite.config.ts
+++ b/packages/icons/vite.config.ts
@@ -6,6 +6,7 @@ import { defineConfig } from 'vite'
 import { peerDependencies } from './package.json'
 
 const external = [
+  'tamagui',
   // ...Object.keys(dependencies || {}),
   ...Object.keys(peerDependencies || {}),
 ].map(name => new RegExp(`^${name}(/.*)?`))
@@ -15,8 +16,17 @@ export default defineConfig(({ mode }) => {
     build: {
       target: 'es2020',
       lib: {
-        entry: './src/index.tsx',
-        fileName: 'index',
+        entry: [
+          './src/12/index.ts',
+          './src/16/index.ts',
+          './src/20/index.ts',
+          './src/reactions/index.ts',
+        ],
+        fileName(format, entryName) {
+          console.log('fileName > format, entryName', format, entryName)
+          // const [name] = entryName.split('/')
+          return `icons-${entryName}.${format}.js`
+        },
         formats: ['es'],
       },
       sourcemap: true,