diff --git a/.changeset/shiny-poems-rescue.md b/.changeset/shiny-poems-rescue.md
new file mode 100644
index 00000000..ad461c12
--- /dev/null
+++ b/.changeset/shiny-poems-rescue.md
@@ -0,0 +1,5 @@
+---
+'@status-im/icons': minor
+---
+
+sync icons
diff --git a/packages/icons/scripts/sync.ts b/packages/icons/scripts/sync.ts
index 31192bda..643c8ec3 100644
--- a/packages/icons/scripts/sync.ts
+++ b/packages/icons/scripts/sync.ts
@@ -81,6 +81,28 @@ for (const [nodeId, name] of Object.entries(NODE_IDS)) {
const svgRaw = await fetch(image!).then(res => res.text())
+ // note: probably a wrapper layer for https://www.figma.com/file/qLLuMLfpGxK9OfpIavwsmK/Iconset?type=design&node-id=4408-955&mode=dev, thus skipping
+ // icon:: {
+ // key: 'c73f7bad669c2696c2158cef34967a20cc0f0f0f',
+ // name: 'Use=Default, Typo=False, Style=Gradient',
+ // description: '',
+ // remote: true,
+ // componentSetId: '4819:992',
+ // documentationLinks: []
+ // }
+ // raw::
+ // transform::
+ // icon:: {
+ // key: '53e1bc9f7ee455bc6cc38b90a9b7614ef64afe4e',
+ // name: '20/status-logo',
+ // description: '',
+ // remote: false,
+ // documentationLinks: []
+ // }
+ if (!svgRaw) {
+ continue
+ }
+
const svg = await transform(svgRaw, {
plugins: ['@svgr/plugin-svgo'],
replaceAttrValues: {
diff --git a/packages/icons/src/activity-icon.tsx b/packages/icons/src/activity-icon.tsx
new file mode 100644
index 00000000..7b94d077
--- /dev/null
+++ b/packages/icons/src/activity-icon.tsx
@@ -0,0 +1,25 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgActivityIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgActivityIcon
diff --git a/packages/icons/src/add-token-icon.tsx b/packages/icons/src/add-token-icon.tsx
index c05c9b28..4513956b 100644
--- a/packages/icons/src/add-token-icon.tsx
+++ b/packages/icons/src/add-token-icon.tsx
@@ -13,7 +13,7 @@ const SvgAddTokenIcon = createIcon(props => {
aria-hidden={true}
>
{
+ return (
+
+ )
+})
+
+export default SvgBackspaceIcon
diff --git a/packages/icons/src/bridge-icon.tsx b/packages/icons/src/bridge-icon.tsx
index 8d1ac21c..c902def2 100644
--- a/packages/icons/src/bridge-icon.tsx
+++ b/packages/icons/src/bridge-icon.tsx
@@ -15,7 +15,7 @@ const SvgBridgeIcon = createIcon(props => {
diff --git a/packages/icons/src/checktoken-icon.tsx b/packages/icons/src/checktoken-icon.tsx
index 57da1a18..34fcc1d7 100644
--- a/packages/icons/src/checktoken-icon.tsx
+++ b/packages/icons/src/checktoken-icon.tsx
@@ -13,7 +13,7 @@ const SvgChecktokenIcon = createIcon(props => {
aria-hidden={true}
>
{
+ return (
+
+ )
+})
+
+export default SvgClearBigIcon
diff --git a/packages/icons/src/clear-icon.tsx b/packages/icons/src/clear-icon.tsx
index c22e119b..b4be63b0 100644
--- a/packages/icons/src/clear-icon.tsx
+++ b/packages/icons/src/clear-icon.tsx
@@ -15,7 +15,7 @@ const SvgClearIcon = createIcon(props => {
{
d="M10.546 14.197 6.303 9.954l-.848.849 4.242 4.242.849-.848Zm-2.475 1.06L5.242 12.43l-.848.849 2.828 2.828.849-.848Z"
clipRule="evenodd"
/>
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/packages/icons/src/delete-icon.tsx b/packages/icons/src/delete-icon.tsx
index fd0a904c..27cd5690 100644
--- a/packages/icons/src/delete-icon.tsx
+++ b/packages/icons/src/delete-icon.tsx
@@ -15,7 +15,7 @@ const SvgDeleteIcon = createIcon(props => {
diff --git a/packages/icons/src/derivated-path-big-icon.tsx b/packages/icons/src/derivated-path-big-icon.tsx
new file mode 100644
index 00000000..ba067f5c
--- /dev/null
+++ b/packages/icons/src/derivated-path-big-icon.tsx
@@ -0,0 +1,32 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgDerivatedPathBigIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgDerivatedPathBigIcon
diff --git a/packages/icons/src/derivated-path-icon.tsx b/packages/icons/src/derivated-path-icon.tsx
new file mode 100644
index 00000000..1f0c0c5b
--- /dev/null
+++ b/packages/icons/src/derivated-path-icon.tsx
@@ -0,0 +1,25 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgDerivatedPathIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgDerivatedPathIcon
diff --git a/packages/icons/src/faceid-big-icon.tsx b/packages/icons/src/faceid-big-icon.tsx
new file mode 100644
index 00000000..722a0c2b
--- /dev/null
+++ b/packages/icons/src/faceid-big-icon.tsx
@@ -0,0 +1,32 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgFaceidBigIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgFaceidBigIcon
diff --git a/packages/icons/src/faces-icon.tsx b/packages/icons/src/faces-icon.tsx
new file mode 100644
index 00000000..d0978b3b
--- /dev/null
+++ b/packages/icons/src/faces-icon.tsx
@@ -0,0 +1,25 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgFacesIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgFacesIcon
diff --git a/packages/icons/src/flags-icon.tsx b/packages/icons/src/flags-icon.tsx
new file mode 100644
index 00000000..40f16e86
--- /dev/null
+++ b/packages/icons/src/flags-icon.tsx
@@ -0,0 +1,25 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgFlagsIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgFlagsIcon
diff --git a/packages/icons/src/food-icon.tsx b/packages/icons/src/food-icon.tsx
new file mode 100644
index 00000000..c64e0906
--- /dev/null
+++ b/packages/icons/src/food-icon.tsx
@@ -0,0 +1,25 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgFoodIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgFoodIcon
diff --git a/packages/icons/src/hashtag-square-icon.tsx b/packages/icons/src/hashtag-square-icon.tsx
new file mode 100644
index 00000000..945dffea
--- /dev/null
+++ b/packages/icons/src/hashtag-square-icon.tsx
@@ -0,0 +1,25 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgHashtagSquareIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgHashtagSquareIcon
diff --git a/packages/icons/src/hide-password-icon.tsx b/packages/icons/src/hide-password-icon.tsx
new file mode 100644
index 00000000..ef266e2f
--- /dev/null
+++ b/packages/icons/src/hide-password-icon.tsx
@@ -0,0 +1,25 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgHidePasswordIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgHidePasswordIcon
diff --git a/packages/icons/src/hypen-icon.tsx b/packages/icons/src/hypen-icon.tsx
new file mode 100644
index 00000000..730667d7
--- /dev/null
+++ b/packages/icons/src/hypen-icon.tsx
@@ -0,0 +1,20 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgHypenIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgHypenIcon
diff --git a/packages/icons/src/index.ts b/packages/icons/src/index.ts
index a0d27e4d..1e5bcc72 100644
--- a/packages/icons/src/index.ts
+++ b/packages/icons/src/index.ts
@@ -2,6 +2,7 @@ export { default as AccountNumberIcon } from './account-number-icon'
export { default as ActiveIcon } from './active-icon'
export { default as ActiveMembersIcon } from './active-members-icon'
export { default as ActivityCenterIcon } from './activity-center-icon'
+export { default as ActivityIcon } from './activity-icon'
export { default as AddIcon } from './add-icon'
export { default as AddReactionIcon } from './add-reaction-icon'
export { default as AddSmallIcon } from './add-small-icon'
@@ -21,6 +22,7 @@ export { default as ArrowTopIcon } from './arrow-top-icon'
export { default as AttachIcon } from './attach-icon'
export { default as AudioIcon } from './audio-icon'
export { default as AutomaticIcon } from './automatic-icon'
+export { default as BackspaceIcon } from './backspace-icon'
export { default as BanUserIcon } from './ban-user-icon'
export { default as BlockIcon } from './block-icon'
export { default as BoldIcon } from './bold-icon'
@@ -45,6 +47,7 @@ export { default as ChevronTopIcon } from './chevron-top-icon'
export { default as ChevronsLeftIcon } from './chevrons-left-icon'
export { default as ChevronsRightIcon } from './chevrons-right-icon'
export { default as CircleIcon } from './circle-icon'
+export { default as ClearBigIcon } from './clear-big-icon'
export { default as ClearIcon } from './clear-icon'
export { default as CloseCircleIcon } from './close-circle-icon'
export { default as CloseIcon } from './close-icon'
@@ -77,6 +80,8 @@ export { default as DataUsageIcon } from './data-usage-icon'
export { default as DeclineIcon } from './decline-icon'
export { default as DecreaseWindowsIcon } from './decrease-windows-icon'
export { default as DeleteIcon } from './delete-icon'
+export { default as DerivatedPathBigIcon } from './derivated-path-big-icon'
+export { default as DerivatedPathIcon } from './derivated-path-icon'
export { default as DesktopIcon } from './desktop-icon'
export { default as DestroyIcon } from './destroy-icon'
export { default as DisconnectIcon } from './disconnect-icon'
@@ -96,11 +101,14 @@ export { default as ExpandTopbarIcon } from './expand-topbar-icon'
export { default as ExternalIcon } from './external-icon'
export { default as FaceIdIcon } from './face-id-icon'
export { default as FacebookIcon } from './facebook-icon'
+export { default as FaceidBigIcon } from './faceid-big-icon'
export { default as FaceidKeyIcon } from './faceid-key-icon'
+export { default as FacesIcon } from './faces-icon'
export { default as FavouriteIcon } from './favourite-icon'
export { default as FeedIcon } from './feed-icon'
export { default as FileIcon } from './file-icon'
export { default as FlagIcon } from './flag-icon'
+export { default as FlagsIcon } from './flags-icon'
export { default as FlashIcon } from './flash-icon'
export { default as FlashOffIcon } from './flash-off-icon'
export { default as FlashlightOffIcon } from './flashlight-off-icon'
@@ -109,6 +117,7 @@ export { default as FlickrIcon } from './flickr-icon'
export { default as FlipIcon } from './flip-icon'
export { default as FocusIcon } from './focus-icon'
export { default as FolderIcon } from './folder-icon'
+export { default as FoodIcon } from './food-icon'
export { default as FormatIcon } from './format-icon'
export { default as ForwardIcon } from './forward-icon'
export { default as FriendIcon } from './friend-icon'
@@ -120,13 +129,16 @@ export { default as GiftIcon } from './gift-icon'
export { default as GithubIcon } from './github-icon'
export { default as GlobeIcon } from './globe-icon'
export { default as HashtagIcon } from './hashtag-icon'
+export { default as HashtagSquareIcon } from './hashtag-square-icon'
export { default as HeartBreakIcon } from './heart-break-icon'
export { default as HeartIcon } from './heart-icon'
export { default as HelpIcon } from './help-icon'
export { default as HideIcon } from './hide-icon'
+export { default as HidePasswordIcon } from './hide-password-icon'
export { default as HistoryIcon } from './history-icon'
export { default as HoldIcon } from './hold-icon'
export { default as HourglassIcon } from './hourglass-icon'
+export { default as HypenIcon } from './hypen-icon'
export { default as ImageIcon } from './image-icon'
export { default as ImportIcon } from './import-icon'
export { default as InactiveIcon } from './inactive-icon'
@@ -139,6 +151,7 @@ export { default as ItalicIcon } from './italic-icon'
export { default as JustifyIcon } from './justify-icon'
export { default as KeyIcon } from './key-icon'
export { default as KeyboardIcon } from './keyboard-icon'
+export { default as KeycardCardIcon } from './keycard-card-icon'
export { default as KeycardIcon } from './keycard-icon'
export { default as KeycardLogoIcon } from './keycard-logo-icon'
export { default as KickUserIcon } from './kick-user-icon'
@@ -172,16 +185,21 @@ export { default as MobileIcon } from './mobile-icon'
export { default as MultiProfileIcon } from './multi-profile-icon'
export { default as MutedIcon } from './muted-icon'
export { default as MutualContactIcon } from './mutual-contact-icon'
+export { default as NatureIcon } from './nature-icon'
export { default as NegativeStateIcon } from './negative-state-icon'
export { default as NewMessageIcon } from './new-message-icon'
export { default as NewWindowIcon } from './new-window-icon'
export { default as NftIcon } from './nft-icon'
export { default as NodeIcon } from './node-icon'
export { default as NotStartedIcon } from './not-started-icon'
+export { default as NotificationBadgeIcon } from './notification-badge-icon'
export { default as NotificationIcon } from './notification-icon'
export { default as NotificationsIcon } from './notifications-icon'
export { default as NotificationsUnreadIcon } from './notifications-unread-icon'
export { default as NumberedListIcon } from './numbered-list-icon'
+export { default as ObjectsIcon } from './objects-icon'
+export { default as OfflineIcon } from './offline-icon'
+export { default as OfflineLeftIcon } from './offline-left-icon'
export { default as OnlineIcon } from './online-icon'
export { default as OnlineLeftIcon } from './online-left-icon'
export { default as OpenIcon } from './open-icon'
@@ -217,6 +235,7 @@ export { default as ReplyIcon } from './reply-icon'
export { default as RevealIcon } from './reveal-icon'
export { default as RevealWhitelistIcon } from './reveal-whitelist-icon'
export { default as RevereIcon } from './revere-icon'
+export { default as RevertIcon } from './revert-icon'
export { default as ReviewIdIcon } from './review-id-icon'
export { default as ReviewRequestIcon } from './review-request-icon'
export { default as RightAlignIcon } from './right-align-icon'
@@ -236,6 +255,7 @@ export { default as SortIcon } from './sort-icon'
export { default as SpeedIcon } from './speed-icon'
export { default as SpotifyIcon } from './spotify-icon'
export { default as StatusIcon } from './status-icon'
+export { default as StatusIconIcon } from './status-icon-icon'
export { default as StatusLogoIcon } from './status-logo-icon'
export { default as StickersIcon } from './stickers-icon'
export { default as StopIcon } from './stop-icon'
@@ -244,6 +264,7 @@ export { default as SubscriptIcon } from './subscript-icon'
export { default as SuperareIcon } from './superare-icon'
export { default as SuperscriptIcon } from './superscript-icon'
export { default as SwapIcon } from './swap-icon'
+export { default as SymbolsIcon } from './symbols-icon'
export { default as SyncingIcon } from './syncing-icon'
export { default as TableIcon } from './table-icon'
export { default as TabletIcon } from './tablet-icon'
@@ -255,7 +276,9 @@ export { default as TokenIcon } from './token-icon'
export { default as TokenSalesIcon } from './token-sales-icon'
export { default as TopbarDockIcon } from './topbar-dock-icon'
export { default as TopbarIcon } from './topbar-icon'
+export { default as TouchIdBigIcon } from './touch-id-big-icon'
export { default as TrashIcon } from './trash-icon'
+export { default as TravelIcon } from './travel-icon'
export { default as TumblrIcon } from './tumblr-icon'
export { default as TwitchIcon } from './twitch-icon'
export { default as TwitterIcon } from './twitter-icon'
@@ -272,6 +295,7 @@ export { default as VideoIcon } from './video-icon'
export { default as WaffleIcon } from './waffle-icon'
export { default as WalletIcon } from './wallet-icon'
export { default as WarningIcon } from './warning-icon'
+export { default as WebIcon } from './web-icon'
export { default as WorldIcon } from './world-icon'
export { default as YoutubeIcon } from './youtube-icon'
export { default as ZoomInIcon } from './zoom-in-icon'
diff --git a/packages/icons/src/keycard-card-icon.tsx b/packages/icons/src/keycard-card-icon.tsx
new file mode 100644
index 00000000..9fd31629
--- /dev/null
+++ b/packages/icons/src/keycard-card-icon.tsx
@@ -0,0 +1,25 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgKeycardCardIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgKeycardCardIcon
diff --git a/packages/icons/src/locked-icon.tsx b/packages/icons/src/locked-icon.tsx
index a571e414..7f7c34a8 100644
--- a/packages/icons/src/locked-icon.tsx
+++ b/packages/icons/src/locked-icon.tsx
@@ -15,7 +15,7 @@ const SvgLockedIcon = createIcon(props => {
diff --git a/packages/icons/src/nature-icon.tsx b/packages/icons/src/nature-icon.tsx
new file mode 100644
index 00000000..45180104
--- /dev/null
+++ b/packages/icons/src/nature-icon.tsx
@@ -0,0 +1,25 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgNatureIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgNatureIcon
diff --git a/packages/icons/src/notification-badge-icon.tsx b/packages/icons/src/notification-badge-icon.tsx
new file mode 100644
index 00000000..df419521
--- /dev/null
+++ b/packages/icons/src/notification-badge-icon.tsx
@@ -0,0 +1,20 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgNotificationBadgeIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgNotificationBadgeIcon
diff --git a/packages/icons/src/objects-icon.tsx b/packages/icons/src/objects-icon.tsx
new file mode 100644
index 00000000..31896646
--- /dev/null
+++ b/packages/icons/src/objects-icon.tsx
@@ -0,0 +1,25 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgObjectsIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgObjectsIcon
diff --git a/packages/icons/src/offline-icon.tsx b/packages/icons/src/offline-icon.tsx
new file mode 100644
index 00000000..63a3c658
--- /dev/null
+++ b/packages/icons/src/offline-icon.tsx
@@ -0,0 +1,20 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgOfflineIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgOfflineIcon
diff --git a/packages/icons/src/offline-left-icon.tsx b/packages/icons/src/offline-left-icon.tsx
new file mode 100644
index 00000000..330f52d1
--- /dev/null
+++ b/packages/icons/src/offline-left-icon.tsx
@@ -0,0 +1,20 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgOfflineLeftIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgOfflineLeftIcon
diff --git a/packages/icons/src/options-circle-icon.tsx b/packages/icons/src/options-circle-icon.tsx
index acd60dde..087cd6af 100644
--- a/packages/icons/src/options-circle-icon.tsx
+++ b/packages/icons/src/options-circle-icon.tsx
@@ -13,7 +13,7 @@ const SvgOptionsCircleIcon = createIcon(props => {
aria-hidden={true}
>
{
cx={10}
cy={10}
r={7}
- stroke="#647084"
+ stroke={props.color}
strokeWidth={1.2}
opacity={0.4}
/>
-
+
)
})
diff --git a/packages/icons/src/revert-icon.tsx b/packages/icons/src/revert-icon.tsx
new file mode 100644
index 00000000..38387606
--- /dev/null
+++ b/packages/icons/src/revert-icon.tsx
@@ -0,0 +1,25 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgRevertIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgRevertIcon
diff --git a/packages/icons/src/status-icon-icon.tsx b/packages/icons/src/status-icon-icon.tsx
new file mode 100644
index 00000000..1d41bf0c
--- /dev/null
+++ b/packages/icons/src/status-icon-icon.tsx
@@ -0,0 +1,23 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgStatusIconIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgStatusIconIcon
diff --git a/packages/icons/src/status-icon.tsx b/packages/icons/src/status-icon.tsx
index c7b98ca7..a6a2384d 100644
--- a/packages/icons/src/status-icon.tsx
+++ b/packages/icons/src/status-icon.tsx
@@ -12,10 +12,19 @@ const SvgStatusIcon = createIcon(props => {
focusable={false}
aria-hidden={true}
>
-
+
+
+
+
+
+
+
+
)
})
diff --git a/packages/icons/src/status-logo-icon.tsx b/packages/icons/src/status-logo-icon.tsx
index 2fb1a717..3f1e3936 100644
--- a/packages/icons/src/status-logo-icon.tsx
+++ b/packages/icons/src/status-logo-icon.tsx
@@ -20,51 +20,44 @@ const SvgStatusLogoIcon = createIcon(props => {
clipRule="evenodd"
/>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{
/>
{
/>
{
/>
{
stdDeviation={2.358}
/>
-
-
-
-
-
-
-
-
-
-
-
-
)
diff --git a/packages/icons/src/symbols-icon.tsx b/packages/icons/src/symbols-icon.tsx
new file mode 100644
index 00000000..4f7ed01f
--- /dev/null
+++ b/packages/icons/src/symbols-icon.tsx
@@ -0,0 +1,25 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgSymbolsIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgSymbolsIcon
diff --git a/packages/icons/src/touch-id-big-icon.tsx b/packages/icons/src/touch-id-big-icon.tsx
new file mode 100644
index 00000000..f0b705dc
--- /dev/null
+++ b/packages/icons/src/touch-id-big-icon.tsx
@@ -0,0 +1,25 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgTouchIdBigIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgTouchIdBigIcon
diff --git a/packages/icons/src/travel-icon.tsx b/packages/icons/src/travel-icon.tsx
new file mode 100644
index 00000000..96415008
--- /dev/null
+++ b/packages/icons/src/travel-icon.tsx
@@ -0,0 +1,25 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgTravelIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgTravelIcon
diff --git a/packages/icons/src/twitter-icon.tsx b/packages/icons/src/twitter-icon.tsx
index dddb7e59..27ef97c7 100644
--- a/packages/icons/src/twitter-icon.tsx
+++ b/packages/icons/src/twitter-icon.tsx
@@ -14,7 +14,13 @@ const SvgTwitterIcon = createIcon(props => {
>
+
)
diff --git a/packages/icons/src/unlocked-icon.tsx b/packages/icons/src/unlocked-icon.tsx
index ce3ff78d..61ff28dc 100644
--- a/packages/icons/src/unlocked-icon.tsx
+++ b/packages/icons/src/unlocked-icon.tsx
@@ -15,7 +15,7 @@ const SvgUnlockedIcon = createIcon(props => {
diff --git a/packages/icons/src/web-icon.tsx b/packages/icons/src/web-icon.tsx
new file mode 100644
index 00000000..0e733899
--- /dev/null
+++ b/packages/icons/src/web-icon.tsx
@@ -0,0 +1,30 @@
+import { createIcon } from '../lib/create-icon'
+
+const SvgWebIcon = createIcon(props => {
+ return (
+
+ )
+})
+
+export default SvgWebIcon
diff --git a/packages/icons/svg/activity-icon.svg b/packages/icons/svg/activity-icon.svg
new file mode 100644
index 00000000..ad9d4553
--- /dev/null
+++ b/packages/icons/svg/activity-icon.svg
@@ -0,0 +1,14 @@
+
diff --git a/packages/icons/svg/backspace-icon.svg b/packages/icons/svg/backspace-icon.svg
new file mode 100644
index 00000000..8f488e70
--- /dev/null
+++ b/packages/icons/svg/backspace-icon.svg
@@ -0,0 +1,14 @@
+
diff --git a/packages/icons/svg/bridge-icon.svg b/packages/icons/svg/bridge-icon.svg
index 57dfef8a..adb94b66 100644
--- a/packages/icons/svg/bridge-icon.svg
+++ b/packages/icons/svg/bridge-icon.svg
@@ -8,7 +8,7 @@
diff --git a/packages/icons/svg/clear-big-icon.svg b/packages/icons/svg/clear-big-icon.svg
new file mode 100644
index 00000000..8dc68533
--- /dev/null
+++ b/packages/icons/svg/clear-big-icon.svg
@@ -0,0 +1,20 @@
+
diff --git a/packages/icons/svg/clear-icon.svg b/packages/icons/svg/clear-icon.svg
index 8dc68533..b2b49bb1 100644
--- a/packages/icons/svg/clear-icon.svg
+++ b/packages/icons/svg/clear-icon.svg
@@ -8,7 +8,7 @@
diff --git a/packages/icons/svg/derivated-path-big-icon.svg b/packages/icons/svg/derivated-path-big-icon.svg
new file mode 100644
index 00000000..10c4256a
--- /dev/null
+++ b/packages/icons/svg/derivated-path-big-icon.svg
@@ -0,0 +1,21 @@
+
diff --git a/packages/icons/svg/derivated-path-icon.svg b/packages/icons/svg/derivated-path-icon.svg
new file mode 100644
index 00000000..c5f5034b
--- /dev/null
+++ b/packages/icons/svg/derivated-path-icon.svg
@@ -0,0 +1,14 @@
+
diff --git a/packages/icons/svg/faceid-big-icon.svg b/packages/icons/svg/faceid-big-icon.svg
new file mode 100644
index 00000000..d3dbe097
--- /dev/null
+++ b/packages/icons/svg/faceid-big-icon.svg
@@ -0,0 +1,21 @@
+
diff --git a/packages/icons/svg/faces-icon.svg b/packages/icons/svg/faces-icon.svg
new file mode 100644
index 00000000..e8b26b7a
--- /dev/null
+++ b/packages/icons/svg/faces-icon.svg
@@ -0,0 +1,14 @@
+
diff --git a/packages/icons/svg/flags-icon.svg b/packages/icons/svg/flags-icon.svg
new file mode 100644
index 00000000..a651c28f
--- /dev/null
+++ b/packages/icons/svg/flags-icon.svg
@@ -0,0 +1,14 @@
+
diff --git a/packages/icons/svg/food-icon.svg b/packages/icons/svg/food-icon.svg
new file mode 100644
index 00000000..d8fd2d9c
--- /dev/null
+++ b/packages/icons/svg/food-icon.svg
@@ -0,0 +1,14 @@
+
diff --git a/packages/icons/svg/hashtag-square-icon.svg b/packages/icons/svg/hashtag-square-icon.svg
new file mode 100644
index 00000000..55f09f4c
--- /dev/null
+++ b/packages/icons/svg/hashtag-square-icon.svg
@@ -0,0 +1,14 @@
+
diff --git a/packages/icons/svg/heart-icon.svg b/packages/icons/svg/heart-icon.svg
index ea9bc838..79021aa6 100644
--- a/packages/icons/svg/heart-icon.svg
+++ b/packages/icons/svg/heart-icon.svg
@@ -10,5 +10,3 @@
d="m10 16.517-.253.544.253.117.253-.117-.253-.544ZM3 7.534l.598.054L3 7.534Zm14 0-.598.046v.008L17 7.534Zm-7-2.017-.345.49.343.241.344-.238L10 5.517Zm0 11 .253-.544-.003-.002a1.327 1.327 0 0 0-.07-.034c-.051-.024-.127-.063-.225-.113a17.45 17.45 0 0 1-3.252-2.191c-1.77-1.523-3.328-3.594-3.105-6.045l-1.196-.109c-.277 3.05 1.665 5.47 3.52 7.064a18.654 18.654 0 0 0 3.73 2.472l.068.033.02.009.005.003h.001l.254-.543Zm0 0a78.287 78.287 0 0 0 .254.543h.001l.006-.003.019-.009a7.928 7.928 0 0 0 .318-.16 18.659 18.659 0 0 0 3.48-2.346c1.855-1.593 3.797-4.013 3.52-7.063l-1.195.109c.222 2.45-1.336 4.522-3.107 6.045A17.453 17.453 0 0 1 9.75 15.97l-.003.001.253.545Zm7.598-9.03c-.132-1.723-.672-2.867-1.55-3.506-.869-.633-1.924-.662-2.844-.492-.927.17-1.816.56-2.457.893a12.177 12.177 0 0 0-1.081.636l-.005.004h-.002v.001l.341.494.342.493.002-.002a10.97 10.97 0 0 1 .956-.562c.593-.307 1.36-.637 2.121-.777.767-.142 1.431-.074 1.921.282.482.351.942 1.09 1.06 2.629l1.196-.092Zm-14 .101c.14-1.538.608-2.282 1.098-2.636.495-.358 1.158-.424 1.917-.283.754.14 1.512.469 2.098.777a10.684 10.684 0 0 1 .942.56l.002.002.345-.491.345-.491-.002-.002c-.002 0-.003-.002-.005-.003a1.632 1.632 0 0 0-.077-.052 11.886 11.886 0 0 0-.992-.585c-.635-.334-1.515-.724-2.437-.895-.917-.17-1.967-.14-2.84.491-.879.636-1.433 1.776-1.59 3.5l1.196.108Z"
/>
-
-
diff --git a/packages/icons/svg/hide-password-icon.svg b/packages/icons/svg/hide-password-icon.svg
new file mode 100644
index 00000000..a77af8d4
--- /dev/null
+++ b/packages/icons/svg/hide-password-icon.svg
@@ -0,0 +1,14 @@
+
diff --git a/packages/icons/svg/hypen-icon.svg b/packages/icons/svg/hypen-icon.svg
new file mode 100644
index 00000000..b486f34a
--- /dev/null
+++ b/packages/icons/svg/hypen-icon.svg
@@ -0,0 +1,9 @@
+
diff --git a/packages/icons/svg/keycard-card-icon.svg b/packages/icons/svg/keycard-card-icon.svg
new file mode 100644
index 00000000..1b8092d6
--- /dev/null
+++ b/packages/icons/svg/keycard-card-icon.svg
@@ -0,0 +1,14 @@
+
diff --git a/packages/icons/svg/locked-icon.svg b/packages/icons/svg/locked-icon.svg
index 950dba0c..d2a1d477 100644
--- a/packages/icons/svg/locked-icon.svg
+++ b/packages/icons/svg/locked-icon.svg
@@ -8,7 +8,7 @@
diff --git a/packages/icons/svg/nature-icon.svg b/packages/icons/svg/nature-icon.svg
new file mode 100644
index 00000000..5dac7409
--- /dev/null
+++ b/packages/icons/svg/nature-icon.svg
@@ -0,0 +1,14 @@
+
diff --git a/packages/icons/svg/notification-badge-icon.svg b/packages/icons/svg/notification-badge-icon.svg
new file mode 100644
index 00000000..f626bd2f
--- /dev/null
+++ b/packages/icons/svg/notification-badge-icon.svg
@@ -0,0 +1,9 @@
+
diff --git a/packages/icons/svg/objects-icon.svg b/packages/icons/svg/objects-icon.svg
new file mode 100644
index 00000000..5520288f
--- /dev/null
+++ b/packages/icons/svg/objects-icon.svg
@@ -0,0 +1,14 @@
+
diff --git a/packages/icons/svg/offline-icon.svg b/packages/icons/svg/offline-icon.svg
new file mode 100644
index 00000000..4eccfb49
--- /dev/null
+++ b/packages/icons/svg/offline-icon.svg
@@ -0,0 +1,9 @@
+
diff --git a/packages/icons/svg/offline-left-icon.svg b/packages/icons/svg/offline-left-icon.svg
new file mode 100644
index 00000000..336120ec
--- /dev/null
+++ b/packages/icons/svg/offline-left-icon.svg
@@ -0,0 +1,9 @@
+
diff --git a/packages/icons/svg/revert-icon.svg b/packages/icons/svg/revert-icon.svg
new file mode 100644
index 00000000..65f6d2b8
--- /dev/null
+++ b/packages/icons/svg/revert-icon.svg
@@ -0,0 +1,14 @@
+
diff --git a/packages/icons/svg/status-icon-icon.svg b/packages/icons/svg/status-icon-icon.svg
new file mode 100644
index 00000000..a7cfe106
--- /dev/null
+++ b/packages/icons/svg/status-icon-icon.svg
@@ -0,0 +1,12 @@
+
diff --git a/packages/icons/svg/status-icon.svg b/packages/icons/svg/status-icon.svg
index a7cfe106..0c991824 100644
--- a/packages/icons/svg/status-icon.svg
+++ b/packages/icons/svg/status-icon.svg
@@ -5,8 +5,17 @@
fill="none"
viewBox="0 0 20 20"
>
-
+
+
+
+
+
+
+
+
diff --git a/packages/icons/svg/status-logo-icon.svg b/packages/icons/svg/status-logo-icon.svg
index e2ec2ddc..d0c16f54 100644
--- a/packages/icons/svg/status-logo-icon.svg
+++ b/packages/icons/svg/status-logo-icon.svg
@@ -13,42 +13,36 @@
clip-rule="evenodd"
/>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -117,41 +111,11 @@
stdDeviation="2.358"
/>
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/icons/svg/symbols-icon.svg b/packages/icons/svg/symbols-icon.svg
new file mode 100644
index 00000000..55f09f4c
--- /dev/null
+++ b/packages/icons/svg/symbols-icon.svg
@@ -0,0 +1,14 @@
+
diff --git a/packages/icons/svg/touch-id-big-icon.svg b/packages/icons/svg/touch-id-big-icon.svg
new file mode 100644
index 00000000..a00a8900
--- /dev/null
+++ b/packages/icons/svg/touch-id-big-icon.svg
@@ -0,0 +1,14 @@
+
diff --git a/packages/icons/svg/travel-icon.svg b/packages/icons/svg/travel-icon.svg
new file mode 100644
index 00000000..331e7574
--- /dev/null
+++ b/packages/icons/svg/travel-icon.svg
@@ -0,0 +1,14 @@
+
diff --git a/packages/icons/svg/twitter-icon.svg b/packages/icons/svg/twitter-icon.svg
index c95d6c0c..0c58b6dd 100644
--- a/packages/icons/svg/twitter-icon.svg
+++ b/packages/icons/svg/twitter-icon.svg
@@ -7,6 +7,12 @@
>
+
diff --git a/packages/icons/svg/unlocked-icon.svg b/packages/icons/svg/unlocked-icon.svg
index 55791d2d..2d5b18ad 100644
--- a/packages/icons/svg/unlocked-icon.svg
+++ b/packages/icons/svg/unlocked-icon.svg
@@ -8,7 +8,7 @@
diff --git a/packages/icons/svg/web-icon.svg b/packages/icons/svg/web-icon.svg
new file mode 100644
index 00000000..d244a15c
--- /dev/null
+++ b/packages/icons/svg/web-icon.svg
@@ -0,0 +1,19 @@
+
diff --git a/yarn.lock b/yarn.lock
index a6c342b0..c8565042 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7632,7 +7632,7 @@
resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc"
integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
-"@types/react-dom@^18.0.11":
+"@types/react-dom@18.0.11", "@types/react-dom@^18.0.11":
version "18.0.11"
resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.0.11.tgz#321351c1459bc9ca3d216aefc8a167beec334e33"
integrity sha512-O38bPbI2CWtgw/OoQoY+BRelw7uysmXbWvw3nLWO21H1HSh+GOlqPuXshJfjmpNlKiiSDG9cc1JZAaMmVdcTlw==
@@ -7646,7 +7646,7 @@
dependencies:
"@types/react" "*"
-"@types/react@*", "@types/react@>=16", "@types/react@^18.0.33":
+"@types/react@*", "@types/react@18.0.33", "@types/react@>=16", "@types/react@^18.0.33":
version "18.0.33"
resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.33.tgz#a1575160cb4376787c2f5fe0312302f824baa61e"
integrity sha512-sHxzVxeanvQyQ1lr8NSHaj0kDzcNiGpILEVt69g9S31/7PfMvNCKLKcsHw4lYKjs3cGNJjXSP4mYzX43QlnjNA==