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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 (
+
+ )
+}
+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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 (
-
- )
-}
-
-export const LockedIcon = memo(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 (
-
- )
-}
-
-export const MembersIcon = memo(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 (
-
- )
-}
-
-export const OptionsIcon = memo(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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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 @@
+
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,