diff --git a/apps/studio/components/interfaces/Realtime/Inspector/MessagesTable.tsx b/apps/studio/components/interfaces/Realtime/Inspector/MessagesTable.tsx
index e59edd8fbcb53..691dad04eca57 100644
--- a/apps/studio/components/interfaces/Realtime/Inspector/MessagesTable.tsx
+++ b/apps/studio/components/interfaces/Realtime/Inspector/MessagesTable.tsx
@@ -1,14 +1,15 @@
 import { useParams, useTelemetryProps } from 'common'
 import { isEqual } from 'lodash'
-import { ExternalLink, Loader2, Megaphone, MegaphoneIcon } from 'lucide-react'
+import { ExternalLink, Loader2, Megaphone } from 'lucide-react'
 import Link from 'next/link'
 import { useEffect, useState } from 'react'
 import DataGrid, { Row } from 'react-data-grid'
-import { Button, IconBroadcast, IconDatabaseChanges, IconPresence, cn } from 'ui'
 
 import ShimmerLine from 'components/ui/ShimmerLine'
+import { Broadcast, DatabaseChanges, Presence } from 'icons'
 import Telemetry from 'lib/telemetry'
 import { useRouter } from 'next/router'
+import { Button, cn } from 'ui'
 import MessageSelection from './MessageSelection'
 import type { LogData } from './Messages.types'
 import NoChannelEmptyState from './NoChannelEmptyState'
@@ -40,7 +41,7 @@ const NoResultAlert = ({
 
           <div className="mt-4 border bg-surface-100 border-border rounded-md justify-start items-center flex flex-col w-full">
             <div className="w-full px-5 py-4 items-center gap-4 inline-flex border-b">
-              <IconBroadcast size="xlarge" className="text-background bg-foreground rounded w-6" />
+              <Broadcast size="xlarge" className="text-background bg-foreground rounded w-6" />
               <div className="grow flex-col flex">
                 <p className="text-foreground">Create a Broadcast message</p>
                 <p className="text-foreground-lighter text-xs">Send a message in the channel</p>
@@ -50,7 +51,7 @@ const NoResultAlert = ({
               </Button>
             </div>
             <div className="w-full px-5 py-4 items-center gap-4 inline-flex border-b">
-              <IconPresence size="xlarge" className="text-background bg-foreground rounded w-6" />
+              <Presence size="xlarge" className="text-background bg-foreground rounded w-6" />
               <div className="grow flex-col flex">
                 <p className="text-foreground">Join from another browser tab</p>
                 <p className="text-foreground-lighter text-xs">
@@ -65,7 +66,7 @@ const NoResultAlert = ({
             </div>
 
             <div className="w-full px-5 py-4 items-center gap-4 inline-flex border-b">
-              <IconDatabaseChanges
+              <DatabaseChanges
                 size="xlarge"
                 className="text-background bg-foreground rounded w-6"
               />
diff --git a/apps/studio/components/interfaces/Realtime/Inspector/RealtimeFilterPopover/index.tsx b/apps/studio/components/interfaces/Realtime/Inspector/RealtimeFilterPopover/index.tsx
index 84af983368c43..2aaa176af0ec7 100644
--- a/apps/studio/components/interfaces/Realtime/Inspector/RealtimeFilterPopover/index.tsx
+++ b/apps/studio/components/interfaces/Realtime/Inspector/RealtimeFilterPopover/index.tsx
@@ -6,9 +6,6 @@ import { Dispatch, SetStateAction, useState } from 'react'
 import {
   Badge,
   Button,
-  IconBroadcast,
-  IconDatabaseChanges,
-  IconPresence,
   Input,
   PopoverContent_Shadcn_,
   PopoverTrigger_Shadcn_,
@@ -17,6 +14,7 @@ import {
   cn,
 } from 'ui'
 
+import { Broadcast, DatabaseChanges, Presence } from 'icons'
 import Telemetry from 'lib/telemetry'
 import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal'
 import { RealtimeConfig } from '../useRealtimeMessages'
@@ -74,10 +72,7 @@ export const RealtimeFilterPopover = ({ config, onChangeConfig }: RealtimeFilter
           <div className="py-3 px-4 border-b border-overlay">
             <div className="flex items-center justify-between gap-2">
               <div className="flex gap-2.5 items-center">
-                <IconPresence
-                  size="xlarge"
-                  className="bg-foreground rounded text-background-muted"
-                />
+                <Presence size="xlarge" className="bg-foreground rounded text-background-muted" />
                 <label htmlFor="toggle-presence" className="text-sm">
                   Presence
                 </label>
@@ -98,10 +93,7 @@ export const RealtimeFilterPopover = ({ config, onChangeConfig }: RealtimeFilter
           <div className="py-3 px-4 border-b border-overlay">
             <div className="flex items-center justify-between">
               <div className="flex gap-2.5 items-center">
-                <IconBroadcast
-                  size="xlarge"
-                  className="bg-foreground rounded text-background-muted"
-                />
+                <Broadcast size="xlarge" className="bg-foreground rounded text-background-muted" />
                 <label htmlFor="toggle-broadcast" className="text-sm">
                   Broadcast
                 </label>
@@ -122,7 +114,7 @@ export const RealtimeFilterPopover = ({ config, onChangeConfig }: RealtimeFilter
           <div className="py-3 px-4 border-b border-overlay">
             <div className="flex items-center justify-between">
               <div className="flex gap-2.5 items-center">
-                <IconDatabaseChanges
+                <DatabaseChanges
                   size="xlarge"
                   className="bg-foreground rounded text-background-muted"
                 />
diff --git a/apps/studio/components/interfaces/Realtime/Inspector/RealtimeMessageColumnRenderer.tsx b/apps/studio/components/interfaces/Realtime/Inspector/RealtimeMessageColumnRenderer.tsx
index 41f2eac07833b..f89f690cd2566 100644
--- a/apps/studio/components/interfaces/Realtime/Inspector/RealtimeMessageColumnRenderer.tsx
+++ b/apps/studio/components/interfaces/Realtime/Inspector/RealtimeMessageColumnRenderer.tsx
@@ -1,15 +1,16 @@
+import { AlertTriangle } from 'lucide-react'
 import { Column } from 'react-data-grid'
-import { cn, IconBroadcast, IconDatabaseChanges, IconPresence } from 'ui'
 
-import { AlertTriangle } from 'lucide-react'
+import { Broadcast, DatabaseChanges, Presence } from 'icons'
+import { cn } from 'ui'
 import type { LogData, PreviewLogData } from './Messages.types'
 import { RowLayout } from './MessagesFormatters'
 import { isErrorLog } from './MessagesTable'
 
 const ICONS = {
-  PRESENCE: <IconPresence size="xlarge" />,
-  BROADCAST: <IconBroadcast size="xlarge" />,
-  POSTGRES: <IconDatabaseChanges size="xlarge" />,
+  PRESENCE: <Presence size="xlarge" />,
+  BROADCAST: <Broadcast size="xlarge" />,
+  POSTGRES: <DatabaseChanges size="xlarge" />,
   SYSTEM: <AlertTriangle size="20" strokeWidth={1} />,
 }
 
diff --git a/apps/www/components/Blog/ShareArticleActions.tsx b/apps/www/components/Blog/ShareArticleActions.tsx
index b95a64a94d139..ea85a4c7a8671 100644
--- a/apps/www/components/Blog/ShareArticleActions.tsx
+++ b/apps/www/components/Blog/ShareArticleActions.tsx
@@ -1,5 +1,5 @@
+import { Linkedin, Twitter, YCombinator } from 'icons'
 import Link from 'next/link'
-import { IconLinkedinSolid, IconTwitterX, IconYCombinator } from 'ui'
 
 const ShareArticleActions = ({
   title,
@@ -23,7 +23,7 @@ const ShareArticleActions = ({
         target="_blank"
         className="text-foreground-lighter hover:text-foreground"
       >
-        <IconTwitterX size={iconSize} />
+        <Twitter size={iconSize} />
       </Link>
 
       <Link
@@ -32,7 +32,7 @@ const ShareArticleActions = ({
         target="_blank"
         className="text-foreground-lighter hover:text-foreground"
       >
-        <IconLinkedinSolid size={iconSize} />
+        <Linkedin size={iconSize} />
       </Link>
       <Link
         aria-label="Share on Hacker News"
@@ -40,7 +40,7 @@ const ShareArticleActions = ({
         target="_blank"
         className="text-foreground-lighter hover:text-foreground"
       >
-        <IconYCombinator size={iconSize} />
+        <YCombinator size={iconSize} />
       </Link>
     </div>
   )
diff --git a/apps/www/components/BuiltWithSupabase.tsx b/apps/www/components/BuiltWithSupabase.tsx
index 5059b7a9e9d30..146d03528ec44 100644
--- a/apps/www/components/BuiltWithSupabase.tsx
+++ b/apps/www/components/BuiltWithSupabase.tsx
@@ -1,10 +1,10 @@
-import { Button, IconGitHubSolid } from 'ui'
 import Link from 'next/link'
-
-import SectionContainer from '~/components/Layouts/SectionContainer'
-import ExampleCard from './ExampleCard'
+import { Button } from 'ui'
 
 import Examples from 'data/Examples'
+import { Github } from 'icons'
+import ExampleCard from './ExampleCard'
+import SectionContainer from './Layouts/SectionContainer'
 
 const BuiltWithSupabase = () => {
   return (
@@ -18,12 +18,7 @@ const BuiltWithSupabase = () => {
           <Button asChild type="default" size="small" className="h-full">
             <Link href="/docs/guides/examples">View all examples</Link>
           </Button>
-          <Button
-            asChild
-            type="default"
-            icon={<IconGitHubSolid size="tiny" className="!w-full !h-full" />}
-            size="small"
-          >
+          <Button asChild type="default" icon={<Github size="tiny" />} size="small">
             <Link href="https://github.com/supabase/supabase/tree/master/examples">
               Official GitHub library
             </Link>
diff --git a/apps/www/components/Footer/index.tsx b/apps/www/components/Footer/index.tsx
index 2a51a62668f35..0f934dc30bebb 100644
--- a/apps/www/components/Footer/index.tsx
+++ b/apps/www/components/Footer/index.tsx
@@ -2,12 +2,13 @@ import { CheckIcon } from '@heroicons/react/outline'
 import Image from 'next/image'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
-import { Badge, IconDiscord, IconGitHubSolid, IconTwitterX, IconYoutubeSolid, cn } from 'ui'
+import { Badge, cn } from 'ui'
 import SectionContainer from '../Layouts/SectionContainer'
 
 import * as supabaseLogoWordmarkDark from 'common/assets/images/supabase-logo-wordmark--dark.png'
 import * as supabaseLogoWordmarkLight from 'common/assets/images/supabase-logo-wordmark--light.png'
 import footerData from 'data/Footer'
+import { Discord, Github, Twitter, Youtube } from 'icons'
 import { ThemeToggle } from 'ui-patterns/ThemeToggle'
 import useDarkLaunchWeeks from '../../hooks/useDarkLaunchWeeks'
 
@@ -88,7 +89,7 @@ const Footer = (props: Props) => {
                 className="text-foreground-lighter hover:text-foreground transition"
               >
                 <span className="sr-only">Twitter</span>
-                <IconTwitterX size={22} />
+                <Twitter size={22} />
               </a>
 
               <a
@@ -96,7 +97,7 @@ const Footer = (props: Props) => {
                 className="text-foreground-lighter hover:text-foreground transition"
               >
                 <span className="sr-only">GitHub</span>
-                <IconGitHubSolid size={22} />
+                <Github size={22} />
               </a>
 
               <a
@@ -104,7 +105,7 @@ const Footer = (props: Props) => {
                 className="text-foreground-lighter hover:text-foreground transition"
               >
                 <span className="sr-only">Discord</span>
-                <IconDiscord size={22} />
+                <Discord size={22} />
               </a>
 
               <a
@@ -112,7 +113,7 @@ const Footer = (props: Props) => {
                 className="text-foreground-lighter hover:text-foreground transition"
               >
                 <span className="sr-only">Youtube</span>
-                <IconYoutubeSolid size={22} />
+                <Youtube size={22} />
               </a>
             </div>
           </div>
diff --git a/apps/www/components/LaunchWeek/11/Releases/components/index.tsx b/apps/www/components/LaunchWeek/11/Releases/components/index.tsx
index 198b66aabe07f..ae7af0d018ddd 100644
--- a/apps/www/components/LaunchWeek/11/Releases/components/index.tsx
+++ b/apps/www/components/LaunchWeek/11/Releases/components/index.tsx
@@ -1,10 +1,11 @@
-import { useEffect, useState } from 'react'
-import { IconDocumentation, IconMicSolid, IconProductHunt, IconYoutubeSolid, cn } from 'ui'
 import { Music } from 'lucide-react'
-
 import Link from 'next/link'
-import { StepLink } from '../data/lw11_data'
+import { useEffect, useState } from 'react'
+
+import { Documentation, Mic, ProductHunt, Youtube } from 'icons'
+import { cn } from 'ui'
 import { ExpandableVideo } from 'ui-patterns/ExpandableVideo'
+import { StepLink } from '../data/lw11_data'
 
 interface DayLink extends StepLink {
   className?: string
@@ -21,19 +22,19 @@ export const DayLink = ({ type, icon, text, href = '', className }: DayLink) =>
 
   const linkTypes = {
     blog: {
-      icon: IconDocumentation,
+      icon: Documentation,
       text: 'Blog Post',
     },
     docs: {
-      icon: IconDocumentation,
+      icon: Documentation,
       text: 'Docs',
     },
     productHunt: {
-      icon: IconProductHunt,
+      icon: ProductHunt,
       text: 'Product Hunt',
     },
     video: {
-      icon: IconYoutubeSolid,
+      icon: Youtube,
       text: 'Watch video',
     },
     podcast: {
@@ -41,7 +42,7 @@ export const DayLink = ({ type, icon, text, href = '', className }: DayLink) =>
       text: 'Podcast',
     },
     xSpace: {
-      icon: IconMicSolid,
+      icon: Mic,
       text: 'X Space',
     },
   }
diff --git a/apps/www/components/LaunchWeek/12/Releases/components/index.tsx b/apps/www/components/LaunchWeek/12/Releases/components/index.tsx
index 80aec5d83efdc..023f001444e4d 100644
--- a/apps/www/components/LaunchWeek/12/Releases/components/index.tsx
+++ b/apps/www/components/LaunchWeek/12/Releases/components/index.tsx
@@ -1,10 +1,11 @@
-import { useEffect, useState } from 'react'
-import { IconDocumentation, IconMicSolid, IconProductHunt, IconYoutubeSolid, cn } from 'ui'
 import { Music } from 'lucide-react'
-
 import Link from 'next/link'
-import { StepLink } from '../data/lw12_data'
+import { useEffect, useState } from 'react'
+
+import { Documentation, Mic, ProductHunt, Youtube } from 'icons'
+import { cn } from 'ui'
 import { ExpandableVideo } from 'ui-patterns/ExpandableVideo'
+import { StepLink } from '../data/lw12_data'
 
 interface DayLink extends StepLink {
   className?: string
@@ -21,19 +22,19 @@ export const DayLink = ({ type, icon, text, href = '', className }: DayLink) =>
 
   const linkTypes = {
     blog: {
-      icon: IconDocumentation,
+      icon: Documentation,
       text: 'Blog Post',
     },
     docs: {
-      icon: IconDocumentation,
+      icon: Documentation,
       text: 'Docs',
     },
     productHunt: {
-      icon: IconProductHunt,
+      icon: ProductHunt,
       text: 'Product Hunt',
     },
     video: {
-      icon: IconYoutubeSolid,
+      icon: Youtube,
       text: 'Watch video',
     },
     podcast: {
@@ -41,7 +42,7 @@ export const DayLink = ({ type, icon, text, href = '', className }: DayLink) =>
       text: 'Podcast',
     },
     xSpace: {
-      icon: IconMicSolid,
+      icon: Mic,
       text: 'X Space',
     },
   }
diff --git a/apps/www/components/LaunchWeek/X/Releases/components/index.tsx b/apps/www/components/LaunchWeek/X/Releases/components/index.tsx
index 088a64a0fe665..bd47654de54cb 100644
--- a/apps/www/components/LaunchWeek/X/Releases/components/index.tsx
+++ b/apps/www/components/LaunchWeek/X/Releases/components/index.tsx
@@ -1,9 +1,10 @@
 import { useEffect, useState } from 'react'
-import { IconDocumentation, IconMicSolid, IconProductHunt, IconYoutubeSolid, cn } from 'ui'
 
+import { Documentation, Mic, ProductHunt, Youtube } from 'icons'
 import Link from 'next/link'
-import { StepLink } from '../data/lwx_data'
+import { cn } from 'ui'
 import { ExpandableVideo } from 'ui-patterns/ExpandableVideo'
+import { StepLink } from '../data/lwx_data'
 
 interface DayLink extends StepLink {
   className?: string
@@ -20,23 +21,23 @@ export const DayLink = ({ type, icon, text, href = '', className }: DayLink) =>
 
   const linkTypes = {
     blog: {
-      icon: IconDocumentation,
+      icon: Documentation,
       text: 'Blog Post',
     },
     docs: {
-      icon: IconDocumentation,
+      icon: Documentation,
       text: 'Docs',
     },
     productHunt: {
-      icon: IconProductHunt,
+      icon: ProductHunt,
       text: 'Product Hunt',
     },
     video: {
-      icon: IconYoutubeSolid,
+      icon: Youtube,
       text: 'Watch video',
     },
     xSpace: {
-      icon: IconMicSolid,
+      icon: Mic,
       text: 'X Space',
     },
   }
diff --git a/apps/www/data/Developers.tsx b/apps/www/data/Developers.tsx
index c0ed763362fc9..e0ce82e0b322d 100644
--- a/apps/www/data/Developers.tsx
+++ b/apps/www/data/Developers.tsx
@@ -1,14 +1,15 @@
 import { Calendar } from 'lucide-react'
+
 import {
-  IconBriefcase2,
-  IconChangelog,
-  IconDiscussions,
-  IconDocumentation,
-  IconGitHubSolid,
-  IconIntegrations,
-  IconLifeBuoy2,
-  IconPartners,
-} from 'ui'
+  Briefcase,
+  Changelog,
+  Discussions,
+  Documentation,
+  Github,
+  Integrations,
+  LifeBuoy,
+  Partners,
+} from 'icons'
 
 export const data = {
   navigation: [
@@ -18,24 +19,24 @@ export const data = {
         {
           text: 'Documentation',
           url: '/docs',
-          icon: IconDocumentation,
+          icon: Documentation,
         },
         {
           text: 'Integrations',
           url: '/partners/integrations',
-          icon: IconIntegrations,
+          icon: Integrations,
         },
         {
           text: 'Changelog',
           description: 'See the latest updates and product improvements.',
           url: '/changelog',
-          icon: IconChangelog,
+          icon: Changelog,
         },
         {
           text: 'Support',
           description: 'See the latest updates and product improvements.',
           url: '/support',
-          icon: IconLifeBuoy2,
+          icon: LifeBuoy,
         },
       ],
     },
@@ -46,22 +47,22 @@ export const data = {
           text: 'Open Source',
           description: 'We support existing open source tools and communities wherever possible.',
           url: '/open-source',
-          icon: IconGitHubSolid,
+          icon: Github,
         },
         {
           text: 'GitHub Discussions',
           url: 'https://github.com/orgs/supabase/discussions',
-          icon: IconDiscussions,
+          icon: Discussions,
         },
         {
           text: 'Become a Partner',
           url: '/partners',
-          icon: IconPartners,
+          icon: Partners,
         },
         {
           text: 'Careers',
           url: '/careers',
-          icon: IconBriefcase2,
+          icon: Briefcase,
         },
         {
           text: 'Events & Webinars',
@@ -85,4 +86,4 @@ export const data = {
       icon: 'M6.87232 21.5743C9.09669 21.5743 10.8999 19.7711 10.8999 17.5467C10.8999 15.3223 9.09669 13.5191 6.87232 13.5191C4.64794 13.5191 2.84473 15.3223 2.84473 17.5467C2.84473 19.7711 4.64794 21.5743 6.87232 21.5743Z M17.127 3.67236V11.1724M20.877 7.42274H13.377M3.12305 3.67236H10.6231V11.1724H3.12305V3.67236ZM13.377 13.7966H20.877V21.2966H13.377V13.7966ZM10.8999 17.5467C10.8999 19.7711 9.09669 21.5743 6.87232 21.5743C4.64794 21.5743 2.84473 19.7711 2.84473 17.5467C2.84473 15.3223 4.64794 13.5191 6.87232 13.5191C9.09669 13.5191 10.8999 15.3223 10.8999 17.5467Z',
     },
   },
-}
+} as const
diff --git a/apps/www/data/ga.tsx b/apps/www/data/ga.tsx
index 7b501adcf0b5e..6ab7d9b03993e 100644
--- a/apps/www/data/ga.tsx
+++ b/apps/www/data/ga.tsx
@@ -1,6 +1,6 @@
 import { KeyIcon, RewindIcon, ShieldCheckIcon, UserGroupIcon } from '@heroicons/react/outline'
+import { Discord, Github, Twitter, Youtube } from 'icons'
 import { Activity } from 'lucide-react'
-import { IconDiscord, IconGitHubSolid, IconTwitterX, IconYoutubeSolid } from 'ui'
 
 export const data = (isDark: boolean) => ({
   hero: {
@@ -77,25 +77,25 @@ We're committed to our Free Plan - we know the importance of this for testing ho
         number: '65,000',
         text: 'GitHub stars',
         url: 'https://github.com/supabase',
-        icon: <IconGitHubSolid />,
+        icon: <Github />,
       },
       {
         number: '106,000',
         text: 'Twitter followers',
         url: 'https://twitter.com/supabase',
-        icon: <IconTwitterX />,
+        icon: <Twitter />,
       },
       {
         number: '25,000',
         text: 'Discord members',
         url: 'https://discord.com/invite/R7bSpeBSJE',
-        icon: <IconDiscord />,
+        icon: <Discord />,
       },
       {
         number: '23,000',
         text: 'YouTube subscribers',
         url: 'https://www.youtube.com/c/supabase',
-        icon: <IconYoutubeSolid />,
+        icon: <Youtube />,
       },
       {
         number: '10,000',
diff --git a/apps/www/data/support.tsx b/apps/www/data/support.tsx
index 2ec03cd7aaa91..b3c0038c70f49 100644
--- a/apps/www/data/support.tsx
+++ b/apps/www/data/support.tsx
@@ -1,5 +1,5 @@
+import { Discord, Discussions, Github } from 'icons'
 import { ArrowUpRight } from 'lucide-react'
-import { IconDiscord, IconDiscussions, IconGitHubSolid } from 'ui'
 
 const data = {
   meta_title: 'Help & Support | Supabase',
@@ -18,7 +18,7 @@ const data = {
           label: 'Open GitHub Issue',
           link: 'https://github.com/supabase/supabase/issues',
           target: '_blank',
-          icon: <IconGitHubSolid />,
+          icon: <Github />,
           type: 'default',
         },
       ],
@@ -31,7 +31,7 @@ const data = {
           label: 'Request feature',
           link: 'https://github.com/orgs/supabase/discussions/categories/feature-requests',
           target: '_blank',
-          icon: <IconGitHubSolid />,
+          icon: <Github />,
           type: 'default',
         },
       ],
@@ -45,14 +45,14 @@ const data = {
           label: 'Ask a question',
           link: 'https://github.com/supabase/supabase/discussions',
           target: '_blank',
-          icon: <IconDiscussions />,
+          icon: <Discussions />,
           type: 'default',
         },
         {
           label: 'Join Discord',
           link: 'https://discord.supabase.com/',
           target: '_blank',
-          icon: <IconDiscord fill="hsl(var(--background-default))" />,
+          icon: <Discord fill="hsl(var(--background-default))" />,
           type: 'secondary',
         },
       ],
diff --git a/packages/build-icons/src/building/generateExportsFile.mjs b/packages/build-icons/src/building/generateExportsFile.mjs
index 73c58cb00b86a..291b68299e832 100644
--- a/packages/build-icons/src/building/generateExportsFile.mjs
+++ b/packages/build-icons/src/building/generateExportsFile.mjs
@@ -8,7 +8,7 @@ export default (inputEntry, outputDirectory, iconNodes, iconFileExtension = '')
   // Reset file
   resetFile(fileName, outputDirectory)
 
-  const icons = Object.keys(iconNodes)
+  const icons = Object.keys(iconNodes).sort((a, b) => a.localeCompare(b))
 
   // Generate Import for Icon VNodes
   icons.forEach((iconName) => {
diff --git a/packages/build-icons/src/building/generateIconFiles.mjs b/packages/build-icons/src/building/generateIconFiles.mjs
index baaebedd2a68c..23e8158cf4ad7 100644
--- a/packages/build-icons/src/building/generateIconFiles.mjs
+++ b/packages/build-icons/src/building/generateIconFiles.mjs
@@ -25,9 +25,10 @@ export default ({
   const icons = Object.keys(iconNodes)
   const iconsDistDirectory = path.join(outputDirectory, `icons`)
 
-  if (!fs.existsSync(iconsDistDirectory)) {
-    fs.mkdirSync(iconsDistDirectory)
-  }
+  // delete the existing folder so that it can be recreated from scratch. This helps with removing
+  // accidentally misnamed files.
+  fs.rmdirSync(iconsDistDirectory, { recursive: true })
+  fs.mkdirSync(iconsDistDirectory)
 
   // TO DO -- START
   //
@@ -100,7 +101,7 @@ export const Index: Record<string, any> = [`
   // with all the other build scripts
   // @mildtomato
   async function writeRegistry() {
-    console.log(registryIndex)
+    // console.log(registryIndex)
 
     registryIndex += `\n}`
     // close index
diff --git a/packages/icons/__registry__/index.tsx b/packages/icons/__registry__/index.tsx
index 7dc292a12523d..eac9819c3c086 100644
--- a/packages/icons/__registry__/index.tsx
+++ b/packages/icons/__registry__/index.tsx
@@ -44,6 +44,46 @@ export const Index: Record<string, any> = [
   svg: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\"\n    stroke-width=\"1\">\n    <path\n        d=\"M5.24121 15.0674H12.7412M5.24121 15.0674V18.0674H12.7412V15.0674M5.24121 15.0674V12.0674H12.7412V15.0674M15 7.60547V4.60547C15 2.94861 13.6569 1.60547 12 1.60547C10.3431 1.60547 9 2.94861 9 4.60547V7.60547M5.20898 9.60547L5.20898 19.1055C5.20898 20.21 6.10441 21.1055 7.20898 21.1055H16.709C17.8136 21.1055 18.709 20.21 18.709 19.1055V9.60547C18.709 8.5009 17.8136 7.60547 16.709 7.60547L7.20899 7.60547C6.10442 7.60547 5.20898 8.5009 5.20898 9.60547Z\" />\n</svg>",
   jsx: "import { Auth } from \"icons\"\n  <Auth/>\n  "
 },
+{
+  name: "briefcase",
+  componentName: "Briefcase",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Briefcase\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbC1ydWxlPSJldmVub2RkIgogICAgY2xpcC1ydWxlPSJldmVub2RkIgogICAgZD0iTTUuOTY5NjcgMi43ODk0QzUuOTY5NjcgMS44NDA3MSA2LjczODczIDEuMDcxNjQgNy42ODc0MyAxLjA3MTY0SDguMjYwMDFDOS4yMDg3MSAxLjA3MTY0IDkuOTc3NzcgMS44NDA3MSA5Ljk3Nzc3IDIuNzg5NFYzLjM2MTk5SDEzLjQ4ODFDMTQuODc1NCAzLjM2MTk5IDE2IDQuNDg2NTkgMTYgNS44NzM4NUMxNiA2LjQyNjA4IDE1LjgxOSA2Ljk1MDMxIDE1LjUwMTIgNy4zNzYxOFYxMi4wNjU0QzE1LjUwMTIgMTMuNjQ2NiAxNC4yMTk0IDE0LjkyODQgMTIuNjM4MyAxNC45Mjg0SDMuMzYxNzFDMS43ODA1NiAxNC45Mjg0IDAuNDk4Nzc3IDEzLjY0NjYgMC40OTg3NzcgMTIuMDY1NFY3LjM3NjE4QzAuMTgxMDMzIDYuOTUwMzEgMCA2LjQyNjA4IDAgNS44NzM4NUMwIDQuNDg2NTkgMS4xMjQ2IDMuMzYxOTkgMi41MTE4NiAzLjM2MTk5SDUuOTY5NjdWMi43ODk0Wk0yLjUxMTg2IDQuNTA3MTZDMS43NTcwNiA0LjUwNzE2IDEuMTQ1MTcgNS4xMTkwNSAxLjE0NTE3IDUuODczODVDMS4xNDUxNyA2LjM5OTk4IDEuNDQ3MTkgNi44Nzk0IDEuOTIxNzUgNy4xMDY1N0w1LjE3MTA5IDguNjYyMDVDNS40NTYzMyA4Ljc5ODU5IDUuNTc2ODYgOS4xNDA1MSA1LjQ0MDMyIDkuNDI1NzRDNS4zMDM3OCA5LjcxMDk4IDQuOTYxODYgOS44MzE1MiA0LjY3NjYzIDkuNjk0OTdMMS42NDM5NSA4LjI0MzIxVjEyLjA2NTRDMS42NDM5NSAxMy4wMTQxIDIuNDEzMDIgMTMuNzgzMiAzLjM2MTcxIDEzLjc4MzJIMTIuNjM4M0MxMy41ODcgMTMuNzgzMiAxNC4zNTYgMTMuMDE0MSAxNC4zNTYgMTIuMDY1NFY4LjI0MzIxTDExLjMyMzQgOS42OTQ5N0MxMS4wMzgxIDkuODMxNTIgMTAuNjk2MiA5LjcxMDk4IDEwLjU1OTcgOS40MjU3NEMxMC40MjMxIDkuMTQwNTEgMTAuNTQzNyA4Ljc5ODU5IDEwLjgyODkgOC42NjIwNUwxNC4wNzgzIDcuMTA2NTdDMTQuNTUyOCA2Ljg3OTQgMTQuODU0OCA2LjM5OTk4IDE0Ljg1NDggNS44NzM4NUMxNC44NTQ4IDUuMTE5MDUgMTQuMjQyOSA0LjUwNzE2IDEzLjQ4ODEgNC41MDcxNkgyLjUxMTg2Wk04LjgzMjYgMy4zNjE5OUg3LjExNDg0VjIuNzg5NEM3LjExNDg0IDIuNDczMTcgNy4zNzExOSAyLjIxNjgyIDcuNjg3NDMgMi4yMTY4Mkg4LjI2MDAxQzguNTc2MjQgMi4yMTY4MiA4LjgzMjYgMi40NzMxNyA4LjgzMjYgMi43ODk0VjMuMzYxOTlaTTcuNjg3NDMgOS4wMDU5NEM3LjM3MTE5IDkuMDA1OTQgNy4xMTQ4NCA5LjI2MjMgNy4xMTQ4NCA5LjU3ODUzVjEwLjE1MTFDNy4xMTQ4NCAxMC40NjczIDcuMzcxMTkgMTAuNzIzNyA3LjY4NzQzIDEwLjcyMzdIOC4yNjAwMUM4LjU3NjI0IDEwLjcyMzcgOC44MzI2IDEwLjQ2NzMgOC44MzI2IDEwLjE1MTFWOS41Nzg1M0M4LjgzMjYgOS4yNjIzIDguNTc2MjQgOS4wMDU5NCA4LjI2MDAxIDkuMDA1OTRINy42ODc0M1pNNS45Njk2NyA5LjU3ODUzQzUuOTY5NjcgOC42Mjk4NCA2LjczODczIDcuODYwNzcgNy42ODc0MyA3Ljg2MDc3SDguMjYwMDFDOS4yMDg3MSA3Ljg2MDc3IDkuOTc3NzcgOC42Mjk4NCA5Ljk3Nzc3IDkuNTc4NTNWMTAuMTUxMUM5Ljk3Nzc3IDExLjA5OTggOS4yMDg3MSAxMS44Njg5IDguMjYwMDEgMTEuODY4OUg3LjY4NzQzQzYuNzM4NzMgMTEuODY4OSA1Ljk2OTY3IDExLjA5OTggNS45Njk2NyAxMC4xNTExVjkuNTc4NTNaIgogICAgZmlsbD0iY3VycmVudENvbG9yIgogIC8+Cjwvc3ZnPg==)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Briefcase = createSupabaseIcon('Briefcase', [\n  [\n    'path',\n    {\n      'fill-rule': 'evenodd',\n      'clip-rule': 'evenodd',\n      d: 'M5.96967 2.7894C5.96967 1.84071 6.73873 1.07164 7.68743 1.07164H8.26001C9.20871 1.07164 9.97777 1.84071 9.97777 2.7894V3.36199H13.4881C14.8754 3.36199 16 4.48659 16 5.87385C16 6.42608 15.819 6.95031 15.5012 7.37618V12.0654C15.5012 13.6466 14.2194 14.9284 12.6383 14.9284H3.36171C1.78056 14.9284 0.498777 13.6466 0.498777 12.0654V7.37618C0.181033 6.95031 0 6.42608 0 5.87385C0 4.48659 1.1246 3.36199 2.51186 3.36199H5.96967V2.7894ZM2.51186 4.50716C1.75706 4.50716 1.14517 5.11905 1.14517 5.87385C1.14517 6.39998 1.44719 6.8794 1.92175 7.10657L5.17109 8.66205C5.45633 8.79859 5.57686 9.14051 5.44032 9.42574C5.30378 9.71098 4.96186 9.83152 4.67663 9.69497L1.64395 8.24321V12.0654C1.64395 13.0141 2.41302 13.7832 3.36171 13.7832H12.6383C13.587 13.7832 14.356 13.0141 14.356 12.0654V8.24321L11.3234 9.69497C11.0381 9.83152 10.6962 9.71098 10.5597 9.42574C10.4231 9.14051 10.5437 8.79859 10.8289 8.66205L14.0783 7.10657C14.5528 6.8794 14.8548 6.39998 14.8548 5.87385C14.8548 5.11905 14.2429 4.50716 13.4881 4.50716H2.51186ZM8.8326 3.36199H7.11484V2.7894C7.11484 2.47317 7.37119 2.21682 7.68743 2.21682H8.26001C8.57624 2.21682 8.8326 2.47317 8.8326 2.7894V3.36199ZM7.68743 9.00594C7.37119 9.00594 7.11484 9.2623 7.11484 9.57853V10.1511C7.11484 10.4673 7.37119 10.7237 7.68743 10.7237H8.26001C8.57624 10.7237 8.8326 10.4673 8.8326 10.1511V9.57853C8.8326 9.2623 8.57624 9.00594 8.26001 9.00594H7.68743ZM5.96967 9.57853C5.96967 8.62984 6.73873 7.86077 7.68743 7.86077H8.26001C9.20871 7.86077 9.97777 8.62984 9.97777 9.57853V10.1511C9.97777 11.0998 9.20871 11.8689 8.26001 11.8689H7.68743C6.73873 11.8689 5.96967 11.0998 5.96967 10.1511V9.57853Z',\n      fill: 'currentColor',\n      key: '1misct',\n    },\n  ],\n]);\n\nexport default Briefcase;\n",
+  component: React.lazy(() => import('icons/src/icons/briefcase')),
+  import: "import { Briefcase } from 'icons'",
+  svg: "<svg   \n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M5.96967 2.7894C5.96967 1.84071 6.73873 1.07164 7.68743 1.07164H8.26001C9.20871 1.07164 9.97777 1.84071 9.97777 2.7894V3.36199H13.4881C14.8754 3.36199 16 4.48659 16 5.87385C16 6.42608 15.819 6.95031 15.5012 7.37618V12.0654C15.5012 13.6466 14.2194 14.9284 12.6383 14.9284H3.36171C1.78056 14.9284 0.498777 13.6466 0.498777 12.0654V7.37618C0.181033 6.95031 0 6.42608 0 5.87385C0 4.48659 1.1246 3.36199 2.51186 3.36199H5.96967V2.7894ZM2.51186 4.50716C1.75706 4.50716 1.14517 5.11905 1.14517 5.87385C1.14517 6.39998 1.44719 6.8794 1.92175 7.10657L5.17109 8.66205C5.45633 8.79859 5.57686 9.14051 5.44032 9.42574C5.30378 9.71098 4.96186 9.83152 4.67663 9.69497L1.64395 8.24321V12.0654C1.64395 13.0141 2.41302 13.7832 3.36171 13.7832H12.6383C13.587 13.7832 14.356 13.0141 14.356 12.0654V8.24321L11.3234 9.69497C11.0381 9.83152 10.6962 9.71098 10.5597 9.42574C10.4231 9.14051 10.5437 8.79859 10.8289 8.66205L14.0783 7.10657C14.5528 6.8794 14.8548 6.39998 14.8548 5.87385C14.8548 5.11905 14.2429 4.50716 13.4881 4.50716H2.51186ZM8.8326 3.36199H7.11484V2.7894C7.11484 2.47317 7.37119 2.21682 7.68743 2.21682H8.26001C8.57624 2.21682 8.8326 2.47317 8.8326 2.7894V3.36199ZM7.68743 9.00594C7.37119 9.00594 7.11484 9.2623 7.11484 9.57853V10.1511C7.11484 10.4673 7.37119 10.7237 7.68743 10.7237H8.26001C8.57624 10.7237 8.8326 10.4673 8.8326 10.1511V9.57853C8.8326 9.2623 8.57624 9.00594 8.26001 9.00594H7.68743ZM5.96967 9.57853C5.96967 8.62984 6.73873 7.86077 7.68743 7.86077H8.26001C9.20871 7.86077 9.97777 8.62984 9.97777 9.57853V10.1511C9.97777 11.0998 9.20871 11.8689 8.26001 11.8689H7.68743C6.73873 11.8689 5.96967 11.0998 5.96967 10.1511V9.57853Z\"\n    fill=\"currentColor\"\n  />\n</svg>",
+  jsx: "import { Briefcase } from \"icons\"\n  <Briefcase/>\n  "
+},
+{
+  name: "broadcast",
+  componentName: "Broadcast",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Broadcast\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgaWQ9IkVsbGlwc2UgMTQ2IgogICAgZD0iTTE3LjMxNTQgNi43MDMxMkMxOC42OTY4IDguMDYyMjcgMTkuNTUzMiA5Ljk1MjQ5IDE5LjU1MzIgMTIuMDQyNkMxOS41NTMyIDE0LjEzMjYgMTguNjk2OCAxNi4wMjI5IDE3LjMxNTQgMTcuMzgyTTYuNzkxMDIgNi43MDMxMkM1LjQwOTY2IDguMDYyMjcgNC41NTMyMiA5Ljk1MjQ5IDQuNTUzMjIgMTIuMDQyNkM0LjU1MzIyIDE0LjEzMjYgNS40MDk2NiAxNi4wMjI5IDYuNzkxMDIgMTcuMzgyIgogICAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiCiAgICBzdHJva2VNaXRlcmxpbWl0PSIxMCIKICAgIHN0cm9rZUxpbmVqb2luPSJiZXZlbCIKICAgIG9wYWNpdHk9ezAuNDV9CiAgLz4KICA8ZWxsaXBzZQogICAgaWQ9IkVsbGlwc2UgMTQ0IgogICAgY3g9IjEyLjA1MzIiCiAgICBjeT0iMTIuMDQyOCIKICAgIHJ4PSIzLjAwOTI4IgogICAgcnk9IjMuMDA2NjYiCiAgICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICAgIHN0cm9rZU1pdGVybGltaXQ9IjEwIgogICAgc3Ryb2tlTGluZWpvaW49ImJldmVsIgogIC8+CiAgPHBhdGgKICAgIGlkPSJWZWN0b3IgOTYiCiAgICBkPSJNMTIuMDc0NyAxNS4wNDg4TDEyLjA3NDcgMjMuOTk5NiIKICAgIHN0cm9rZT0iY3VycmVudENvbG9yIgogICAgc3Ryb2tlTWl0ZXJsaW1pdD0iMTAiCiAgICBzdHJva2VMaW5lam9pbj0iYmV2ZWwiCiAgLz4KPC9zdmc+Cg==)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Broadcast = createSupabaseIcon('Broadcast', [\n  [\n    'path',\n    {\n      id: 'Ellipse 146',\n      d: 'M17.3154 6.70312C18.6968 8.06227 19.5532 9.95249 19.5532 12.0426C19.5532 14.1326 18.6968 16.0229 17.3154 17.382M6.79102 6.70312C5.40966 8.06227 4.55322 9.95249 4.55322 12.0426C4.55322 14.1326 5.40966 16.0229 6.79102 17.382',\n      stroke: 'currentColor',\n      strokeMiterlimit: '10',\n      strokeLinejoin: 'bevel',\n      opacity: '{0.45}',\n      key: '1cmw5p',\n    },\n  ],\n  [\n    'ellipse',\n    {\n      id: 'Ellipse 144',\n      cx: '12.0532',\n      cy: '12.0428',\n      rx: '3.00928',\n      ry: '3.00666',\n      stroke: 'currentColor',\n      strokeMiterlimit: '10',\n      strokeLinejoin: 'bevel',\n      key: '1vl5yc',\n    },\n  ],\n  [\n    'path',\n    {\n      id: 'Vector 96',\n      d: 'M12.0747 15.0488L12.0747 23.9996',\n      stroke: 'currentColor',\n      strokeMiterlimit: '10',\n      strokeLinejoin: 'bevel',\n      key: '1xiitz',\n    },\n  ],\n]);\n\nexport default Broadcast;\n",
+  component: React.lazy(() => import('icons/src/icons/broadcast')),
+  import: "import { Broadcast } from 'icons'",
+  svg: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path\n    id=\"Ellipse 146\"\n    d=\"M17.3154 6.70312C18.6968 8.06227 19.5532 9.95249 19.5532 12.0426C19.5532 14.1326 18.6968 16.0229 17.3154 17.382M6.79102 6.70312C5.40966 8.06227 4.55322 9.95249 4.55322 12.0426C4.55322 14.1326 5.40966 16.0229 6.79102 17.382\"\n    stroke=\"currentColor\"\n    strokeMiterlimit=\"10\"\n    strokeLinejoin=\"bevel\"\n    opacity={0.45}\n  />\n  <ellipse\n    id=\"Ellipse 144\"\n    cx=\"12.0532\"\n    cy=\"12.0428\"\n    rx=\"3.00928\"\n    ry=\"3.00666\"\n    stroke=\"currentColor\"\n    strokeMiterlimit=\"10\"\n    strokeLinejoin=\"bevel\"\n  />\n  <path\n    id=\"Vector 96\"\n    d=\"M12.0747 15.0488L12.0747 23.9996\"\n    stroke=\"currentColor\"\n    strokeMiterlimit=\"10\"\n    strokeLinejoin=\"bevel\"\n  />\n</svg>\n",
+  jsx: "import { Broadcast } from \"icons\"\n  <Broadcast/>\n  "
+},
+{
+  name: "changelog",
+  componentName: "Changelog",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Changelog\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZD0iTTIuNTE3NjQgMi45ODcyMUMzLjg3NTg4IDEuNTAyNTYgNS44MjkyIDAuNTcxNDI4IDggMC41NzE0MjhDMTIuMTAyNyAwLjU3MTQyOCAxNS40Mjg2IDMuODk3MzEgMTUuNDI4NiA4QzE1LjQyODYgMTIuMTAyNyAxMi4xMDI3IDE1LjQyODYgOCAxNS40Mjg2QzMuODk3MzEgMTUuNDI4NiAwLjU3MTQyNiAxMi4xMDI3IDAuNTcxNDI2IDhDMC41NzE0MjYgNy4wOTM2NSAwLjczMzc0MSA2LjIyNTIyIDEuMDMwODkgNS40MjIxOEMxLjA5MTU1IDUuMjU4MjQgMS4xNTc4MyA1LjA5NzAzIDEuMjI5NDkgNC45Mzg3OE0yLjI5MzUyIDEuMTU5MDRMMi4yOTM1MiAyLjYyMjU0QzIuMjkzNTIgMi45MzgxNCAyLjU0OTM2IDMuMTkzOTggMi44NjQ5NiAzLjE5Mzk4TDQuMzI4NDYgMy4xOTM5OE00IDUuNUgxMk0zIDcuOTgzODNIMTNNNCAxMC41SDEyIgogICAgc3Ryb2tlTWl0ZXJsaW1pdD0iMTAiCiAgICBzdHJva2VMaW5lY2FwPSJyb3VuZCIKICAgIHN0cm9rZUxpbmVqb2luPSJyb3VuZCIKICAvPgo8L3N2Zz4K)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Changelog = createSupabaseIcon('Changelog', [\n  [\n    'path',\n    {\n      d: 'M2.51764 2.98721C3.87588 1.50256 5.8292 0.571428 8 0.571428C12.1027 0.571428 15.4286 3.89731 15.4286 8C15.4286 12.1027 12.1027 15.4286 8 15.4286C3.89731 15.4286 0.571426 12.1027 0.571426 8C0.571426 7.09365 0.733741 6.22522 1.03089 5.42218C1.09155 5.25824 1.15783 5.09703 1.22949 4.93878M2.29352 1.15904L2.29352 2.62254C2.29352 2.93814 2.54936 3.19398 2.86496 3.19398L4.32846 3.19398M4 5.5H12M3 7.98383H13M4 10.5H12',\n      strokeMiterlimit: '10',\n      strokeLinecap: 'round',\n      strokeLinejoin: 'round',\n      key: 'ye3llm',\n    },\n  ],\n]);\n\nexport default Changelog;\n",
+  component: React.lazy(() => import('icons/src/icons/changelog')),
+  import: "import { Changelog } from 'icons'",
+  svg: "<svg   \n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path\n    d=\"M2.51764 2.98721C3.87588 1.50256 5.8292 0.571428 8 0.571428C12.1027 0.571428 15.4286 3.89731 15.4286 8C15.4286 12.1027 12.1027 15.4286 8 15.4286C3.89731 15.4286 0.571426 12.1027 0.571426 8C0.571426 7.09365 0.733741 6.22522 1.03089 5.42218C1.09155 5.25824 1.15783 5.09703 1.22949 4.93878M2.29352 1.15904L2.29352 2.62254C2.29352 2.93814 2.54936 3.19398 2.86496 3.19398L4.32846 3.19398M4 5.5H12M3 7.98383H13M4 10.5H12\"\n    strokeMiterlimit=\"10\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  />\n</svg>\n",
+  jsx: "import { Changelog } from \"icons\"\n  <Changelog/>\n  "
+},
+{
+  name: "database-changes",
+  componentName: "DatabaseChanges",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name DatabaseChanges\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiMwMDAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOyBib3JkZXItcmFkaXVzOiAycHgiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIiAgCj4KICA8cGF0aAogICAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiCiAgICBzdHJva2VMaW5lY2FwPSJyb3VuZCIKICAgIHN0cm9rZUxpbmVqb2luPSJiZXZlbCIKICAgIHN0cm9rZU1pdGVybGltaXQ9ezEwfQogICAgZD0iTTIwLjMwNyAxMmE3LjgwNyA3LjgwNyAwIDAgMS03LjgwNyA3LjgwOE00LjY5MyAxMkE3LjgwNyA3LjgwNyAwIDAgMSAxMi41IDQuMTkzIgogICAgb3BhY2l0eT17MC40NX0KICAvPgogIDxjaXJjbGUKICAgIGN4PXsxNy41MTJ9CiAgICBjeT17Ni45NzF9CiAgICByPXszLjcyM30KICAgIHN0cm9rZT0iY3VycmVudENvbG9yIgogICAgc3Ryb2tlTGluZWpvaW49ImJldmVsIgogICAgc3Ryb2tlTWl0ZXJsaW1pdD17MTB9CiAgLz4KICA8cGF0aAogICAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiCiAgICBzdHJva2VMaW5lam9pbj0iYmV2ZWwiCiAgICBzdHJva2VNaXRlcmxpbWl0PXsxMH0KICAgIGQ9Im0xMC4xMSAxMy4yODcgMi4xMzcgMy43MDMtMi4xMzggMy43MDNINS44MzNMMy42OTUgMTYuOTlsMi4xMzgtMy43MDNoNC4yNzZaIgogIC8+Cjwvc3ZnPgo=)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst DatabaseChanges = createSupabaseIcon('DatabaseChanges', [\n  [\n    'path',\n    {\n      stroke: 'currentColor',\n      strokeLinecap: 'round',\n      strokeLinejoin: 'bevel',\n      strokeMiterlimit: '{10}',\n      d: 'M20.307 12a7.807 7.807 0 0 1-7.807 7.808M4.693 12A7.807 7.807 0 0 1 12.5 4.193',\n      opacity: '{0.45}',\n      key: '1l8l8g',\n    },\n  ],\n  [\n    'circle',\n    {\n      cx: '{17.512}',\n      cy: '{6.971}',\n      r: '{3.723}',\n      stroke: 'currentColor',\n      strokeLinejoin: 'bevel',\n      strokeMiterlimit: '{10}',\n      key: '1rkalb',\n    },\n  ],\n  [\n    'path',\n    {\n      stroke: 'currentColor',\n      strokeLinejoin: 'bevel',\n      strokeMiterlimit: '{10}',\n      d: 'm10.11 13.287 2.137 3.703-2.138 3.703H5.833L3.695 16.99l2.138-3.703h4.276Z',\n      key: 'skaxcw',\n    },\n  ],\n]);\n\nexport default DatabaseChanges;\n",
+  component: React.lazy(() => import('icons/src/icons/database-changes')),
+  import: "import { DatabaseChanges } from 'icons'",
+  svg: "<svg \n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"  \n>\n  <path\n    stroke=\"currentColor\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"bevel\"\n    strokeMiterlimit={10}\n    d=\"M20.307 12a7.807 7.807 0 0 1-7.807 7.808M4.693 12A7.807 7.807 0 0 1 12.5 4.193\"\n    opacity={0.45}\n  />\n  <circle\n    cx={17.512}\n    cy={6.971}\n    r={3.723}\n    stroke=\"currentColor\"\n    strokeLinejoin=\"bevel\"\n    strokeMiterlimit={10}\n  />\n  <path\n    stroke=\"currentColor\"\n    strokeLinejoin=\"bevel\"\n    strokeMiterlimit={10}\n    d=\"m10.11 13.287 2.137 3.703-2.138 3.703H5.833L3.695 16.99l2.138-3.703h4.276Z\"\n  />\n</svg>\n",
+  jsx: "import { DatabaseChanges } from \"icons\"\n  <DatabaseChanges/>\n  "
+},
 {
   name: "database",
   componentName: "Database",
@@ -54,6 +94,36 @@ export const Index: Record<string, any> = [
   svg: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\"\n    stroke-width=\"1\">\n    <path d=\" M5.56774 9.70642H18.4547V15.7064H5.56774V9.70642Z\" />\n    <path d=\" M4.5 16.7094C4.5 16.1571 4.94772 15.7094 5.5 15.7094H18.5C19.0523 15.7094 19.5 16.1571 19.5\n        16.7094V20.7094C19.5 21.2616 19.0523 21.7094 18.5 21.7094H5.5C4.94772 21.7094 4.5 21.2616 4.5\n        20.7094V16.7094Z\" />\n    <path\n        d=\"M4.5 4.70679C4.5 4.1545 4.94772 3.70679 5.5 3.70679H18.5C19.0523 3.70679 19.5 4.1545 19.5 4.70679V8.70679C19.5 9.25907 19.0523 9.70679 18.5 9.70679H5.5C4.94772 9.70679 4.5 9.25907 4.5 8.70679V4.70679Z\" />\n</svg>",
   jsx: "import { Database } from \"icons\"\n  <Database/>\n  "
 },
+{
+  name: "discord",
+  componentName: "Discord",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Discord\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbFJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwUnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik0xMy41NDQ3IDMuMDEwOTRDMTIuNTI0OSAyLjU0MzAyIDExLjQzMTMgMi4xOTgyOCAxMC4yODc5IDIuMDAwODNDMTAuMjY3MSAxLjk5NzAyIDEwLjI0NjMgMi4wMDY1NCAxMC4yMzU2IDIuMDI1NTlDMTAuMDk0OSAyLjI3NTczIDkuOTM5MjEgMi42MDIwNiA5LjgzMDExIDIuODU4NTZDOC42MDAyOCAyLjY3NDQ0IDcuMzc2OCAyLjY3NDQ0IDYuMTcyMjIgMi44NTg1NkM2LjA2MzExIDIuNTk2MzYgNS45MDE2NiAyLjI3NTczIDUuNzYwMzggMi4wMjU1OUM1Ljc0OTY2IDIuMDA3MTcgNS43Mjg4NyAxLjk5NzY1IDUuNzA4MDMgMi4wMDA4M0M0LjU2NTI3IDIuMTk3NjQgMy40NzE3MSAyLjU0MjM5IDIuNDUxMjkgMy4wMTA5NEMyLjQ0MjQ2IDMuMDE0NzUgMi40MzQ4OCAzLjAyMTEgMi40Mjk4NiAzLjAyOTM1QzAuMzU1NTk0IDYuMTI4MjYgLTAuMjEyNjMzIDkuMTUxIDAuMDY2MTIgMTIuMTM2MkMwLjA2NzM4MSAxMi4xNTA4IDAuMDc1NTc5OSAxMi4xNjQ4IDAuMDg2OTMxOSAxMi4xNzM3QzEuNDU1NDcgMTMuMTc4NyAyLjc4MTE0IDEzLjc4ODkgNC4wODIxOSAxNC4xOTMzQzQuMTAzMDEgMTQuMTk5NiA0LjEyNTA3IDE0LjE5MiA0LjEzODMyIDE0LjE3NDlDNC40NDYwOCAxMy43NTQ2IDQuNzIwNDMgMTMuMzExNCA0Ljk1NTY1IDEyLjg0NTRDNC45Njk1MyAxMi44MTgxIDQuOTU2MjggMTIuNzg1NyA0LjkyNzkxIDEyLjc3NDlDNC40OTI3NSAxMi42MDk5IDQuMDc4NCAxMi40MDg2IDMuNjc5ODIgMTIuMThDMy42NDgyOSAxMi4xNjE2IDMuNjQ1NzcgMTIuMTE2NSAzLjY3NDc3IDEyLjA5NUMzLjc1ODY1IDEyLjAzMjEgMy44NDI1NSAxMS45NjY3IDMuOTIyNjQgMTEuOTAwN0MzLjkzNzEzIDExLjg4ODYgMy45NTczMiAxMS44ODYxIDMuOTc0MzUgMTEuODkzN0M2LjU5Mjg3IDEzLjA4OTIgOS40Mjc3MSAxMy4wODkyIDEyLjAxNTMgMTEuODkzN0MxMi4wMzIzIDExLjg4NTQgMTIuMDUyNSAxMS44ODggMTIuMDY3NyAxMS45QzEyLjE0NzggMTEuOTY2MSAxMi4yMzE2IDEyLjAzMjEgMTIuMzE2MSAxMi4wOTVDMTIuMzQ1MSAxMi4xMTY1IDEyLjM0MzMgMTIuMTYxNiAxMi4zMTE3IDEyLjE4QzExLjkxMzEgMTIuNDEzIDExLjQ5ODggMTIuNjA5OSAxMS4wNjMgMTIuNzc0M0MxMS4wMzQ2IDEyLjc4NTEgMTEuMDIyIDEyLjgxODEgMTEuMDM1OSAxMi44NDU0QzExLjI3NjIgMTMuMzEwOCAxMS41NTA1IDEzLjc1MzkgMTEuODUyNiAxNC4xNzQyQzExLjg2NTIgMTQuMTkyIDExLjg4NzkgMTQuMTk5NiAxMS45MDg3IDE0LjE5MzNDMTMuMjE2MSAxMy43ODg5IDE0LjU0MTcgMTMuMTc4NyAxNS45MTAzIDEyLjE3MzdDMTUuOTIyMyAxMi4xNjQ4IDE1LjkyOTggMTIuMTUxNSAxNS45MzExIDEyLjEzNjlDMTYuMjY0NyA4LjY4NTYgMTUuMzcyMyA1LjY4NzY1IDEzLjU2NTUgMy4wMjk5OEMxMy41NjExIDMuMDIxMSAxMy41NTM1IDMuMDE0NzUgMTMuNTQ0NyAzLjAxMDk0Wk01LjM0NjY4IDEwLjMxODVDNC41NTgzMyAxMC4zMTg1IDMuOTA4NzYgOS41OTQ3OCAzLjkwODc2IDguNzA1OTNDMy45MDg3NiA3LjgxNzA3IDQuNTQ1NzQgNy4wOTMzMSA1LjM0NjY4IDcuMDkzMzFDNi4xNTM5MyA3LjA5MzMxIDYuNzk3MjIgNy44MjM0MiA2Ljc4NDYgOC43MDU5M0M2Ljc4NDYgOS41OTQ3OCA2LjE0NzYyIDEwLjMxODUgNS4zNDY2OCAxMC4zMTg1Wk0xMC42NjMyIDEwLjMxODVDOS44NzQ4MSAxMC4zMTg1IDkuMjI1MjcgOS41OTQ3OCA5LjIyNTI3IDguNzA1OTNDOS4yMjUyNyA3LjgxNzA3IDkuODYyMjEgNy4wOTMzMSAxMC42NjMyIDcuMDkzMzFDMTEuNDcwNCA3LjA5MzMxIDEyLjExMzcgNy44MjM0MiAxMi4xMDExIDguNzA1OTNDMTIuMTAxMSA5LjU5NDc4IDExLjQ3MDQgMTAuMzE4NSAxMC42NjMyIDEwLjMxODVaIgogICAgZmlsbD0iY3VycmVudENvbG9yIgogIC8+Cjwvc3ZnPgo=)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Discord = createSupabaseIcon('Discord', [\n  [\n    'path',\n    {\n      fillRule: 'evenodd',\n      clipRule: 'evenodd',\n      d: 'M13.5447 3.01094C12.5249 2.54302 11.4313 2.19828 10.2879 2.00083C10.2671 1.99702 10.2463 2.00654 10.2356 2.02559C10.0949 2.27573 9.93921 2.60206 9.83011 2.85856C8.60028 2.67444 7.3768 2.67444 6.17222 2.85856C6.06311 2.59636 5.90166 2.27573 5.76038 2.02559C5.74966 2.00717 5.72887 1.99765 5.70803 2.00083C4.56527 2.19764 3.47171 2.54239 2.45129 3.01094C2.44246 3.01475 2.43488 3.0211 2.42986 3.02935C0.355594 6.12826 -0.212633 9.151 0.06612 12.1362C0.067381 12.1508 0.0755799 12.1648 0.0869319 12.1737C1.45547 13.1787 2.78114 13.7889 4.08219 14.1933C4.10301 14.1996 4.12507 14.192 4.13832 14.1749C4.44608 13.7546 4.72043 13.3114 4.95565 12.8454C4.96953 12.8181 4.95628 12.7857 4.92791 12.7749C4.49275 12.6099 4.0784 12.4086 3.67982 12.18C3.64829 12.1616 3.64577 12.1165 3.67477 12.095C3.75865 12.0321 3.84255 11.9667 3.92264 11.9007C3.93713 11.8886 3.95732 11.8861 3.97435 11.8937C6.59287 13.0892 9.42771 13.0892 12.0153 11.8937C12.0323 11.8854 12.0525 11.888 12.0677 11.9C12.1478 11.9661 12.2316 12.0321 12.3161 12.095C12.3451 12.1165 12.3433 12.1616 12.3117 12.18C11.9131 12.413 11.4988 12.6099 11.063 12.7743C11.0346 12.7851 11.022 12.8181 11.0359 12.8454C11.2762 13.3108 11.5505 13.7539 11.8526 14.1742C11.8652 14.192 11.8879 14.1996 11.9087 14.1933C13.2161 13.7889 14.5417 13.1787 15.9103 12.1737C15.9223 12.1648 15.9298 12.1515 15.9311 12.1369C16.2647 8.6856 15.3723 5.68765 13.5655 3.02998C13.5611 3.0211 13.5535 3.01475 13.5447 3.01094ZM5.34668 10.3185C4.55833 10.3185 3.90876 9.59478 3.90876 8.70593C3.90876 7.81707 4.54574 7.09331 5.34668 7.09331C6.15393 7.09331 6.79722 7.82342 6.7846 8.70593C6.7846 9.59478 6.14762 10.3185 5.34668 10.3185ZM10.6632 10.3185C9.87481 10.3185 9.22527 9.59478 9.22527 8.70593C9.22527 7.81707 9.86221 7.09331 10.6632 7.09331C11.4704 7.09331 12.1137 7.82342 12.1011 8.70593C12.1011 9.59478 11.4704 10.3185 10.6632 10.3185Z',\n      fill: 'currentColor',\n      key: 'mhlp44',\n    },\n  ],\n]);\n\nexport default Discord;\n",
+  component: React.lazy(() => import('icons/src/icons/discord')),
+  import: "import { Discord } from 'icons'",
+  svg: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path\n    fillRule=\"evenodd\"\n    clipRule=\"evenodd\"\n    d=\"M13.5447 3.01094C12.5249 2.54302 11.4313 2.19828 10.2879 2.00083C10.2671 1.99702 10.2463 2.00654 10.2356 2.02559C10.0949 2.27573 9.93921 2.60206 9.83011 2.85856C8.60028 2.67444 7.3768 2.67444 6.17222 2.85856C6.06311 2.59636 5.90166 2.27573 5.76038 2.02559C5.74966 2.00717 5.72887 1.99765 5.70803 2.00083C4.56527 2.19764 3.47171 2.54239 2.45129 3.01094C2.44246 3.01475 2.43488 3.0211 2.42986 3.02935C0.355594 6.12826 -0.212633 9.151 0.06612 12.1362C0.067381 12.1508 0.0755799 12.1648 0.0869319 12.1737C1.45547 13.1787 2.78114 13.7889 4.08219 14.1933C4.10301 14.1996 4.12507 14.192 4.13832 14.1749C4.44608 13.7546 4.72043 13.3114 4.95565 12.8454C4.96953 12.8181 4.95628 12.7857 4.92791 12.7749C4.49275 12.6099 4.0784 12.4086 3.67982 12.18C3.64829 12.1616 3.64577 12.1165 3.67477 12.095C3.75865 12.0321 3.84255 11.9667 3.92264 11.9007C3.93713 11.8886 3.95732 11.8861 3.97435 11.8937C6.59287 13.0892 9.42771 13.0892 12.0153 11.8937C12.0323 11.8854 12.0525 11.888 12.0677 11.9C12.1478 11.9661 12.2316 12.0321 12.3161 12.095C12.3451 12.1165 12.3433 12.1616 12.3117 12.18C11.9131 12.413 11.4988 12.6099 11.063 12.7743C11.0346 12.7851 11.022 12.8181 11.0359 12.8454C11.2762 13.3108 11.5505 13.7539 11.8526 14.1742C11.8652 14.192 11.8879 14.1996 11.9087 14.1933C13.2161 13.7889 14.5417 13.1787 15.9103 12.1737C15.9223 12.1648 15.9298 12.1515 15.9311 12.1369C16.2647 8.6856 15.3723 5.68765 13.5655 3.02998C13.5611 3.0211 13.5535 3.01475 13.5447 3.01094ZM5.34668 10.3185C4.55833 10.3185 3.90876 9.59478 3.90876 8.70593C3.90876 7.81707 4.54574 7.09331 5.34668 7.09331C6.15393 7.09331 6.79722 7.82342 6.7846 8.70593C6.7846 9.59478 6.14762 10.3185 5.34668 10.3185ZM10.6632 10.3185C9.87481 10.3185 9.22527 9.59478 9.22527 8.70593C9.22527 7.81707 9.86221 7.09331 10.6632 7.09331C11.4704 7.09331 12.1137 7.82342 12.1011 8.70593C12.1011 9.59478 11.4704 10.3185 10.6632 10.3185Z\"\n    fill=\"currentColor\"\n  />\n</svg>\n",
+  jsx: "import { Discord } from \"icons\"\n  <Discord/>\n  "
+},
+{
+  name: "discussions",
+  componentName: "Discussions",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Discussions\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbFJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwUnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik0wIDMuMDc2OTJDMCAxLjM3NzU5IDEuMzc3NTkgMCAzLjA3NjkzIDBIMTIuOTIzMUMxNC42MjI0IDAgMTYgMS4zNzc1OCAxNiAzLjA3NjkyVjkuNjkwMzJDMTYgMTEuMzg5NyAxNC42MjI0IDEyLjc2NzIgMTIuOTIzMSAxMi43NjcySDcuNjU4MjlMNC43MzU5NiAxNS44MTA4QzQuNTYyIDE1Ljk5MiA0LjI5NTM4IDE2LjA0OTMgNC4wNjIzNiAxNS45NTU1QzMuODI5MzQgMTUuODYxNyAzLjY3NjY5IDE1LjYzNTggMy42NzY2OSAxNS4zODQ2VjEyLjc2NzJIMy4wNzY5M0MxLjM3NzU5IDEyLjc2NzIgMCAxMS4zODk3IDAgOS42OTAzMlYzLjA3NjkyWk0zLjA3NjkzIDEuMjMwNzdDMi4wNTczMiAxLjIzMDc3IDEuMjMwNzcgMi4wNTczMiAxLjIzMDc3IDMuMDc2OTJWOS42OTAzMkMxLjIzMDc3IDEwLjcwOTkgMi4wNTczMiAxMS41MzY1IDMuMDc2OTMgMTEuNTM2NUg0LjI5MjA3QzQuNjMxOTQgMTEuNTM2NSA0LjkwNzQ1IDExLjgxMiA0LjkwNzQ1IDEyLjE1MTlWMTMuODU1Mkw2Ljk1MjE0IDExLjcyNTZDNy4wNjgxOSAxMS42MDQ4IDcuMjI4NDkgMTEuNTM2NSA3LjM5NjA0IDExLjUzNjVIMTIuOTIzMUMxMy45NDI3IDExLjUzNjUgMTQuNzY5MiAxMC43MDk5IDE0Ljc2OTIgOS42OTAzMlYzLjA3NjkyQzE0Ljc2OTIgMi4wNTczMiAxMy45NDI3IDEuMjMwNzcgMTIuOTIzMSAxLjIzMDc3SDMuMDc2OTNaTTUuNTM4NDYgNS44NjQ3OUM1Ljg3ODMzIDUuODY0NzkgNi4xNTM4NSA2LjE0MDMxIDYuMTUzODUgNi40ODAxN0M2LjE1Mzg1IDYuODIwMDQgNS44NzgzMyA3LjA5NTU2IDUuNTM4NDYgNy4wOTU1NkM1LjE5ODYgNy4wOTU1NiA0LjkyMzA4IDYuODIwMDQgNC45MjMwOCA2LjQ4MDE3QzQuOTIzMDggNi4xNDAzMSA1LjE5ODYgNS44NjQ3OSA1LjUzODQ2IDUuODY0NzlaTTggNS44NjQ3OUM4LjMzOTg3IDUuODY0NzkgOC42MTUzOSA2LjE0MDMxIDguNjE1MzkgNi40ODAxN0M4LjYxNTM5IDYuODIwMDQgOC4zMzk4NyA3LjA5NTU2IDggNy4wOTU1NkM3LjY2MDE0IDcuMDk1NTYgNy4zODQ2MiA2LjgyMDA0IDcuMzg0NjIgNi40ODAxN0M3LjM4NDYyIDYuMTQwMzEgNy42NjAxNCA1Ljg2NDc5IDggNS44NjQ3OVpNMTAuNDYxNSA1Ljg2NDc5QzEwLjgwMTQgNS44NjQ3OSAxMS4wNzY5IDYuMTQwMzEgMTEuMDc2OSA2LjQ4MDE3QzExLjA3NjkgNi44MjAwNCAxMC44MDE0IDcuMDk1NTYgMTAuNDYxNSA3LjA5NTU2QzEwLjEyMTcgNy4wOTU1NiA5Ljg0NjEyIDYuODIwMDQgOS44NDYxMiA2LjQ4MDE3QzkuODQ2MTIgNi4xNDAzMSAxMC4xMjE3IDUuODY0NzkgMTAuNDYxNSA1Ljg2NDc5WiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIKICAvPgo8L3N2Zz4K)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Discussions = createSupabaseIcon('Discussions', [\n  [\n    'path',\n    {\n      fillRule: 'evenodd',\n      clipRule: 'evenodd',\n      d: 'M0 3.07692C0 1.37759 1.37759 0 3.07693 0H12.9231C14.6224 0 16 1.37758 16 3.07692V9.69032C16 11.3897 14.6224 12.7672 12.9231 12.7672H7.65829L4.73596 15.8108C4.562 15.992 4.29538 16.0493 4.06236 15.9555C3.82934 15.8617 3.67669 15.6358 3.67669 15.3846V12.7672H3.07693C1.37759 12.7672 0 11.3897 0 9.69032V3.07692ZM3.07693 1.23077C2.05732 1.23077 1.23077 2.05732 1.23077 3.07692V9.69032C1.23077 10.7099 2.05732 11.5365 3.07693 11.5365H4.29207C4.63194 11.5365 4.90745 11.812 4.90745 12.1519V13.8552L6.95214 11.7256C7.06819 11.6048 7.22849 11.5365 7.39604 11.5365H12.9231C13.9427 11.5365 14.7692 10.7099 14.7692 9.69032V3.07692C14.7692 2.05732 13.9427 1.23077 12.9231 1.23077H3.07693ZM5.53846 5.86479C5.87833 5.86479 6.15385 6.14031 6.15385 6.48017C6.15385 6.82004 5.87833 7.09556 5.53846 7.09556C5.1986 7.09556 4.92308 6.82004 4.92308 6.48017C4.92308 6.14031 5.1986 5.86479 5.53846 5.86479ZM8 5.86479C8.33987 5.86479 8.61539 6.14031 8.61539 6.48017C8.61539 6.82004 8.33987 7.09556 8 7.09556C7.66014 7.09556 7.38462 6.82004 7.38462 6.48017C7.38462 6.14031 7.66014 5.86479 8 5.86479ZM10.4615 5.86479C10.8014 5.86479 11.0769 6.14031 11.0769 6.48017C11.0769 6.82004 10.8014 7.09556 10.4615 7.09556C10.1217 7.09556 9.84612 6.82004 9.84612 6.48017C9.84612 6.14031 10.1217 5.86479 10.4615 5.86479Z',\n      fill: 'currentColor',\n      key: '12nb0y',\n    },\n  ],\n]);\n\nexport default Discussions;\n",
+  component: React.lazy(() => import('icons/src/icons/discussions')),
+  import: "import { Discussions } from 'icons'",
+  svg: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path\n    fillRule=\"evenodd\"\n    clipRule=\"evenodd\"\n    d=\"M0 3.07692C0 1.37759 1.37759 0 3.07693 0H12.9231C14.6224 0 16 1.37758 16 3.07692V9.69032C16 11.3897 14.6224 12.7672 12.9231 12.7672H7.65829L4.73596 15.8108C4.562 15.992 4.29538 16.0493 4.06236 15.9555C3.82934 15.8617 3.67669 15.6358 3.67669 15.3846V12.7672H3.07693C1.37759 12.7672 0 11.3897 0 9.69032V3.07692ZM3.07693 1.23077C2.05732 1.23077 1.23077 2.05732 1.23077 3.07692V9.69032C1.23077 10.7099 2.05732 11.5365 3.07693 11.5365H4.29207C4.63194 11.5365 4.90745 11.812 4.90745 12.1519V13.8552L6.95214 11.7256C7.06819 11.6048 7.22849 11.5365 7.39604 11.5365H12.9231C13.9427 11.5365 14.7692 10.7099 14.7692 9.69032V3.07692C14.7692 2.05732 13.9427 1.23077 12.9231 1.23077H3.07693ZM5.53846 5.86479C5.87833 5.86479 6.15385 6.14031 6.15385 6.48017C6.15385 6.82004 5.87833 7.09556 5.53846 7.09556C5.1986 7.09556 4.92308 6.82004 4.92308 6.48017C4.92308 6.14031 5.1986 5.86479 5.53846 5.86479ZM8 5.86479C8.33987 5.86479 8.61539 6.14031 8.61539 6.48017C8.61539 6.82004 8.33987 7.09556 8 7.09556C7.66014 7.09556 7.38462 6.82004 7.38462 6.48017C7.38462 6.14031 7.66014 5.86479 8 5.86479ZM10.4615 5.86479C10.8014 5.86479 11.0769 6.14031 11.0769 6.48017C11.0769 6.82004 10.8014 7.09556 10.4615 7.09556C10.1217 7.09556 9.84612 6.82004 9.84612 6.48017C9.84612 6.14031 10.1217 5.86479 10.4615 5.86479Z\"\n    fill=\"currentColor\"\n  />\n</svg>\n",
+  jsx: "import { Discussions } from \"icons\"\n  <Discussions/>\n  "
+},
+{
+  name: "documentation",
+  componentName: "Documentation",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Documentation\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiMwMDAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOyBib3JkZXItcmFkaXVzOiAycHgiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGgKICAgIGQ9Ik00LjIwMzUxIDkuODU3NzhIMTEuNzAzOE00LjIwMzUxIDcuMzU3NjdIMTEuNzAzOE00LjIwMzUxIDEyLjM1NzlIOS4yMDM3Mk0xNC4yNDk4IDUuMDAxMjZWMTNDMTQuMjQ5OCAxNC4zODA3IDEzLjEzMDUgMTUuNTAwMSAxMS43NDk3IDE1LjUwMDFINC4yNDk5QzIuODY5MTMgMTUuNTAwMSAxLjc0OTc5IDE0LjM4MDcgMS43NDk3OSAxM1YzLjAwMDE4QzEuNzQ5NzkgMS42MTk0MSAyLjg2OTEyIDAuNTAwMDc2IDQuMjQ5ODkgMC41MDAwNzZIOS43MjcwOUwxNC4yNDk4IDUuMDAxMjZaTTE0LjIwNTggNC45ODAyNUw5LjcyNTQ5IDAuNTAwMDc2TDkuNzI1MjYgMy43MzAxMUM5LjcyNTIyIDQuNDIwNTMgMTAuMjg0OSA0Ljk4MDI1IDEwLjk3NTMgNC45ODAyNUwxNC4yMDU4IDQuOTgwMjVaIgogICAgc3Ryb2tlTWl0ZXJsaW1pdD0iMTAiCiAgICBzdHJva2VMaW5lY2FwPSJyb3VuZCIKICAgIHN0cm9rZUxpbmVqb2luPSJyb3VuZCIKICAvPgo8L3N2Zz4K)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Documentation = createSupabaseIcon('Documentation', [\n  [\n    'path',\n    {\n      d: 'M4.20351 9.85778H11.7038M4.20351 7.35767H11.7038M4.20351 12.3579H9.20372M14.2498 5.00126V13C14.2498 14.3807 13.1305 15.5001 11.7497 15.5001H4.2499C2.86913 15.5001 1.74979 14.3807 1.74979 13V3.00018C1.74979 1.61941 2.86912 0.500076 4.24989 0.500076H9.72709L14.2498 5.00126ZM14.2058 4.98025L9.72549 0.500076L9.72526 3.73011C9.72522 4.42053 10.2849 4.98025 10.9753 4.98025L14.2058 4.98025Z',\n      strokeMiterlimit: '10',\n      strokeLinecap: 'round',\n      strokeLinejoin: 'round',\n      key: '1eox0q',\n    },\n  ],\n]);\n\nexport default Documentation;\n",
+  component: React.lazy(() => import('icons/src/icons/documentation')),
+  import: "import { Documentation } from 'icons'",
+  svg: "<svg \n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path\n    d=\"M4.20351 9.85778H11.7038M4.20351 7.35767H11.7038M4.20351 12.3579H9.20372M14.2498 5.00126V13C14.2498 14.3807 13.1305 15.5001 11.7497 15.5001H4.2499C2.86913 15.5001 1.74979 14.3807 1.74979 13V3.00018C1.74979 1.61941 2.86912 0.500076 4.24989 0.500076H9.72709L14.2498 5.00126ZM14.2058 4.98025L9.72549 0.500076L9.72526 3.73011C9.72522 4.42053 10.2849 4.98025 10.9753 4.98025L14.2058 4.98025Z\"\n    strokeMiterlimit=\"10\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  />\n</svg>\n",
+  jsx: "import { Documentation } from \"icons\"\n  <Documentation/>\n  "
+},
 {
   name: "edge-functions",
   componentName: "EdgeFunctions",
@@ -64,6 +134,16 @@ export const Index: Record<string, any> = [
   svg: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\"\n    stroke-width=\"1\">\n    <path\n        d=\"M18 12.1055C18 15.4192 15.3137 18.1055 12 18.1055C8.6863 18.1055 6.00001 15.4192 6.00001 12.1055C6.00001 8.79176 8.6863 6.10547 12 6.10547C15.3137 6.10547 18 8.79176 18 12.1055Z\" />\n    <path\n        d=\"M21.3999 5.70154C21.3999 7.35839 20.0568 8.70154 18.3999 8.70154C16.7431 8.70154 15.3999 7.35839 15.3999 5.70154C15.3999 4.04468 16.7431 2.70154 18.3999 2.70154C20.0568 2.70154 21.3999 4.04468 21.3999 5.70154Z\" />\n    <path\n        d=\"M8.62216 18.4363C8.62216 20.0932 7.27902 21.4363 5.62216 21.4363C3.96531 21.4363 2.62216 20.0932 2.62216 18.4363C2.62216 16.7795 3.96531 15.4363 5.62216 15.4363C7.27902 15.4363 8.62216 16.7795 8.62216 18.4363Z\" />\n    <path\n        d=\"M3.18121 16.2691C2.58401 15.0065 2.25 13.595 2.25 12.1055C2.25 6.72069 6.61522 2.35547 12 2.35547C13.4893 2.35547 14.9005 2.68937 16.163 3.28638M7.68679 20.852C8.98715 21.4944 10.4514 21.8555 12 21.8555C17.3848 21.8555 21.75 17.4902 21.75 12.1055C21.75 10.6162 21.4161 9.20493 20.8191 7.94242\" />\n</svg>",
   jsx: "import { EdgeFunctions } from \"icons\"\n  <EdgeFunctions/>\n  "
 },
+{
+  name: "github",
+  componentName: "Github",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Github\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbFJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwUnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik04IDBDMy41ODE2IDAgMCAzLjU4NzE5IDAgOC4wMTM1N0MwIDExLjU1MzUgMi4yOTIgMTQuNTU3NSA1LjQ3MTIgMTUuNjE2N0M1Ljg3MTIgMTUuNjkwMyA2LjAxNjggMTUuNDQzMSA2LjAxNjggMTUuMjMwM0M2LjAxNjggMTUuMDQwNyA2LjAxMDQgMTQuNTM1OSA2LjAwNjQgMTMuODY3OUMzLjc4MDggMTQuMzUxOSAzLjMxMTIgMTIuNzkzNSAzLjMxMTIgMTIuNzkzNUMyLjk0OCAxMS44NjcxIDIuNDIzMiAxMS42MjA3IDIuNDIzMiAxMS42MjA3QzEuNjk2OCAxMS4xMjQ3IDIuNDc4NCAxMS4xMzQzIDIuNDc4NCAxMS4xMzQzQzMuMjgwOCAxMS4xOTAzIDMuNzAzMiAxMS45NTk5IDMuNzAzMiAxMS45NTk5QzQuNDE2OCAxMy4xODM5IDUuNTc2IDEyLjgzMDMgNi4wMzEyIDEyLjYyNTVDNi4xMDQ4IDEyLjEwNzkgNi4zMTEyIDExLjc1NTEgNi41NCAxMS41NTUxQzQuNzY0IDExLjM1MjcgMi44OTYgMTAuNjY0NyAyLjg5NiA3LjU5NDM4QzIuODk2IDYuNzE5OTggMy4yMDggNi4wMDM5OCAzLjcxOTIgNS40NDM5OEMzLjYzNjggNS4yNDE1OCAzLjM2MjQgNC40MjYzOSAzLjc5NzYgMy4zMjM5OUMzLjc5NzYgMy4zMjM5OSA0LjQ2OTYgMy4xMDc5OSA1Ljk5NzYgNC4xNDQ3OUM2LjY1MDIyIDMuOTY2OCA3LjMyMzU1IDMuODc2MTQgOCAzLjg3NTE5QzguNjggMy44NzgzOSA5LjM2NCAzLjk2NzE5IDEwLjAwMzIgNC4xNDQ3OUMxMS41MzA0IDMuMTA3OTkgMTIuMjAwOCAzLjMyMzE5IDEyLjIwMDggMy4zMjMxOUMxMi42Mzc2IDQuNDI2MzkgMTIuMzYyNCA1LjI0MTU4IDEyLjI4MDggNS40NDM5OEMxMi43OTI4IDYuMDAzOTggMTMuMTAzMiA2LjcxOTk4IDEzLjEwMzIgNy41OTQzOEMxMy4xMDMyIDEwLjY3MjcgMTEuMjMyIDExLjM1MDMgOS40NTA0IDExLjU0ODdDOS43Mzc2MiAxMS43OTU5IDkuOTkyODIgMTIuMjg0NyA5Ljk5MjgyIDEzLjAzMjdDOS45OTI4MiAxNC4xMDMxIDkuOTgzMjIgMTQuOTY3OSA5Ljk4MzIyIDE1LjIzMDNDOS45ODMyMiAxNS40NDQ3IDEwLjEyNzIgMTUuNjk0MyAxMC41MzM2IDE1LjYxNTlDMTIuMTI2NiAxNS4wODE2IDEzLjUxMTUgMTQuMDYwMiAxNC40OTI0IDEyLjY5NkMxNS40NzMzIDExLjMzMTggMTYuMDAwNyA5LjY5MzgyIDE2IDguMDEzNTdDMTYgMy41ODcxOSAxMi40MTc2IDAgOCAwWiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIKICAvPgo8L3N2Zz4=)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Github = createSupabaseIcon('Github', [\n  [\n    'path',\n    {\n      fillRule: 'evenodd',\n      clipRule: 'evenodd',\n      d: 'M8 0C3.5816 0 0 3.58719 0 8.01357C0 11.5535 2.292 14.5575 5.4712 15.6167C5.8712 15.6903 6.0168 15.4431 6.0168 15.2303C6.0168 15.0407 6.0104 14.5359 6.0064 13.8679C3.7808 14.3519 3.3112 12.7935 3.3112 12.7935C2.948 11.8671 2.4232 11.6207 2.4232 11.6207C1.6968 11.1247 2.4784 11.1343 2.4784 11.1343C3.2808 11.1903 3.7032 11.9599 3.7032 11.9599C4.4168 13.1839 5.576 12.8303 6.0312 12.6255C6.1048 12.1079 6.3112 11.7551 6.54 11.5551C4.764 11.3527 2.896 10.6647 2.896 7.59438C2.896 6.71998 3.208 6.00398 3.7192 5.44398C3.6368 5.24158 3.3624 4.42639 3.7976 3.32399C3.7976 3.32399 4.4696 3.10799 5.9976 4.14479C6.65022 3.9668 7.32355 3.87614 8 3.87519C8.68 3.87839 9.364 3.96719 10.0032 4.14479C11.5304 3.10799 12.2008 3.32319 12.2008 3.32319C12.6376 4.42639 12.3624 5.24158 12.2808 5.44398C12.7928 6.00398 13.1032 6.71998 13.1032 7.59438C13.1032 10.6727 11.232 11.3503 9.4504 11.5487C9.73762 11.7959 9.99282 12.2847 9.99282 13.0327C9.99282 14.1031 9.98322 14.9679 9.98322 15.2303C9.98322 15.4447 10.1272 15.6943 10.5336 15.6159C12.1266 15.0816 13.5115 14.0602 14.4924 12.696C15.4733 11.3318 16.0007 9.69382 16 8.01357C16 3.58719 12.4176 0 8 0Z',\n      fill: 'currentColor',\n      key: '199hpf',\n    },\n  ],\n]);\n\nexport default Github;\n",
+  component: React.lazy(() => import('icons/src/icons/github')),
+  import: "import { Github } from 'icons'",
+  svg: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path\n    fillRule=\"evenodd\"\n    clipRule=\"evenodd\"\n    d=\"M8 0C3.5816 0 0 3.58719 0 8.01357C0 11.5535 2.292 14.5575 5.4712 15.6167C5.8712 15.6903 6.0168 15.4431 6.0168 15.2303C6.0168 15.0407 6.0104 14.5359 6.0064 13.8679C3.7808 14.3519 3.3112 12.7935 3.3112 12.7935C2.948 11.8671 2.4232 11.6207 2.4232 11.6207C1.6968 11.1247 2.4784 11.1343 2.4784 11.1343C3.2808 11.1903 3.7032 11.9599 3.7032 11.9599C4.4168 13.1839 5.576 12.8303 6.0312 12.6255C6.1048 12.1079 6.3112 11.7551 6.54 11.5551C4.764 11.3527 2.896 10.6647 2.896 7.59438C2.896 6.71998 3.208 6.00398 3.7192 5.44398C3.6368 5.24158 3.3624 4.42639 3.7976 3.32399C3.7976 3.32399 4.4696 3.10799 5.9976 4.14479C6.65022 3.9668 7.32355 3.87614 8 3.87519C8.68 3.87839 9.364 3.96719 10.0032 4.14479C11.5304 3.10799 12.2008 3.32319 12.2008 3.32319C12.6376 4.42639 12.3624 5.24158 12.2808 5.44398C12.7928 6.00398 13.1032 6.71998 13.1032 7.59438C13.1032 10.6727 11.232 11.3503 9.4504 11.5487C9.73762 11.7959 9.99282 12.2847 9.99282 13.0327C9.99282 14.1031 9.98322 14.9679 9.98322 15.2303C9.98322 15.4447 10.1272 15.6943 10.5336 15.6159C12.1266 15.0816 13.5115 14.0602 14.4924 12.696C15.4733 11.3318 16.0007 9.69382 16 8.01357C16 3.58719 12.4176 0 8 0Z\"\n    fill=\"currentColor\"\n  />\n</svg>",
+  jsx: "import { Github } from \"icons\"\n  <Github/>\n  "
+},
 {
   name: "home",
   componentName: "Home",
@@ -94,6 +174,26 @@ export const Index: Record<string, any> = [
   svg: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\"\n    stroke-width=\"1\">\n    <path\n        d=\"M17.2661 3.23254V10.7325M13.5161 6.98291L21.0161 6.98291M11.0391 16.9508C11.0391 19.1752 9.23585 20.9784 7.01147 20.9784C4.7871 20.9784 2.98389 19.1752 2.98389 16.9508C2.98389 14.7264 4.7871 12.9232 7.01147 12.9232C9.23585 12.9232 11.0391 14.7264 11.0391 16.9508ZM21.0161 19.8568V14.3568C21.0161 13.8045 20.5684 13.3568 20.0161 13.3568H14.5161C13.9638 13.3568 13.5161 13.8045 13.5161 14.3568V19.8568C13.5161 20.4091 13.9638 20.8568 14.5161 20.8568H20.0161C20.5684 20.8568 21.0161 20.4091 21.0161 19.8568ZM4.26221 10.7325H9.76221C10.3145 10.7325 10.7622 10.2848 10.7622 9.73254V4.23254C10.7622 3.68026 10.3145 3.23254 9.76221 3.23254H4.26221C3.70992 3.23254 3.26221 3.68026 3.26221 4.23254V9.73254C3.26221 10.2848 3.70992 10.7325 4.26221 10.7325Z\" />\n</svg>",
   jsx: "import { Integrations } from \"icons\"\n  <Integrations/>\n  "
 },
+{
+  name: "life-buoy",
+  componentName: "LifeBuoy",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name LifeBuoy\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNMi42OTcyNyAyLjY5ODUyTDUuODc3MjcgNS44Nzg1Mk0xMC4xMjI1IDEwLjEyMjhMMTMuMzAyNSAxMy4zMDI4TTEzLjMwMjUgMi42OTg1MkwxMC4xMjI1IDUuODc4NTJMMTIuNzcgMy4yMzA4OE0yLjY5NzI3IDEzLjMwMjhMNS44NzcyNyAxMC4xMjI4TTE1LjUgOEMxNS41IDEyLjE0MjEgMTIuMTQyMSAxNS41IDggMTUuNUMzLjg1Nzg2IDE1LjUgMC41IDEyLjE0MjEgMC41IDhDMC41IDMuODU3ODYgMy44NTc4NiAwLjQ5OTk5MiA4IDAuNDk5OTkyQzEyLjE0MjEgMC40OTk5OTIgMTUuNSAzLjg1Nzg2IDE1LjUgOFpNMTEgOEMxMSA5LjY1Njg1IDkuNjU2ODUgMTEgOCAxMUM2LjM0MzE1IDExIDUgOS42NTY4NSA1IDhDNSA2LjM0MzE0IDYuMzQzMTUgNSA4IDVDOS42NTY4NSA1IDExIDYuMzQzMTQgMTEgOFoiIC8+Cjwvc3ZnPgo=)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst LifeBuoy = createSupabaseIcon('LifeBuoy', [\n  [\n    'path',\n    {\n      d: 'M2.69727 2.69852L5.87727 5.87852M10.1225 10.1228L13.3025 13.3028M13.3025 2.69852L10.1225 5.87852L12.77 3.23088M2.69727 13.3028L5.87727 10.1228M15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.499992 8 0.499992C12.1421 0.499992 15.5 3.85786 15.5 8ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34314 6.34315 5 8 5C9.65685 5 11 6.34314 11 8Z',\n      key: '7y42vv',\n    },\n  ],\n]);\n\nexport default LifeBuoy;\n",
+  component: React.lazy(() => import('icons/src/icons/life-buoy')),
+  import: "import { LifeBuoy } from 'icons'",
+  svg: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path d=\"M2.69727 2.69852L5.87727 5.87852M10.1225 10.1228L13.3025 13.3028M13.3025 2.69852L10.1225 5.87852L12.77 3.23088M2.69727 13.3028L5.87727 10.1228M15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.499992 8 0.499992C12.1421 0.499992 15.5 3.85786 15.5 8ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34314 6.34315 5 8 5C9.65685 5 11 6.34314 11 8Z\" />\n</svg>\n",
+  jsx: "import { LifeBuoy } from \"icons\"\n  <LifeBuoy/>\n  "
+},
+{
+  name: "linkedin",
+  componentName: "Linkedin",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Linkedin\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbD0iY3VycmVudENvbG9yIgogICAgZD0iTTAgMS44NTg1OUMwIDEuMzE5ODUgMC4xODAxODUgMC44NzU0MSAwLjU0MDU0MSAwLjUyNTI1M0MwLjkwMDg5NiAwLjE3NTA3OSAxLjM2OTM3IDAgMS45NDU5NSAwQzIuNTEyMjMgMCAyLjk3MDM5IDAuMTcyMzggMy4zMjA0NiAwLjUxNzE3MkMzLjY4MDgyIDAuODcyNzI3IDMuODYxIDEuMzM2MDIgMy44NjEgMS45MDcwN0MzLjg2MSAyLjQyNDI0IDMuNjg1OTggMi44NTUyMSAzLjMzNTkxIDMuMkMyLjk3NTU1IDMuNTU1NTYgMi41MDE5MyAzLjczMzMzIDEuOTE1MDYgMy43MzMzM0gxLjg5OTYxQzEuMzMzMzMgMy43MzMzMyAwLjg3NTE2NiAzLjU1NTU2IDAuNTI1MDk3IDMuMkMwLjE3NTAyNyAyLjg0NDQ0IDAgMi4zOTczIDAgMS44NTg1OVpNMC4yMDA3NzIgMTZWNS4yMDQwNEgzLjYyOTM0VjE2SDAuMjAwNzcyWk01LjUyODk2IDE2SDguOTU3NTNWOS45NzE3MkM4Ljk1NzUzIDkuNTk0NiA4Ljk5ODcyIDkuMzAzNjkgOS4wODEwOCA5LjA5ODk5QzkuMjI1MjIgOC43MzI2NSA5LjQ0NDAyIDguNDIyODkgOS43Mzc0NSA4LjE2OTdDMTAuMDMwOSA3LjkxNjQ5IDEwLjM5OSA3Ljc4OTkgMTAuODQxNyA3Ljc4OTlDMTEuOTk0OSA3Ljc4OTkgMTIuNTcxNCA4LjYwMzM2IDEyLjU3MTQgMTAuMjMwM1YxNkgxNlY5LjgxMDFDMTYgOC4yMTU0OCAxNS42Mzk2IDcuMDA2MDYgMTQuOTE4OSA2LjE4MTgyQzE0LjE5ODIgNS4zNTc1OCAxMy4yNDU4IDQuOTQ1NDUgMTIuMDYxOCA0Ljk0NTQ1QzEwLjczMzYgNC45NDU0NSA5LjY5ODg0IDUuNTQzNDMgOC45NTc1MyA2LjczOTM5VjYuNzcxNzJIOC45NDIwOEw4Ljk1NzUzIDYuNzM5MzlWNS4yMDQwNEg1LjUyODk2QzUuNTQ5NTQgNS41NDg4MiA1LjU1OTg1IDYuNjIwODYgNS41NTk4NSA4LjQyMDJDNS41NTk4NSAxMC4yMTk1IDUuNTQ5NTQgMTIuNzQ2MSA1LjUyODk2IDE2WiIKICAvPgo8L3N2Zz4K)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Linkedin = createSupabaseIcon('Linkedin', [\n  [\n    'path',\n    {\n      fill: 'currentColor',\n      d: 'M0 1.85859C0 1.31985 0.180185 0.87541 0.540541 0.525253C0.900896 0.175079 1.36937 0 1.94595 0C2.51223 0 2.97039 0.17238 3.32046 0.517172C3.68082 0.872727 3.861 1.33602 3.861 1.90707C3.861 2.42424 3.68598 2.85521 3.33591 3.2C2.97555 3.55556 2.50193 3.73333 1.91506 3.73333H1.89961C1.33333 3.73333 0.875166 3.55556 0.525097 3.2C0.175027 2.84444 0 2.3973 0 1.85859ZM0.200772 16V5.20404H3.62934V16H0.200772ZM5.52896 16H8.95753V9.97172C8.95753 9.5946 8.99872 9.30369 9.08108 9.09899C9.22522 8.73265 9.44402 8.42289 9.73745 8.1697C10.0309 7.91649 10.399 7.7899 10.8417 7.7899C11.9949 7.7899 12.5714 8.60336 12.5714 10.2303V16H16V9.8101C16 8.21548 15.6396 7.00606 14.9189 6.18182C14.1982 5.35758 13.2458 4.94545 12.0618 4.94545C10.7336 4.94545 9.69884 5.54343 8.95753 6.73939V6.77172H8.94208L8.95753 6.73939V5.20404H5.52896C5.54954 5.54882 5.55985 6.62086 5.55985 8.4202C5.55985 10.2195 5.54954 12.7461 5.52896 16Z',\n      key: '1pyfjn',\n    },\n  ],\n]);\n\nexport default Linkedin;\n",
+  component: React.lazy(() => import('icons/src/icons/linkedin')),
+  import: "import { Linkedin } from 'icons'",
+  svg: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path\n    fill=\"currentColor\"\n    d=\"M0 1.85859C0 1.31985 0.180185 0.87541 0.540541 0.525253C0.900896 0.175079 1.36937 0 1.94595 0C2.51223 0 2.97039 0.17238 3.32046 0.517172C3.68082 0.872727 3.861 1.33602 3.861 1.90707C3.861 2.42424 3.68598 2.85521 3.33591 3.2C2.97555 3.55556 2.50193 3.73333 1.91506 3.73333H1.89961C1.33333 3.73333 0.875166 3.55556 0.525097 3.2C0.175027 2.84444 0 2.3973 0 1.85859ZM0.200772 16V5.20404H3.62934V16H0.200772ZM5.52896 16H8.95753V9.97172C8.95753 9.5946 8.99872 9.30369 9.08108 9.09899C9.22522 8.73265 9.44402 8.42289 9.73745 8.1697C10.0309 7.91649 10.399 7.7899 10.8417 7.7899C11.9949 7.7899 12.5714 8.60336 12.5714 10.2303V16H16V9.8101C16 8.21548 15.6396 7.00606 14.9189 6.18182C14.1982 5.35758 13.2458 4.94545 12.0618 4.94545C10.7336 4.94545 9.69884 5.54343 8.95753 6.73939V6.77172H8.94208L8.95753 6.73939V5.20404H5.52896C5.54954 5.54882 5.55985 6.62086 5.55985 8.4202C5.55985 10.2195 5.54954 12.7461 5.52896 16Z\"\n  />\n</svg>\n",
+  jsx: "import { Linkedin } from \"icons\"\n  <Linkedin/>\n  "
+},
 {
   name: "logs",
   componentName: "Logs",
@@ -104,6 +204,26 @@ export const Index: Record<string, any> = [
   svg: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\"\n    stroke-width=\"1\">\n    <path\n        d=\"M4.5 5.20679H4.53713M7.46241 5.21707H19.5M4.5 9.65839H4.53713M7.46241 9.66868H19.5M4.52692 14.164H4.53713M7.46241 14.1742H19.5M4.52692 18.7068L4.53713 18.6965M7.46241 18.7068H19.5\" />\n</svg>",
   jsx: "import { Logs } from \"icons\"\n  <Logs/>\n  "
 },
+{
+  name: "mic",
+  componentName: "Mic",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Mic\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbD0iY3VycmVudENvbG9yIgogICAgZmlsbFJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwUnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik0zLjM0OTM5IDUuNzAwNjJDMy4zNDkzOSAyLjg1NjcxIDUuNjU0NjYgMC41NTEyNyA4LjQ5ODM3IDAuNTUxMjdDMTEuMzQyMSAwLjU1MTI3IDEzLjY0NzMgMi44NTY3MSAxMy42NDczIDUuNzAwNjJWOC42NDMxMUMxMy42NDczIDExLjQ4NyAxMS4zNDIxIDEzLjc5MjUgOC40OTgzNyAxMy43OTI1QzUuNjU0NjYgMTMuNzkyNSAzLjM0OTM5IDExLjQ4NyAzLjM0OTM5IDguNjQzMTFWNS43MDA2MlpNNi4yOTE2NiA4LjY0MzExQzYuNTk2MTkgOC42NDMxMSA2Ljg0MzM0IDguMzk1OTQgNi44NDMzNCA4LjA5MTM5VjYuMjUyMzRDNi44NDMzNCA1Ljk0Nzc5IDYuNTk2MTkgNS43MDA2MiA2LjI5MTY2IDUuNzAwNjJDNS45ODcxNCA1LjcwMDYyIDUuNzM5OTkgNS45NDc3OSA1LjczOTk5IDYuMjUyMzRWOC4wOTEzOUM1LjczOTk5IDguMzk1OTQgNS45ODcxNCA4LjY0MzExIDYuMjkxNjYgOC42NDMxMVpNOC40OTgzNyA5LjM3ODczQzguODAyODkgOS4zNzg3MyA5LjA1MDA0IDkuMTMxNTYgOS4wNTAwNCA4LjgyNzAyVjUuNTE2NzJDOS4wNTAwNCA1LjIxMjE3IDguODAyODkgNC45NjUgOC40OTgzNyA0Ljk2NUM4LjE5Mzg0IDQuOTY1IDcuOTQ2NjkgNS4yMTIxNyA3Ljk0NjY5IDUuNTE2NzJWOC44MjcwMkM3Ljk0NjY5IDkuMTMxNTYgOC4xOTM4NCA5LjM3ODczIDguNDk4MzcgOS4zNzg3M1pNMTAuNzA1MSA4LjY0MzExQzExLjAwOTYgOC42NDMxMSAxMS4yNTY3IDguMzk1OTQgMTEuMjU2NyA4LjA5MTM5VjYuMjUyMzRDMTEuMjU2NyA1Ljk0Nzc5IDExLjAwOTYgNS43MDA2MiAxMC43MDUxIDUuNzAwNjJDMTAuNDAwNSA1LjcwMDYyIDEwLjE1MzQgNS45NDc3OSAxMC4xNTM0IDYuMjUyMzRWOC4wOTEzOUMxMC4xNTM0IDguMzk1OTQgMTAuNDAwNSA4LjY0MzExIDEwLjcwNTEgOC42NDMxMVogTTEuMzc0MSA5Ljk2MjNDMS43NjMyMSA5Ljg0NDYxIDIuMTcyMTkgMTAuMDY1MyAyLjI4OTg4IDEwLjQ1NTJDMy4wODM1NiAxMy4xMDEyIDUuNTI5MzIgMTUuMDggOC40OTk1NCAxNS4wOEMxMS40Njk4IDE1LjA4IDEzLjkxNTUgMTMuMTAxMiAxNC43MDk5IDEwLjQ1NDRDMTQuODI2OSAxMC4wNjQ2IDE1LjIzNzMgOS44NDUzNCAxNS42MjU3IDkuOTYxNTdDMTYuMDE0MSAxMC4wNzc4IDE2LjIzNjIgMTAuNDg3NSAxNi4xMTg2IDEwLjg3NzRDMTUuMTQ2OSAxNC4xMTY0IDEyLjE0OTQgMTYuNTUxMyA4LjQ5OTU0IDE2LjU1MTNDNC44NDk2NSAxNi41NTEzIDEuODUyMjEgMTQuMTE2NCAwLjg4MTI2NSAxMC44NzgyQzAuNzYzNTc0IDEwLjQ4OSAwLjk4NDI0NCAxMC4wOCAxLjM3NDEgOS45NjIzWiIKICAvPgo8L3N2Zz4K)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Mic = createSupabaseIcon('Mic', [\n  [\n    'path',\n    {\n      fill: 'currentColor',\n      fillRule: 'evenodd',\n      clipRule: 'evenodd',\n      d: 'M3.34939 5.70062C3.34939 2.85671 5.65466 0.55127 8.49837 0.55127C11.3421 0.55127 13.6473 2.85671 13.6473 5.70062V8.64311C13.6473 11.487 11.3421 13.7925 8.49837 13.7925C5.65466 13.7925 3.34939 11.487 3.34939 8.64311V5.70062ZM6.29166 8.64311C6.59619 8.64311 6.84334 8.39594 6.84334 8.09139V6.25234C6.84334 5.94779 6.59619 5.70062 6.29166 5.70062C5.98714 5.70062 5.73999 5.94779 5.73999 6.25234V8.09139C5.73999 8.39594 5.98714 8.64311 6.29166 8.64311ZM8.49837 9.37873C8.80289 9.37873 9.05004 9.13156 9.05004 8.82702V5.51672C9.05004 5.21217 8.80289 4.965 8.49837 4.965C8.19384 4.965 7.94669 5.21217 7.94669 5.51672V8.82702C7.94669 9.13156 8.19384 9.37873 8.49837 9.37873ZM10.7051 8.64311C11.0096 8.64311 11.2567 8.39594 11.2567 8.09139V6.25234C11.2567 5.94779 11.0096 5.70062 10.7051 5.70062C10.4005 5.70062 10.1534 5.94779 10.1534 6.25234V8.09139C10.1534 8.39594 10.4005 8.64311 10.7051 8.64311Z M1.3741 9.9623C1.76321 9.84461 2.17219 10.0653 2.28988 10.4552C3.08356 13.1012 5.52932 15.08 8.49954 15.08C11.4698 15.08 13.9155 13.1012 14.7099 10.4544C14.8269 10.0646 15.2373 9.84534 15.6257 9.96157C16.0141 10.0778 16.2362 10.4875 16.1186 10.8774C15.1469 14.1164 12.1494 16.5513 8.49954 16.5513C4.84965 16.5513 1.85221 14.1164 0.881265 10.8782C0.763574 10.489 0.984244 10.08 1.3741 9.9623Z',\n      key: '106fb3',\n    },\n  ],\n]);\n\nexport default Mic;\n",
+  component: React.lazy(() => import('icons/src/icons/mic')),
+  import: "import { Mic } from 'icons'",
+  svg: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path\n    fill=\"currentColor\"\n    fillRule=\"evenodd\"\n    clipRule=\"evenodd\"\n    d=\"M3.34939 5.70062C3.34939 2.85671 5.65466 0.55127 8.49837 0.55127C11.3421 0.55127 13.6473 2.85671 13.6473 5.70062V8.64311C13.6473 11.487 11.3421 13.7925 8.49837 13.7925C5.65466 13.7925 3.34939 11.487 3.34939 8.64311V5.70062ZM6.29166 8.64311C6.59619 8.64311 6.84334 8.39594 6.84334 8.09139V6.25234C6.84334 5.94779 6.59619 5.70062 6.29166 5.70062C5.98714 5.70062 5.73999 5.94779 5.73999 6.25234V8.09139C5.73999 8.39594 5.98714 8.64311 6.29166 8.64311ZM8.49837 9.37873C8.80289 9.37873 9.05004 9.13156 9.05004 8.82702V5.51672C9.05004 5.21217 8.80289 4.965 8.49837 4.965C8.19384 4.965 7.94669 5.21217 7.94669 5.51672V8.82702C7.94669 9.13156 8.19384 9.37873 8.49837 9.37873ZM10.7051 8.64311C11.0096 8.64311 11.2567 8.39594 11.2567 8.09139V6.25234C11.2567 5.94779 11.0096 5.70062 10.7051 5.70062C10.4005 5.70062 10.1534 5.94779 10.1534 6.25234V8.09139C10.1534 8.39594 10.4005 8.64311 10.7051 8.64311Z M1.3741 9.9623C1.76321 9.84461 2.17219 10.0653 2.28988 10.4552C3.08356 13.1012 5.52932 15.08 8.49954 15.08C11.4698 15.08 13.9155 13.1012 14.7099 10.4544C14.8269 10.0646 15.2373 9.84534 15.6257 9.96157C16.0141 10.0778 16.2362 10.4875 16.1186 10.8774C15.1469 14.1164 12.1494 16.5513 8.49954 16.5513C4.84965 16.5513 1.85221 14.1164 0.881265 10.8782C0.763574 10.489 0.984244 10.08 1.3741 9.9623Z\"\n  />\n</svg>\n",
+  jsx: "import { Mic } from \"icons\"\n  <Mic/>\n  "
+},
+{
+  name: "partners",
+  componentName: "Partners",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Partners\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbFJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwUnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik02Ljc0NDI4IDMuMTQ2NjNDNS40NjIyMiAxLjg2NDU4IDMuMzgzNiAxLjg2NDU4IDIuMTAxNTQgMy4xNDY2M0MwLjgxOTU4NCA0LjQyODU5IDAuODE5NDg0IDYuNTA2OTkgMi4xMDEyNCA3Ljc4OTA3TDIuMjcxNDkgNy45NTkwN0w3LjE0NTM3IDEyLjg3MTNMNy4xNDY5NCAxMi44NzI5TDcuODc2MzQgMTMuNjAyM0M4LjE1OTg2IDEzLjg4NTggOC42MTk1NSAxMy44ODU4IDguOTAzMDcgMTMuNjAyM0M5LjE1NzQ1IDEzLjM0NzkgOS4xNjkxNSAxMi44NjgyIDguODg2OTcgMTIuNTYwNEw4LjAzNTg0IDExLjcwOTJDNy44MTMyOCAxMS40ODY2IDcuODEzMzEgMTEuMTI1NyA4LjAzNTkgMTAuOTAzMkM4LjI1ODQ5IDEwLjY4MDYgOC42MTkzNiAxMC42ODA2IDguODQxOTEgMTAuOTAzMkw5LjIyODQxIDExLjI4OThDOS4yMzYwNiAxMS4yOTY3IDkuMjQzNTcgMTEuMzAzOCA5LjI1MDkzIDExLjMxMTFMOS43MDkyMyAxMS43Njk3TDkuNzEyMjQgMTEuNzcyN0w5LjcxNDcgMTEuNzc1Mkw5LjcxNjkyIDExLjc3NzRMOS43MjExNCAxMS43ODE4TDkuNzI1MjUgMTEuNzg2Mkw5LjczMDU5IDExLjc5Mkw5Ljk2ODY0IDEyLjAzMDFDMTAuMjUyMSAxMi4zMTM3IDEwLjcxMTggMTIuMzEzNyAxMC45OTUzIDEyLjAzMDJDMTEuMjc4OCAxMS43NDY3IDExLjI3ODggMTEuMjg3MSAxMC45OTU0IDExLjAwMzZMOS44Mjk2OSA5LjgzNzcyQzkuNjA3MTMgOS42MTUxMyA5LjYwNzE2IDkuMjU0MjYgOS44Mjk3NSA5LjAzMTcxQzkuOTUwMDUgOC45MTE0MiAxMC4xMTA3IDguODU2MTUgMTAuMjY4MiA4Ljg2NTlDMTAuNDA4MSA4Ljg3MDE5IDEwLjU0NjggOC45MjU3NSAxMC42NTM2IDkuMDMyNTZMMTEuODM5MSAxMC4yMTgxQzEyLjEyMjYgMTAuNTAxNiAxMi41ODIzIDEwLjUwMTYgMTIuODY1OCAxMC4yMTgxQzEzLjE0OTMgOS45MzQ2MiAxMy4xNDkzIDkuNDc0OTggMTIuODY1OCA5LjE5MTQ4TDExLjY2MTUgNy45ODcyNEMxMS40MzkgNy43NjQ2NiAxMS40MzkgNy40MDM4IDExLjY2MTUgNy4xODEyMkMxMS44ODQxIDYuOTU4NjUgMTIuMjQ1IDYuOTU4NjUgMTIuNDY3NiA3LjE4MTIyTDEzLjQ4NzIgOC4yMDA5TDEzLjg5ODcgNy43ODk0MkMxNS4xODA4IDYuNTA3MzcgMTUuMTgwOCA0LjQyODc0IDEzLjg5ODcgMy4xNDY2OEMxMi42MTY2IDEuODY0NjMgMTAuNTM4IDEuODY0NjMgOS4yNTU5NiAzLjE0NjY4TDcuODg1MTggNC41MTc0N0w3LjI1MTIyIDUuMTUxMzhDNy4yNTEyMiA1LjE1MTM4IDcuMjUxMjMgNS4xNTEzNyA3LjI1MTIyIDUuMTUxMzhDNi43Nzg2MiA1LjYyNCA2Ljc3ODYxIDYuMzkwMjcgNy4yNTEyMiA2Ljg2Mjg4QzcuNzIzODQgNy4zMzU1IDguNDkwMSA3LjMzNTUgOC45NjI3MiA2Ljg2Mjg4TDExLjA0OTEgNC43NzY0OEMxMS4yNzE3IDQuNTUzOSAxMS42MzI2IDQuNTUzOSAxMS44NTUxIDQuNzc2NDhDMTIuMDc3NyA0Ljk5OTA1IDEyLjA3NzcgNS4zNTk5MiAxMS44NTUxIDUuNTgyNDlMOS43Njg3NCA3LjY2ODlDOC44NTA5NyA4LjU4NjY2IDcuMzYyOTggOC41ODY2NiA2LjQ0NTIxIDcuNjY4OUM1LjUyNzQ0IDYuNzUxMTMgNS41Mjc0NCA1LjI2MzEzIDYuNDQ1MjEgNC4zNDUzNkw3LjA3OTE2IDMuNzExNDZMNy4xOTQxMyAzLjU5NjQ4TDYuNzQ0MjggMy4xNDY2M1pNOC4wMDAxNCAyLjc5MDQ3TDcuNTUwMjkgMi4zNDA2MkM1LjgyMzA5IDAuNjEzNDEzIDMuMDIyNzMgMC42MTM0MTUgMS4yOTU1MyAyLjM0MDYyQy0wLjQzMTY3OSA0LjA2NzgzIC0wLjQzMTY3OSA2Ljg2ODE4IDEuMjk1NTMgOC41OTUzOUwxLjQ2MjMyIDguNzYxOTNMMS40NjQyIDguNzYzODFMNi4zMzc3NyAxMy42NzU3TDYuMzM5MzQgMTMuNjc3M0w3LjA3MDMyIDE0LjQwODNDNy43OTkgMTUuMTM3IDguOTgwNDEgMTUuMTM3IDkuNzA5MDkgMTQuNDA4M0MxMC4wMDQyIDE0LjExMzEgMTAuMTcwMSAxMy43NDUgMTAuMjIgMTMuMzY0M0MxMC43ODA2IDEzLjQ0MzMgMTEuMzcwMiAxMy4yNjczIDExLjgwMTMgMTIuODM2MkMxMi4xNTIgMTIuNDg1NSAxMi4zMzM5IDEyLjAzIDEyLjM0NzEgMTEuNTcwNkMxMi44MjY0IDExLjU3MiAxMy4zMDYxIDExLjM4OTggMTMuNjcxOCAxMS4wMjQxQzE0LjE3NTggMTAuNTIwMiAxNC4zMzEyIDkuNzk5NjYgMTQuMTM4IDkuMTYyMTRMMTQuNzA0NyA4LjU5NTQ0QzE2LjQzMTkgNi44NjgyMyAxNi40MzE5IDQuMDY3ODggMTQuNzA0NyAyLjM0MDY3QzEyLjk3NzUgMC42MTM0NjUgMTAuMTc3MiAwLjYxMzQ2NCA4LjQ0OTk0IDIuMzQwNjdMOC4wMDAxNCAyLjc5MDQ3WiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIKICAvPgo8L3N2Zz4K)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Partners = createSupabaseIcon('Partners', [\n  [\n    'path',\n    {\n      fillRule: 'evenodd',\n      clipRule: 'evenodd',\n      d: 'M6.74428 3.14663C5.46222 1.86458 3.3836 1.86458 2.10154 3.14663C0.819584 4.42859 0.819484 6.50699 2.10124 7.78907L2.27149 7.95907L7.14537 12.8713L7.14694 12.8729L7.87634 13.6023C8.15986 13.8858 8.61955 13.8858 8.90307 13.6023C9.15745 13.3479 9.16915 12.8682 8.88697 12.5604L8.03584 11.7092C7.81328 11.4866 7.81331 11.1257 8.0359 10.9032C8.25849 10.6806 8.61936 10.6806 8.84191 10.9032L9.22841 11.2898C9.23606 11.2967 9.24357 11.3038 9.25093 11.3111L9.70923 11.7697L9.71224 11.7727L9.7147 11.7752L9.71692 11.7774L9.72114 11.7818L9.72525 11.7862L9.73059 11.792L9.96864 12.0301C10.2521 12.3137 10.7118 12.3137 10.9953 12.0302C11.2788 11.7467 11.2788 11.2871 10.9954 11.0036L9.82969 9.83772C9.60713 9.61513 9.60716 9.25426 9.82975 9.03171C9.95005 8.91142 10.1107 8.85615 10.2682 8.8659C10.4081 8.87019 10.5468 8.92575 10.6536 9.03256L11.8391 10.2181C12.1226 10.5016 12.5823 10.5016 12.8658 10.2181C13.1493 9.93462 13.1493 9.47498 12.8658 9.19148L11.6615 7.98724C11.439 7.76466 11.439 7.4038 11.6615 7.18122C11.8841 6.95865 12.245 6.95865 12.4676 7.18122L13.4872 8.2009L13.8987 7.78942C15.1808 6.50737 15.1808 4.42874 13.8987 3.14668C12.6166 1.86463 10.538 1.86463 9.25596 3.14668L7.88518 4.51747L7.25122 5.15138C7.25122 5.15138 7.25123 5.15137 7.25122 5.15138C6.77862 5.624 6.77861 6.39027 7.25122 6.86288C7.72384 7.3355 8.4901 7.3355 8.96272 6.86288L11.0491 4.77648C11.2717 4.5539 11.6326 4.5539 11.8551 4.77648C12.0777 4.99905 12.0777 5.35992 11.8551 5.58249L9.76874 7.6689C8.85097 8.58666 7.36298 8.58666 6.44521 7.6689C5.52744 6.75113 5.52744 5.26313 6.44521 4.34536L7.07916 3.71146L7.19413 3.59648L6.74428 3.14663ZM8.00014 2.79047L7.55029 2.34062C5.82309 0.613413 3.02273 0.613415 1.29553 2.34062C-0.431679 4.06783 -0.431679 6.86818 1.29553 8.59539L1.46232 8.76193L1.4642 8.76381L6.33777 13.6757L6.33934 13.6773L7.07032 14.4083C7.799 15.137 8.98041 15.137 9.70909 14.4083C10.0042 14.1131 10.1701 13.745 10.22 13.3643C10.7806 13.4433 11.3702 13.2673 11.8013 12.8362C12.152 12.4855 12.3339 12.03 12.3471 11.5706C12.8264 11.572 13.3061 11.3898 13.6718 11.0241C14.1758 10.5202 14.3312 9.79966 14.138 9.16214L14.7047 8.59544C16.4319 6.86823 16.4319 4.06788 14.7047 2.34067C12.9775 0.613465 10.1772 0.613464 8.44994 2.34067L8.00014 2.79047Z',\n      fill: 'currentColor',\n      key: 'yu1v4i',\n    },\n  ],\n]);\n\nexport default Partners;\n",
+  component: React.lazy(() => import('icons/src/icons/partners')),
+  import: "import { Partners } from 'icons'",
+  svg: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path\n    fillRule=\"evenodd\"\n    clipRule=\"evenodd\"\n    d=\"M6.74428 3.14663C5.46222 1.86458 3.3836 1.86458 2.10154 3.14663C0.819584 4.42859 0.819484 6.50699 2.10124 7.78907L2.27149 7.95907L7.14537 12.8713L7.14694 12.8729L7.87634 13.6023C8.15986 13.8858 8.61955 13.8858 8.90307 13.6023C9.15745 13.3479 9.16915 12.8682 8.88697 12.5604L8.03584 11.7092C7.81328 11.4866 7.81331 11.1257 8.0359 10.9032C8.25849 10.6806 8.61936 10.6806 8.84191 10.9032L9.22841 11.2898C9.23606 11.2967 9.24357 11.3038 9.25093 11.3111L9.70923 11.7697L9.71224 11.7727L9.7147 11.7752L9.71692 11.7774L9.72114 11.7818L9.72525 11.7862L9.73059 11.792L9.96864 12.0301C10.2521 12.3137 10.7118 12.3137 10.9953 12.0302C11.2788 11.7467 11.2788 11.2871 10.9954 11.0036L9.82969 9.83772C9.60713 9.61513 9.60716 9.25426 9.82975 9.03171C9.95005 8.91142 10.1107 8.85615 10.2682 8.8659C10.4081 8.87019 10.5468 8.92575 10.6536 9.03256L11.8391 10.2181C12.1226 10.5016 12.5823 10.5016 12.8658 10.2181C13.1493 9.93462 13.1493 9.47498 12.8658 9.19148L11.6615 7.98724C11.439 7.76466 11.439 7.4038 11.6615 7.18122C11.8841 6.95865 12.245 6.95865 12.4676 7.18122L13.4872 8.2009L13.8987 7.78942C15.1808 6.50737 15.1808 4.42874 13.8987 3.14668C12.6166 1.86463 10.538 1.86463 9.25596 3.14668L7.88518 4.51747L7.25122 5.15138C7.25122 5.15138 7.25123 5.15137 7.25122 5.15138C6.77862 5.624 6.77861 6.39027 7.25122 6.86288C7.72384 7.3355 8.4901 7.3355 8.96272 6.86288L11.0491 4.77648C11.2717 4.5539 11.6326 4.5539 11.8551 4.77648C12.0777 4.99905 12.0777 5.35992 11.8551 5.58249L9.76874 7.6689C8.85097 8.58666 7.36298 8.58666 6.44521 7.6689C5.52744 6.75113 5.52744 5.26313 6.44521 4.34536L7.07916 3.71146L7.19413 3.59648L6.74428 3.14663ZM8.00014 2.79047L7.55029 2.34062C5.82309 0.613413 3.02273 0.613415 1.29553 2.34062C-0.431679 4.06783 -0.431679 6.86818 1.29553 8.59539L1.46232 8.76193L1.4642 8.76381L6.33777 13.6757L6.33934 13.6773L7.07032 14.4083C7.799 15.137 8.98041 15.137 9.70909 14.4083C10.0042 14.1131 10.1701 13.745 10.22 13.3643C10.7806 13.4433 11.3702 13.2673 11.8013 12.8362C12.152 12.4855 12.3339 12.03 12.3471 11.5706C12.8264 11.572 13.3061 11.3898 13.6718 11.0241C14.1758 10.5202 14.3312 9.79966 14.138 9.16214L14.7047 8.59544C16.4319 6.86823 16.4319 4.06788 14.7047 2.34067C12.9775 0.613465 10.1772 0.613464 8.44994 2.34067L8.00014 2.79047Z\"\n    fill=\"currentColor\"\n  />\n</svg>\n",
+  jsx: "import { Partners } from \"icons\"\n  <Partners/>\n  "
+},
 {
   name: "postgres",
   componentName: "Postgres",
@@ -114,6 +234,26 @@ export const Index: Record<string, any> = [
   svg: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\"\n    stroke-width=\"1\">\n    <path\n        d=\"M11.5466 3.23108C11.2704 3.23108 11.0466 3.45494 11.0466 3.73108C11.0466 4.00722 11.2704 4.23108 11.5466 4.23108V3.23108ZM20.6569 19.5046C20.6569 19.2285 20.433 19.0046 20.1569 19.0046C19.8808 19.0046 19.6569 19.2285 19.6569 19.5046H20.6569ZM19.6569 15.9656C19.6569 16.2417 19.8808 16.4656 20.1569 16.4656C20.433 16.4656 20.6569 16.2417 20.6569 15.9656H19.6569ZM13.0119 19.5536C12.959 19.2826 12.6964 19.1058 12.4254 19.1586C12.1544 19.2115 11.9775 19.4741 12.0304 19.7452L13.0119 19.5536ZM9.87381 18.8565L9.37381 18.8565V18.8565H9.87381ZM4.20721 5.29932L3.73784 5.12699L3.73784 5.127L4.20721 5.29932ZM2.52527 9.88046L2.0559 9.70814L2.0559 9.70814L2.52527 9.88046ZM3.24922 12.6873L2.92176 13.0651L2.92176 13.0651L3.24922 12.6873ZM4.40334 13.6875L4.07588 14.0653L4.07588 14.0653L4.40334 13.6875ZM5.00971 15.0154L4.50971 15.0154L4.50971 15.0154L5.00971 15.0154ZM5.00969 16.8536L5.50969 16.8536L5.50969 16.8536L5.00969 16.8536ZM9.87385 10.6661L9.37385 10.6661L9.37385 10.6661L9.87385 10.6661ZM11.9399 6.90783C12.136 6.71339 12.1373 6.39681 11.9429 6.20073C11.7484 6.00464 11.4319 6.00331 11.2358 6.19774L11.9399 6.90783ZM17.841 18.7506L17.8409 18.2506L17.8409 18.2506L17.841 18.7506ZM23.0676 19.2506C23.3437 19.2506 23.5676 19.0267 23.5675 18.7506C23.5675 18.4744 23.3437 18.2506 23.0675 18.2506L23.0676 19.2506ZM13.0171 15.2446C12.8955 14.9967 12.5959 14.8943 12.348 15.016C12.1001 15.1376 11.9978 15.4372 12.1194 15.6851L13.0171 15.2446ZM11.5466 4.23108H12.608V3.23108H11.5466V4.23108ZM19.6569 19.5046C19.6569 21.0264 18.2467 22.2606 16.3033 22.2606V23.2606C18.6165 23.2606 20.6569 21.7449 20.6569 19.5046H19.6569ZM12.608 4.23108C16.501 4.23108 19.6569 7.38698 19.6569 11.28H20.6569C20.6569 6.8347 17.0533 3.23108 12.608 3.23108V4.23108ZM19.6569 11.28V15.9656H20.6569V11.28H19.6569ZM16.3033 22.2606C14.6727 22.2606 13.313 21.0964 13.0119 19.5536L12.0304 19.7452C12.4214 21.7485 14.1852 23.2606 16.3033 23.2606V22.2606ZM11.6552 3.22339H6.46459V4.22339H11.6552V3.22339ZM3.73784 5.127L2.0559 9.70814L2.99464 10.0528L4.67658 5.47164L3.73784 5.127ZM2.92176 13.0651L4.07588 14.0653L4.7308 13.3096L3.57668 12.3094L2.92176 13.0651ZM4.50971 15.0154L4.50969 16.8536L5.50969 16.8536L5.50971 15.0154L4.50971 15.0154ZM10.3739 10.6661C10.3739 9.25463 10.9376 7.90166 11.9399 6.90783L11.2358 6.19774C10.0442 7.37934 9.37387 8.98795 9.37385 10.6661L10.3739 10.6661ZM2.0559 9.70814C1.61893 10.8983 1.96363 12.2348 2.92176 13.0651L3.57668 12.3094C2.9326 11.7512 2.70089 10.8529 2.99464 10.0528L2.0559 9.70814ZM8.44319 20.7872C9.50944 20.7872 10.3738 19.9228 10.3738 18.8565H9.37381C9.37381 19.3705 8.95716 19.7872 8.44319 19.7872V20.7872ZM8.44319 19.7872C6.82305 19.7872 5.50967 18.4738 5.50969 16.8536L4.50969 16.8536C4.50966 19.026 6.27075 20.7872 8.44319 20.7872V19.7872ZM4.07588 14.0653C4.35142 14.3041 4.50972 14.6508 4.50971 15.0154L5.50971 15.0154C5.50972 14.3608 5.22552 13.7384 4.7308 13.3096L4.07588 14.0653ZM6.46459 3.22339C5.24643 3.22339 4.15768 3.98347 3.73784 5.12699L4.67658 5.47164C4.95188 4.7218 5.66581 4.22339 6.46459 4.22339V3.22339ZM17.841 19.2506L23.0676 19.2506L23.0675 18.2506L17.8409 18.2506L17.841 19.2506ZM12.1194 15.6851C13.1905 17.8676 15.4098 19.2507 17.841 19.2506L17.8409 18.2506C15.7913 18.2507 13.9201 17.0846 13.0171 15.2446L12.1194 15.6851ZM10.3738 18.8565L10.3739 10.6661L9.37385 10.6661L9.37381 18.8565L10.3738 18.8565Z\" />\n    <path\n        d=\"M15.7151 11.2056C15.7151 11.6257 16.0556 11.9663 16.4758 11.9663C16.8959 11.9663 17.2365 11.6257 17.2365 11.2056C17.2365 10.7854 16.8959 10.4448 16.4758 10.4448C16.0556 10.4448 15.7151 10.7854 15.7151 11.2056Z\" />\n</svg>",
   jsx: "import { Postgres } from \"icons\"\n  <Postgres/>\n  "
 },
+{
+  name: "presence",
+  componentName: "Presence",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Presence\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiMwMDAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOyBib3JkZXItcmFkaXVzOiAycHgiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGgKICAgIHN0cm9rZT0iY3VycmVudENvbG9yIgogICAgc3Ryb2tlTGluZWpvaW49InJvdW5kIgogICAgc3Ryb2tlTWl0ZXJsaW1pdD17MTB9CiAgICBkPSJtMjMuMTQ5IDIzLjQ5OSAzLjQyNCA3LjgzYS41LjUgMCAwIDAgLjk0Mi0uMDc0bC43NC0yLjg2OGEuNS41IDAgMCAxIC4zNjQtLjM2bDMuMDM5LS43NTZhLjUuNSAwIDAgMCAuMDgtLjk0M2wtNy45My0zLjQ4N2EuNS41IDAgMCAwLS42Ni42NThaIgogIC8+CiAgPHBhdGgKICAgIHN0cm9rZT0iY3VycmVudENvbG9yIgogICAgc3Ryb2tlTGluZWpvaW49InJvdW5kIgogICAgc3Ryb2tlTWl0ZXJsaW1pdD17MTB9CiAgICBkPSJNMjQuNTQ0IDMyLjc0NmgtNS42MjNhMyAzIDAgMCAxLTMtM1YxOC41YTMgMyAwIDAgMSAzLTNoMTEuMjQ3YTMgMyAwIDAgMSAzIDN2NS42MjMiCiAgICBvcGFjaXR5PXswLjQ1fQogIC8+Cjwvc3ZnPgo=)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Presence = createSupabaseIcon('Presence', [\n  [\n    'path',\n    {\n      stroke: 'currentColor',\n      strokeLinejoin: 'round',\n      strokeMiterlimit: '{10}',\n      d: 'm23.149 23.499 3.424 7.83a.5.5 0 0 0 .942-.074l.74-2.868a.5.5 0 0 1 .364-.36l3.039-.756a.5.5 0 0 0 .08-.943l-7.93-3.487a.5.5 0 0 0-.66.658Z',\n      key: 'rwwn36',\n    },\n  ],\n  [\n    'path',\n    {\n      stroke: 'currentColor',\n      strokeLinejoin: 'round',\n      strokeMiterlimit: '{10}',\n      d: 'M24.544 32.746h-5.623a3 3 0 0 1-3-3V18.5a3 3 0 0 1 3-3h11.247a3 3 0 0 1 3 3v5.623',\n      opacity: '{0.45}',\n      key: 'yn21cm',\n    },\n  ],\n]);\n\nexport default Presence;\n",
+  component: React.lazy(() => import('icons/src/icons/presence')),
+  import: "import { Presence } from 'icons'",
+  svg: "<svg \n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path\n    stroke=\"currentColor\"\n    strokeLinejoin=\"round\"\n    strokeMiterlimit={10}\n    d=\"m23.149 23.499 3.424 7.83a.5.5 0 0 0 .942-.074l.74-2.868a.5.5 0 0 1 .364-.36l3.039-.756a.5.5 0 0 0 .08-.943l-7.93-3.487a.5.5 0 0 0-.66.658Z\"\n  />\n  <path\n    stroke=\"currentColor\"\n    strokeLinejoin=\"round\"\n    strokeMiterlimit={10}\n    d=\"M24.544 32.746h-5.623a3 3 0 0 1-3-3V18.5a3 3 0 0 1 3-3h11.247a3 3 0 0 1 3 3v5.623\"\n    opacity={0.45}\n  />\n</svg>\n",
+  jsx: "import { Presence } from \"icons\"\n  <Presence/>\n  "
+},
+{
+  name: "product-hunt",
+  componentName: "ProductHunt",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name ProductHunt\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiMwMDAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOyBib3JkZXItcmFkaXVzOiAycHgiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGgKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIKICAgIGQ9Ik03LjI5OTc4IDguNTUxMjdIOS41NjY1OEM5Ljg4NDg0IDguNTUxMjcgMTAuMTkwMSA4LjQyNDg0IDEwLjQxNTEgOC4xOTk4QzEwLjY0MDEgNy45NzQ3NSAxMC43NjY2IDcuNjY5NTMgMTAuNzY2NiA3LjM1MTI3QzEwLjc2NjYgNy4wMzMwMSAxMC42NDAxIDYuNzI3NzkgMTAuNDE1MSA2LjUwMjc0QzEwLjE5MDEgNi4yNzc3IDkuODg0ODQgNi4xNTEyNyA5LjU2NjU4IDYuMTUxMjdINy4yOTk3OFY4LjU1MTI3WiBNOC41IDE2LjU1MTNDMTIuOTE4NCAxNi41NTEzIDE2LjUgMTIuOTY5NyAxNi41IDguNTUxMjdDMTYuNSA0LjEzMjg3IDEyLjkxODQgMC41NTEyNyA4LjUgMC41NTEyN0M0LjA4MTYgMC41NTEyNyAwLjUgNC4xMzI4NyAwLjUgOC41NTEyN0MwLjUgMTIuOTY5NyA0LjA4MTYgMTYuNTUxMyA4LjUgMTYuNTUxM1pNNS42OTk3OCA0LjU1MTI3SDkuNTY2NThDMTAuMzA5MiA0LjU1MTI3IDExLjAyMTQgNC44NDYyNyAxMS41NDY1IDUuMzcxMzdDMTIuMDcxNiA1Ljg5NjQ3IDEyLjM2NjYgNi42MDg2NiAxMi4zNjY2IDcuMzUxMjdDMTIuMzY2NiA4LjA5Mzg4IDEyLjA3MTYgOC44MDYwNyAxMS41NDY1IDkuMzMxMTdDMTEuMDIxNCA5Ljg1NjI3IDEwLjMwOTIgMTAuMTUxMyA5LjU2NjU4IDEwLjE1MTNINy4yOTk3OFYxMi41NTEzSDUuNjk5NzhWNC41NTEyN1oiCiAgLz4KPC9zdmc+Cg==)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst ProductHunt = createSupabaseIcon('ProductHunt', [\n  [\n    'path',\n    {\n      fill: 'currentColor',\n      d: 'M7.29978 8.55127H9.56658C9.88484 8.55127 10.1901 8.42484 10.4151 8.1998C10.6401 7.97475 10.7666 7.66953 10.7666 7.35127C10.7666 7.03301 10.6401 6.72779 10.4151 6.50274C10.1901 6.2777 9.88484 6.15127 9.56658 6.15127H7.29978V8.55127Z M8.5 16.5513C12.9184 16.5513 16.5 12.9697 16.5 8.55127C16.5 4.13287 12.9184 0.55127 8.5 0.55127C4.0816 0.55127 0.5 4.13287 0.5 8.55127C0.5 12.9697 4.0816 16.5513 8.5 16.5513ZM5.69978 4.55127H9.56658C10.3092 4.55127 11.0214 4.84627 11.5465 5.37137C12.0716 5.89647 12.3666 6.60866 12.3666 7.35127C12.3666 8.09388 12.0716 8.80607 11.5465 9.33117C11.0214 9.85627 10.3092 10.1513 9.56658 10.1513H7.29978V12.5513H5.69978V4.55127Z',\n      key: '1jp6w0',\n    },\n  ],\n]);\n\nexport default ProductHunt;\n",
+  component: React.lazy(() => import('icons/src/icons/product-hunt')),
+  import: "import { ProductHunt } from 'icons'",
+  svg: "<svg \n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path\n    fill=\"currentColor\"\n    d=\"M7.29978 8.55127H9.56658C9.88484 8.55127 10.1901 8.42484 10.4151 8.1998C10.6401 7.97475 10.7666 7.66953 10.7666 7.35127C10.7666 7.03301 10.6401 6.72779 10.4151 6.50274C10.1901 6.2777 9.88484 6.15127 9.56658 6.15127H7.29978V8.55127Z M8.5 16.5513C12.9184 16.5513 16.5 12.9697 16.5 8.55127C16.5 4.13287 12.9184 0.55127 8.5 0.55127C4.0816 0.55127 0.5 4.13287 0.5 8.55127C0.5 12.9697 4.0816 16.5513 8.5 16.5513ZM5.69978 4.55127H9.56658C10.3092 4.55127 11.0214 4.84627 11.5465 5.37137C12.0716 5.89647 12.3666 6.60866 12.3666 7.35127C12.3666 8.09388 12.0716 8.80607 11.5465 9.33117C11.0214 9.85627 10.3092 10.1513 9.56658 10.1513H7.29978V12.5513H5.69978V4.55127Z\"\n  />\n</svg>\n",
+  jsx: "import { ProductHunt } from \"icons\"\n  <ProductHunt/>\n  "
+},
 {
   name: "realtime",
   componentName: "Realtime",
@@ -128,10 +268,10 @@ export const Index: Record<string, any> = [
   name: "replace-code",
   componentName: "ReplaceCode",
   deprecated: false,
-  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name ReplaceCode\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSJub25lIiAgICBzdHJva2U9IiMwMDAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOyBib3JkZXItcmFkaXVzOiAycHgiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTS0yMDQwMyAtMTExNDJIMTIxNjVWLTExMTQ0SC0yMDQwM1YtMTExNDJaTTEyMTY2IC0xMTE0MVY3MTEzSDEyMTY4Vi0xMTE0MUgxMjE2NlpNMTIxNjUgNzExNEgtMjA0MDNWNzExNkgxMjE2NVY3MTE0Wk0tMjA0MDQgNzExM1YtMTExNDFILTIwNDA2VjcxMTNILTIwNDA0Wk0tMjA0MDMgNzExNEMtMjA0MDMuNiA3MTE0IC0yMDQwNCA3MTEzLjU1IC0yMDQwNCA3MTEzSC0yMDQwNkMtMjA0MDYgNzExNC42NiAtMjA0MDQuNyA3MTE2IC0yMDQwMyA3MTE2VjcxMTRaTTEyMTY2IDcxMTNDMTIxNjYgNzExMy41NSAxMjE2NS42IDcxMTQgMTIxNjUgNzExNFY3MTE2QzEyMTY2LjcgNzExNiAxMjE2OCA3MTE0LjY2IDEyMTY4IDcxMTNIMTIxNjZaTTEyMTY1IC0xMTE0MkMxMjE2NS42IC0xMTE0MiAxMjE2NiAtMTExNDEuNiAxMjE2NiAtMTExNDFIMTIxNjhDMTIxNjggLTExMTQyLjcgMTIxNjYuNyAtMTExNDQgMTIxNjUgLTExMTQ0Vi0xMTE0MlpNLTIwNDAzIC0xMTE0NEMtMjA0MDQuNyAtMTExNDQgLTIwNDA2IC0xMTE0Mi43IC0yMDQwNiAtMTExNDFILTIwNDA0Qy0yMDQwNCAtMTExNDEuNiAtMjA0MDMuNiAtMTExNDIgLTIwNDAzIC0xMTE0MlYtMTExNDRaIgogICAgICAgIGZpbGwtb3BhY2l0eT0iMC4xIiAvPgogICAgPHJlY3QgeD0iNi40NDUzMSIgeT0iMTQuMTEzMyIgd2lkdGg9IjE1Ljg0NTUiIGhlaWdodD0iNy45MTgxOCIgcng9IjMuOTU5MDkiIC8+CiAgICA8cGF0aAogICAgICAgIGQ9Ik0xMC41ODk2IDEwLjAxOTVMMTguMjE0OCAxMC4wMTk1QzE5LjA0MzMgMTAuMDE5NSAxOS43MTQ4IDkuMzQ3OTYgMTkuNzE0OCA4LjUxOTUzTDE5LjcxNDggMy41OTIyNUMxOS43MTQ4IDIuNzYzODMgMTkuMDQzMyAyLjA5MjI2IDE4LjIxNDggMi4wOTIyNkw1Ljk5NjA5IDIuMDkyMjYiCiAgICAgICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgogICAgPHBhdGggZD0iTTUuOTg5MDIgMTAuNDY1NlY1Ljc4OTA2SDEuMzEyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgPHBhdGggZD0iTTMuMjcxMTEgMTMuNjEzM1YxMy42MTMzQzEuNjE1MTUgMTIuMzkxNCAxLjQ3OTQ4IDkuOTY0NDYgMi45ODg5NCA4LjU2NTY0TDUuOTk2MDkgNS43Nzg5MSIKICAgICAgICBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+Cjwvc3ZnPg==)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst ReplaceCode = createSupabaseIcon('ReplaceCode', [\n  [\n    'path',\n    {\n      d: 'M-20403 -11142H12165V-11144H-20403V-11142ZM12166 -11141V7113H12168V-11141H12166ZM12165 7114H-20403V7116H12165V7114ZM-20404 7113V-11141H-20406V7113H-20404ZM-20403 7114C-20403.6 7114 -20404 7113.55 -20404 7113H-20406C-20406 7114.66 -20404.7 7116 -20403 7116V7114ZM12166 7113C12166 7113.55 12165.6 7114 12165 7114V7116C12166.7 7116 12168 7114.66 12168 7113H12166ZM12165 -11142C12165.6 -11142 12166 -11141.6 12166 -11141H12168C12168 -11142.7 12166.7 -11144 12165 -11144V-11142ZM-20403 -11144C-20404.7 -11144 -20406 -11142.7 -20406 -11141H-20404C-20404 -11141.6 -20403.6 -11142 -20403 -11142V-11144Z',\n      'fill-opacity': '0.1',\n      key: 'g9kgmq',\n    },\n  ],\n  [\n    'rect',\n    {\n      x: '6.44531',\n      y: '14.1133',\n      width: '15.8455',\n      height: '7.91818',\n      rx: '3.95909',\n      key: '1evqnx',\n    },\n  ],\n  [\n    'path',\n    {\n      d: 'M10.5896 10.0195L18.2148 10.0195C19.0433 10.0195 19.7148 9.34796 19.7148 8.51953L19.7148 3.59225C19.7148 2.76383 19.0433 2.09226 18.2148 2.09226L5.99609 2.09226',\n      'stroke-linecap': 'round',\n      key: '18tp5x',\n    },\n  ],\n  [\n    'path',\n    {\n      d: 'M5.98902 10.4656V5.78906H1.3125',\n      'stroke-linecap': 'round',\n      'stroke-linejoin': 'round',\n      key: 'sfubon',\n    },\n  ],\n  [\n    'path',\n    {\n      d: 'M3.27111 13.6133V13.6133C1.61515 12.3914 1.47948 9.96446 2.98894 8.56564L5.99609 5.77891',\n      'stroke-linecap': 'round',\n      key: '1w6ie7',\n    },\n  ],\n]);\n\nexport default ReplaceCode;\n",
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name ReplaceCode\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgICBzdHJva2U9IiMwMDAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOyBib3JkZXItcmFkaXVzOiAycHgiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTS0yMDQwMyAtMTExNDJIMTIxNjVWLTExMTQ0SC0yMDQwM1YtMTExNDJaTTEyMTY2IC0xMTE0MVY3MTEzSDEyMTY4Vi0xMTE0MUgxMjE2NlpNMTIxNjUgNzExNEgtMjA0MDNWNzExNkgxMjE2NVY3MTE0Wk0tMjA0MDQgNzExM1YtMTExNDFILTIwNDA2VjcxMTNILTIwNDA0Wk0tMjA0MDMgNzExNEMtMjA0MDMuNiA3MTE0IC0yMDQwNCA3MTEzLjU1IC0yMDQwNCA3MTEzSC0yMDQwNkMtMjA0MDYgNzExNC42NiAtMjA0MDQuNyA3MTE2IC0yMDQwMyA3MTE2VjcxMTRaTTEyMTY2IDcxMTNDMTIxNjYgNzExMy41NSAxMjE2NS42IDcxMTQgMTIxNjUgNzExNFY3MTE2QzEyMTY2LjcgNzExNiAxMjE2OCA3MTE0LjY2IDEyMTY4IDcxMTNIMTIxNjZaTTEyMTY1IC0xMTE0MkMxMjE2NS42IC0xMTE0MiAxMjE2NiAtMTExNDEuNiAxMjE2NiAtMTExNDFIMTIxNjhDMTIxNjggLTExMTQyLjcgMTIxNjYuNyAtMTExNDQgMTIxNjUgLTExMTQ0Vi0xMTE0MlpNLTIwNDAzIC0xMTE0NEMtMjA0MDQuNyAtMTExNDQgLTIwNDA2IC0xMTE0Mi43IC0yMDQwNiAtMTExNDFILTIwNDA0Qy0yMDQwNCAtMTExNDEuNiAtMjA0MDMuNiAtMTExNDIgLTIwNDAzIC0xMTE0MlYtMTExNDRaIgogICAgICAgIGZpbGwtb3BhY2l0eT0iMC4xIiAvPgogICAgPHJlY3QgeD0iNi40NDUzMSIgeT0iMTQuMTEzMyIgd2lkdGg9IjE1Ljg0NTUiIGhlaWdodD0iNy45MTgxOCIgcng9IjMuOTU5MDkiIC8+CiAgICA8cGF0aAogICAgICAgIGQ9Ik0xMC41ODk2IDEwLjAxOTVMMTguMjE0OCAxMC4wMTk1QzE5LjA0MzMgMTAuMDE5NSAxOS43MTQ4IDkuMzQ3OTYgMTkuNzE0OCA4LjUxOTUzTDE5LjcxNDggMy41OTIyNUMxOS43MTQ4IDIuNzYzODMgMTkuMDQzMyAyLjA5MjI2IDE4LjIxNDggMi4wOTIyNkw1Ljk5NjA5IDIuMDkyMjYiCiAgICAgICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgogICAgPHBhdGggZD0iTTUuOTg5MDIgMTAuNDY1NlY1Ljc4OTA2SDEuMzEyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgPHBhdGggZD0iTTMuMjcxMTEgMTMuNjEzM1YxMy42MTMzQzEuNjE1MTUgMTIuMzkxNCAxLjQ3OTQ4IDkuOTY0NDYgMi45ODg5NCA4LjU2NTY0TDUuOTk2MDkgNS43Nzg5MSIKICAgICAgICBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+Cjwvc3ZnPg==)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst ReplaceCode = createSupabaseIcon('ReplaceCode', [\n  [\n    'path',\n    {\n      d: 'M-20403 -11142H12165V-11144H-20403V-11142ZM12166 -11141V7113H12168V-11141H12166ZM12165 7114H-20403V7116H12165V7114ZM-20404 7113V-11141H-20406V7113H-20404ZM-20403 7114C-20403.6 7114 -20404 7113.55 -20404 7113H-20406C-20406 7114.66 -20404.7 7116 -20403 7116V7114ZM12166 7113C12166 7113.55 12165.6 7114 12165 7114V7116C12166.7 7116 12168 7114.66 12168 7113H12166ZM12165 -11142C12165.6 -11142 12166 -11141.6 12166 -11141H12168C12168 -11142.7 12166.7 -11144 12165 -11144V-11142ZM-20403 -11144C-20404.7 -11144 -20406 -11142.7 -20406 -11141H-20404C-20404 -11141.6 -20403.6 -11142 -20403 -11142V-11144Z',\n      'fill-opacity': '0.1',\n      key: 'g9kgmq',\n    },\n  ],\n  [\n    'rect',\n    {\n      x: '6.44531',\n      y: '14.1133',\n      width: '15.8455',\n      height: '7.91818',\n      rx: '3.95909',\n      key: '1evqnx',\n    },\n  ],\n  [\n    'path',\n    {\n      d: 'M10.5896 10.0195L18.2148 10.0195C19.0433 10.0195 19.7148 9.34796 19.7148 8.51953L19.7148 3.59225C19.7148 2.76383 19.0433 2.09226 18.2148 2.09226L5.99609 2.09226',\n      'stroke-linecap': 'round',\n      key: '18tp5x',\n    },\n  ],\n  [\n    'path',\n    {\n      d: 'M5.98902 10.4656V5.78906H1.3125',\n      'stroke-linecap': 'round',\n      'stroke-linejoin': 'round',\n      key: 'sfubon',\n    },\n  ],\n  [\n    'path',\n    {\n      d: 'M3.27111 13.6133V13.6133C1.61515 12.3914 1.47948 9.96446 2.98894 8.56564L5.99609 5.77891',\n      'stroke-linecap': 'round',\n      key: '1w6ie7',\n    },\n  ],\n]);\n\nexport default ReplaceCode;\n",
   component: React.lazy(() => import('icons/src/icons/replace-code')),
   import: "import { ReplaceCode } from 'icons'",
-  svg: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\"\n    stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <path\n        d=\"M-20403 -11142H12165V-11144H-20403V-11142ZM12166 -11141V7113H12168V-11141H12166ZM12165 7114H-20403V7116H12165V7114ZM-20404 7113V-11141H-20406V7113H-20404ZM-20403 7114C-20403.6 7114 -20404 7113.55 -20404 7113H-20406C-20406 7114.66 -20404.7 7116 -20403 7116V7114ZM12166 7113C12166 7113.55 12165.6 7114 12165 7114V7116C12166.7 7116 12168 7114.66 12168 7113H12166ZM12165 -11142C12165.6 -11142 12166 -11141.6 12166 -11141H12168C12168 -11142.7 12166.7 -11144 12165 -11144V-11142ZM-20403 -11144C-20404.7 -11144 -20406 -11142.7 -20406 -11141H-20404C-20404 -11141.6 -20403.6 -11142 -20403 -11142V-11144Z\"\n        fill-opacity=\"0.1\" />\n    <rect x=\"6.44531\" y=\"14.1133\" width=\"15.8455\" height=\"7.91818\" rx=\"3.95909\" />\n    <path\n        d=\"M10.5896 10.0195L18.2148 10.0195C19.0433 10.0195 19.7148 9.34796 19.7148 8.51953L19.7148 3.59225C19.7148 2.76383 19.0433 2.09226 18.2148 2.09226L5.99609 2.09226\"\n        stroke-linecap=\"round\" />\n    <path d=\"M5.98902 10.4656V5.78906H1.3125\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n    <path d=\"M3.27111 13.6133V13.6133C1.61515 12.3914 1.47948 9.96446 2.98894 8.56564L5.99609 5.77891\"\n        stroke-linecap=\"round\" />\n</svg>",
+  svg: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n    stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <path\n        d=\"M-20403 -11142H12165V-11144H-20403V-11142ZM12166 -11141V7113H12168V-11141H12166ZM12165 7114H-20403V7116H12165V7114ZM-20404 7113V-11141H-20406V7113H-20404ZM-20403 7114C-20403.6 7114 -20404 7113.55 -20404 7113H-20406C-20406 7114.66 -20404.7 7116 -20403 7116V7114ZM12166 7113C12166 7113.55 12165.6 7114 12165 7114V7116C12166.7 7116 12168 7114.66 12168 7113H12166ZM12165 -11142C12165.6 -11142 12166 -11141.6 12166 -11141H12168C12168 -11142.7 12166.7 -11144 12165 -11144V-11142ZM-20403 -11144C-20404.7 -11144 -20406 -11142.7 -20406 -11141H-20404C-20404 -11141.6 -20403.6 -11142 -20403 -11142V-11144Z\"\n        fill-opacity=\"0.1\" />\n    <rect x=\"6.44531\" y=\"14.1133\" width=\"15.8455\" height=\"7.91818\" rx=\"3.95909\" />\n    <path\n        d=\"M10.5896 10.0195L18.2148 10.0195C19.0433 10.0195 19.7148 9.34796 19.7148 8.51953L19.7148 3.59225C19.7148 2.76383 19.0433 2.09226 18.2148 2.09226L5.99609 2.09226\"\n        stroke-linecap=\"round\" />\n    <path d=\"M5.98902 10.4656V5.78906H1.3125\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n    <path d=\"M3.27111 13.6133V13.6133C1.61515 12.3914 1.47948 9.96446 2.98894 8.56564L5.99609 5.77891\"\n        stroke-linecap=\"round\" />\n</svg>",
   jsx: "import { ReplaceCode } from \"icons\"\n  <ReplaceCode/>\n  "
 },
 {
@@ -184,6 +324,16 @@ export const Index: Record<string, any> = [
   svg: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\"\n    stroke-width=\"1\">\n    <path\n        d=\"M2.9707 15.3494L20.9707 15.355M20.9405 9.61588H2.99699M8.77661 9.61588V21.1367M20.9405 5.85547V19.1367C20.9405 20.2413 20.0451 21.1367 18.9405 21.1367H4.99699C3.89242 21.1367 2.99699 20.2413 2.99699 19.1367V5.85547C2.99699 4.7509 3.89242 3.85547 4.99699 3.85547H18.9405C20.0451 3.85547 20.9405 4.7509 20.9405 5.85547Z\" />\n</svg>",
   jsx: "import { TableEditor } from \"icons\"\n  <TableEditor/>\n  "
 },
+{
+  name: "twitter",
+  componentName: "Twitter",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Twitter\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbD0iY3VycmVudENvbG9yIgogICAgZD0iTTEyLjYwMDkgMC45MDM5MDhIMTUuMDU0NEw5LjY5NDM0IDcuMDMwMDhMMTYgMTUuMzY2NEgxMS4wNjI3TDcuMTk1NjYgMTAuMzEwNUwyLjc3MDg3IDE1LjM2NjRIMC4zMTU5NUw2LjA0OTA0IDguODEzNzlMMCAwLjkwMzkwOEg1LjA2MjYyTDguNTU4MTEgNS41MjUyNEwxMi42MDA5IDAuOTAzOTA4Wk0xMS43Mzk5IDEzLjg5NzlIMTMuMDk5M0w0LjMyMzkyIDIuMjk1MjhIMi44NjUwNkwxMS43Mzk5IDEzLjg5NzlaIgogIC8+Cjwvc3ZnPgo=)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Twitter = createSupabaseIcon('Twitter', [\n  [\n    'path',\n    {\n      fill: 'currentColor',\n      d: 'M12.6009 0.903908H15.0544L9.69434 7.03008L16 15.3664H11.0627L7.19566 10.3105L2.77087 15.3664H0.31595L6.04904 8.81379L0 0.903908H5.06262L8.55811 5.52524L12.6009 0.903908ZM11.7399 13.8979H13.0993L4.32392 2.29528H2.86506L11.7399 13.8979Z',\n      key: '3jmjvc',\n    },\n  ],\n]);\n\nexport default Twitter;\n",
+  component: React.lazy(() => import('icons/src/icons/twitter')),
+  import: "import { Twitter } from 'icons'",
+  svg: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path\n    fill=\"currentColor\"\n    d=\"M12.6009 0.903908H15.0544L9.69434 7.03008L16 15.3664H11.0627L7.19566 10.3105L2.77087 15.3664H0.31595L6.04904 8.81379L0 0.903908H5.06262L8.55811 5.52524L12.6009 0.903908ZM11.7399 13.8979H13.0993L4.32392 2.29528H2.86506L11.7399 13.8979Z\"\n  />\n</svg>\n",
+  jsx: "import { Twitter } from \"icons\"\n  <Twitter/>\n  "
+},
 {
   name: "user",
   componentName: "User",
@@ -193,5 +343,25 @@ export const Index: Record<string, any> = [
   import: "import { User } from 'icons'",
   svg: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\"\n    stroke-width=\"1\">\n    <path\n        d=\"M7.06473 19.6328C4.61648 18.0244 3 15.2537 3 12.1055C3 7.13491 7.02944 3.10547 12 3.10547C16.9706 3.10547 21 7.13491 21 12.1055C21 15.2537 19.4273 18.0094 16.979 19.6178M16.9799 22.2844V19.7136C16.9799 17.0258 14.8011 14.8469 12.1133 14.8469C9.42547 14.8469 7.24658 17.0258 7.24658 19.7136V22.2844M15 11.8469C15 13.5038 13.6569 14.8469 12 14.8469C10.3431 14.8469 9 13.5038 9 11.8469C9 10.1901 10.3431 8.84692 12 8.84692C13.6569 8.84692 15 10.1901 15 11.8469Z\" />\n</svg>",
   jsx: "import { User } from \"icons\"\n  <User/>\n  "
+},
+{
+  name: "y-combinator",
+  componentName: "YCombinator",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name YCombinator\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbD0iY3VycmVudENvbG9yIgogICAgZmlsbFJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwUnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik0wIDBIMTZWMTZIMFYwWk00LjY5MDI0IDMuODkyNUw3LjQ2MzYzIDkuMDY1OVYxMi40MjU4SDguNTMwMjVWOS4xMTkxM0wxMS4zMDM2IDMuODkyNUgxMC4xMzAyTDguNTMwMjUgNy4xNDU4MkM4LjQyMzU1IDcuMzA1ODIgOC4zMTY5NCA3LjQ2NTgyIDguMjYzNjMgNy42MjU4MkM4LjIzMjg2IDcuNzQ4NTkgOC4xODQ1IDcuODM2MDEgOC4xMzg4MyA3LjkxODYyQzguMTA1MTUgNy45Nzk1NyA4LjA3Mjg2IDguMDM3OSA4LjA1MDI0IDguMTA1ODJDOC4wMjM1NSA4LjA3OTEzIDguMDEwMTcgOC4wMzkxMyA3Ljk5Njg2IDcuOTk5MDZDNy45ODM1NSA3Ljk1OTEzIDcuOTcwMjQgNy45MTkxMyA3Ljk0MzU1IDcuODkyNDRDNy45MTY4NiA3LjgzOTEzIDcuOTAzNDggNy43OTkwNiA3Ljg5MDE3IDcuNzU4OTlDNy44NzY4NiA3LjcxOTA2IDcuODYzNTUgNy42NzkwNiA3LjgzNjk0IDcuNjI1ODJWNy41NzI1MUw3Ljc4MzU1IDcuNTE5MTNDNy43NjMxOSA3LjQ3ODQxIDcuNzUwNjEgNy40NDU0NiA3LjczOTg0IDcuNDE3MzFDNy43MjI0NiA3LjM3MTcxIDcuNzA5ODggNy4zMzg3NyA3LjY3Njk0IDcuMzA1ODJDNy42MjM1NSA3LjI1MjUxIDcuNTcwMjQgNy4xOTkxMyA3LjU3MDI0IDcuMTQ1ODJMNS45NzAyNCAzLjg5MjVINC42OTAyNFoiCiAgLz4KPC9zdmc+Cg==)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst YCombinator = createSupabaseIcon('YCombinator', [\n  [\n    'path',\n    {\n      fill: 'currentColor',\n      fillRule: 'evenodd',\n      clipRule: 'evenodd',\n      d: 'M0 0H16V16H0V0ZM4.69024 3.8925L7.46363 9.0659V12.4258H8.53025V9.11913L11.3036 3.8925H10.1302L8.53025 7.14582C8.42355 7.30582 8.31694 7.46582 8.26363 7.62582C8.23286 7.74859 8.1845 7.83601 8.13883 7.91862C8.10515 7.97957 8.07286 8.0379 8.05024 8.10582C8.02355 8.07913 8.01017 8.03913 7.99686 7.99906C7.98355 7.95913 7.97024 7.91913 7.94355 7.89244C7.91686 7.83913 7.90348 7.79906 7.89017 7.75899C7.87686 7.71906 7.86355 7.67906 7.83694 7.62582V7.57251L7.78355 7.51913C7.76319 7.47841 7.75061 7.44546 7.73984 7.41731C7.72246 7.37171 7.70988 7.33877 7.67694 7.30582C7.62355 7.25251 7.57024 7.19913 7.57024 7.14582L5.97024 3.8925H4.69024Z',\n      key: '13ms4y',\n    },\n  ],\n]);\n\nexport default YCombinator;\n",
+  component: React.lazy(() => import('icons/src/icons/y-combinator')),
+  import: "import { YCombinator } from 'icons'",
+  svg: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path\n    fill=\"currentColor\"\n    fillRule=\"evenodd\"\n    clipRule=\"evenodd\"\n    d=\"M0 0H16V16H0V0ZM4.69024 3.8925L7.46363 9.0659V12.4258H8.53025V9.11913L11.3036 3.8925H10.1302L8.53025 7.14582C8.42355 7.30582 8.31694 7.46582 8.26363 7.62582C8.23286 7.74859 8.1845 7.83601 8.13883 7.91862C8.10515 7.97957 8.07286 8.0379 8.05024 8.10582C8.02355 8.07913 8.01017 8.03913 7.99686 7.99906C7.98355 7.95913 7.97024 7.91913 7.94355 7.89244C7.91686 7.83913 7.90348 7.79906 7.89017 7.75899C7.87686 7.71906 7.86355 7.67906 7.83694 7.62582V7.57251L7.78355 7.51913C7.76319 7.47841 7.75061 7.44546 7.73984 7.41731C7.72246 7.37171 7.70988 7.33877 7.67694 7.30582C7.62355 7.25251 7.57024 7.19913 7.57024 7.14582L5.97024 3.8925H4.69024Z\"\n  />\n</svg>\n",
+  jsx: "import { YCombinator } from \"icons\"\n  <YCombinator/>\n  "
+},
+{
+  name: "youtube",
+  componentName: "Youtube",
+  deprecated: false,
+  raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Youtube\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbFJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwUnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik0xNS42NjU3IDQuMTM1MjZDMTUuNDgxNyAzLjQ0MjM5IDE0LjkzOTUgMi44OTY3IDE0LjI1MTEgMi43MTE1MkMxMy4wMDMzIDIuMzc1MDIgOCAyLjM3NTAyIDggMi4zNzUwMkM4IDIuMzc1MDIgMi45OTY2OSAyLjM3NTAyIDEuNzQ4OTEgMi43MTE1MkMxLjA2MDUyIDIuODk2NzMgMC41MTgzNTEgMy40NDIzOSAwLjMzNDMzNyA0LjEzNTI2QzEuOTA3MzVlLTA2IDUuMzkxMTIgMS45MDczNWUtMDYgOC4wMTEzNyAxLjkwNzM1ZS0wNiA4LjAxMTM3QzEuOTA3MzVlLTA2IDguMDExMzcgMS45MDczNWUtMDYgMTAuNjMxNiAwLjMzNDMzNyAxMS44ODc1QzAuNTE4MzUxIDEyLjU4MDQgMS4wNjA1MiAxMy4xMDMzIDEuNzQ4OTEgMTMuMjg4NUMyLjk5NjY5IDEzLjYyNSA4IDEzLjYyNSA4IDEzLjYyNUM4IDEzLjYyNSAxMy4wMDMzIDEzLjYyNSAxNC4yNTExIDEzLjI4ODVDMTQuOTM5NSAxMy4xMDMzIDE1LjQ4MTcgMTIuNTgwNCAxNS42NjU3IDExLjg4NzVDMTYgMTAuNjMxNiAxNiA4LjAxMTM3IDE2IDguMDExMzdDMTYgOC4wMTEzNyAxNiA1LjM5MTEyIDE1LjY2NTcgNC4xMzUyNlpNNi4zNjM2MyAxMC4zOTA0VjUuNjMyMzhMMTAuNTQ1NCA4LjAxMTQzTDYuMzYzNjMgMTAuMzkwNFoiCiAgICBmaWxsPSJjdXJyZW50Q29sb3IiCiAgLz4KPC9zdmc+Cg==)\n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Youtube = createSupabaseIcon('Youtube', [\n  [\n    'path',\n    {\n      fillRule: 'evenodd',\n      clipRule: 'evenodd',\n      d: 'M15.6657 4.13526C15.4817 3.44239 14.9395 2.8967 14.2511 2.71152C13.0033 2.37502 8 2.37502 8 2.37502C8 2.37502 2.99669 2.37502 1.74891 2.71152C1.06052 2.89673 0.518351 3.44239 0.334337 4.13526C1.90735e-06 5.39112 1.90735e-06 8.01137 1.90735e-06 8.01137C1.90735e-06 8.01137 1.90735e-06 10.6316 0.334337 11.8875C0.518351 12.5804 1.06052 13.1033 1.74891 13.2885C2.99669 13.625 8 13.625 8 13.625C8 13.625 13.0033 13.625 14.2511 13.2885C14.9395 13.1033 15.4817 12.5804 15.6657 11.8875C16 10.6316 16 8.01137 16 8.01137C16 8.01137 16 5.39112 15.6657 4.13526ZM6.36363 10.3904V5.63238L10.5454 8.01143L6.36363 10.3904Z',\n      fill: 'currentColor',\n      key: 'p0n467',\n    },\n  ],\n]);\n\nexport default Youtube;\n",
+  component: React.lazy(() => import('icons/src/icons/youtube')),
+  import: "import { Youtube } from 'icons'",
+  svg: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path\n    fillRule=\"evenodd\"\n    clipRule=\"evenodd\"\n    d=\"M15.6657 4.13526C15.4817 3.44239 14.9395 2.8967 14.2511 2.71152C13.0033 2.37502 8 2.37502 8 2.37502C8 2.37502 2.99669 2.37502 1.74891 2.71152C1.06052 2.89673 0.518351 3.44239 0.334337 4.13526C1.90735e-06 5.39112 1.90735e-06 8.01137 1.90735e-06 8.01137C1.90735e-06 8.01137 1.90735e-06 10.6316 0.334337 11.8875C0.518351 12.5804 1.06052 13.1033 1.74891 13.2885C2.99669 13.625 8 13.625 8 13.625C8 13.625 13.0033 13.625 14.2511 13.2885C14.9395 13.1033 15.4817 12.5804 15.6657 11.8875C16 10.6316 16 8.01137 16 8.01137C16 8.01137 16 5.39112 15.6657 4.13526ZM6.36363 10.3904V5.63238L10.5454 8.01143L6.36363 10.3904Z\"\n    fill=\"currentColor\"\n  />\n</svg>\n",
+  jsx: "import { Youtube } from \"icons\"\n  <Youtube/>\n  "
 }
 ]
\ No newline at end of file
diff --git a/packages/icons/src/icons/briefcase.ts b/packages/icons/src/icons/briefcase.ts
new file mode 100644
index 0000000000000..613afb5e4e5a9
--- /dev/null
+++ b/packages/icons/src/icons/briefcase.ts
@@ -0,0 +1,26 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name Briefcase
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbC1ydWxlPSJldmVub2RkIgogICAgY2xpcC1ydWxlPSJldmVub2RkIgogICAgZD0iTTUuOTY5NjcgMi43ODk0QzUuOTY5NjcgMS44NDA3MSA2LjczODczIDEuMDcxNjQgNy42ODc0MyAxLjA3MTY0SDguMjYwMDFDOS4yMDg3MSAxLjA3MTY0IDkuOTc3NzcgMS44NDA3MSA5Ljk3Nzc3IDIuNzg5NFYzLjM2MTk5SDEzLjQ4ODFDMTQuODc1NCAzLjM2MTk5IDE2IDQuNDg2NTkgMTYgNS44NzM4NUMxNiA2LjQyNjA4IDE1LjgxOSA2Ljk1MDMxIDE1LjUwMTIgNy4zNzYxOFYxMi4wNjU0QzE1LjUwMTIgMTMuNjQ2NiAxNC4yMTk0IDE0LjkyODQgMTIuNjM4MyAxNC45Mjg0SDMuMzYxNzFDMS43ODA1NiAxNC45Mjg0IDAuNDk4Nzc3IDEzLjY0NjYgMC40OTg3NzcgMTIuMDY1NFY3LjM3NjE4QzAuMTgxMDMzIDYuOTUwMzEgMCA2LjQyNjA4IDAgNS44NzM4NUMwIDQuNDg2NTkgMS4xMjQ2IDMuMzYxOTkgMi41MTE4NiAzLjM2MTk5SDUuOTY5NjdWMi43ODk0Wk0yLjUxMTg2IDQuNTA3MTZDMS43NTcwNiA0LjUwNzE2IDEuMTQ1MTcgNS4xMTkwNSAxLjE0NTE3IDUuODczODVDMS4xNDUxNyA2LjM5OTk4IDEuNDQ3MTkgNi44Nzk0IDEuOTIxNzUgNy4xMDY1N0w1LjE3MTA5IDguNjYyMDVDNS40NTYzMyA4Ljc5ODU5IDUuNTc2ODYgOS4xNDA1MSA1LjQ0MDMyIDkuNDI1NzRDNS4zMDM3OCA5LjcxMDk4IDQuOTYxODYgOS44MzE1MiA0LjY3NjYzIDkuNjk0OTdMMS42NDM5NSA4LjI0MzIxVjEyLjA2NTRDMS42NDM5NSAxMy4wMTQxIDIuNDEzMDIgMTMuNzgzMiAzLjM2MTcxIDEzLjc4MzJIMTIuNjM4M0MxMy41ODcgMTMuNzgzMiAxNC4zNTYgMTMuMDE0MSAxNC4zNTYgMTIuMDY1NFY4LjI0MzIxTDExLjMyMzQgOS42OTQ5N0MxMS4wMzgxIDkuODMxNTIgMTAuNjk2MiA5LjcxMDk4IDEwLjU1OTcgOS40MjU3NEMxMC40MjMxIDkuMTQwNTEgMTAuNTQzNyA4Ljc5ODU5IDEwLjgyODkgOC42NjIwNUwxNC4wNzgzIDcuMTA2NTdDMTQuNTUyOCA2Ljg3OTQgMTQuODU0OCA2LjM5OTk4IDE0Ljg1NDggNS44NzM4NUMxNC44NTQ4IDUuMTE5MDUgMTQuMjQyOSA0LjUwNzE2IDEzLjQ4ODEgNC41MDcxNkgyLjUxMTg2Wk04LjgzMjYgMy4zNjE5OUg3LjExNDg0VjIuNzg5NEM3LjExNDg0IDIuNDczMTcgNy4zNzExOSAyLjIxNjgyIDcuNjg3NDMgMi4yMTY4Mkg4LjI2MDAxQzguNTc2MjQgMi4yMTY4MiA4LjgzMjYgMi40NzMxNyA4LjgzMjYgMi43ODk0VjMuMzYxOTlaTTcuNjg3NDMgOS4wMDU5NEM3LjM3MTE5IDkuMDA1OTQgNy4xMTQ4NCA5LjI2MjMgNy4xMTQ4NCA5LjU3ODUzVjEwLjE1MTFDNy4xMTQ4NCAxMC40NjczIDcuMzcxMTkgMTAuNzIzNyA3LjY4NzQzIDEwLjcyMzdIOC4yNjAwMUM4LjU3NjI0IDEwLjcyMzcgOC44MzI2IDEwLjQ2NzMgOC44MzI2IDEwLjE1MTFWOS41Nzg1M0M4LjgzMjYgOS4yNjIzIDguNTc2MjQgOS4wMDU5NCA4LjI2MDAxIDkuMDA1OTRINy42ODc0M1pNNS45Njk2NyA5LjU3ODUzQzUuOTY5NjcgOC42Mjk4NCA2LjczODczIDcuODYwNzcgNy42ODc0MyA3Ljg2MDc3SDguMjYwMDFDOS4yMDg3MSA3Ljg2MDc3IDkuOTc3NzcgOC42Mjk4NCA5Ljk3Nzc3IDkuNTc4NTNWMTAuMTUxMUM5Ljk3Nzc3IDExLjA5OTggOS4yMDg3MSAxMS44Njg5IDguMjYwMDEgMTEuODY4OUg3LjY4NzQzQzYuNzM4NzMgMTEuODY4OSA1Ljk2OTY3IDExLjA5OTggNS45Njk2NyAxMC4xNTExVjkuNTc4NTNaIgogICAgZmlsbD0iY3VycmVudENvbG9yIgogIC8+Cjwvc3ZnPg==)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const Briefcase = createSupabaseIcon('Briefcase', [
+  [
+    'path',
+    {
+      'fill-rule': 'evenodd',
+      'clip-rule': 'evenodd',
+      d: 'M5.96967 2.7894C5.96967 1.84071 6.73873 1.07164 7.68743 1.07164H8.26001C9.20871 1.07164 9.97777 1.84071 9.97777 2.7894V3.36199H13.4881C14.8754 3.36199 16 4.48659 16 5.87385C16 6.42608 15.819 6.95031 15.5012 7.37618V12.0654C15.5012 13.6466 14.2194 14.9284 12.6383 14.9284H3.36171C1.78056 14.9284 0.498777 13.6466 0.498777 12.0654V7.37618C0.181033 6.95031 0 6.42608 0 5.87385C0 4.48659 1.1246 3.36199 2.51186 3.36199H5.96967V2.7894ZM2.51186 4.50716C1.75706 4.50716 1.14517 5.11905 1.14517 5.87385C1.14517 6.39998 1.44719 6.8794 1.92175 7.10657L5.17109 8.66205C5.45633 8.79859 5.57686 9.14051 5.44032 9.42574C5.30378 9.71098 4.96186 9.83152 4.67663 9.69497L1.64395 8.24321V12.0654C1.64395 13.0141 2.41302 13.7832 3.36171 13.7832H12.6383C13.587 13.7832 14.356 13.0141 14.356 12.0654V8.24321L11.3234 9.69497C11.0381 9.83152 10.6962 9.71098 10.5597 9.42574C10.4231 9.14051 10.5437 8.79859 10.8289 8.66205L14.0783 7.10657C14.5528 6.8794 14.8548 6.39998 14.8548 5.87385C14.8548 5.11905 14.2429 4.50716 13.4881 4.50716H2.51186ZM8.8326 3.36199H7.11484V2.7894C7.11484 2.47317 7.37119 2.21682 7.68743 2.21682H8.26001C8.57624 2.21682 8.8326 2.47317 8.8326 2.7894V3.36199ZM7.68743 9.00594C7.37119 9.00594 7.11484 9.2623 7.11484 9.57853V10.1511C7.11484 10.4673 7.37119 10.7237 7.68743 10.7237H8.26001C8.57624 10.7237 8.8326 10.4673 8.8326 10.1511V9.57853C8.8326 9.2623 8.57624 9.00594 8.26001 9.00594H7.68743ZM5.96967 9.57853C5.96967 8.62984 6.73873 7.86077 7.68743 7.86077H8.26001C9.20871 7.86077 9.97777 8.62984 9.97777 9.57853V10.1511C9.97777 11.0998 9.20871 11.8689 8.26001 11.8689H7.68743C6.73873 11.8689 5.96967 11.0998 5.96967 10.1511V9.57853Z',
+      fill: 'currentColor',
+      key: '1misct',
+    },
+  ],
+]);
+
+export default Briefcase;
diff --git a/packages/icons/src/icons/broadcast.ts b/packages/icons/src/icons/broadcast.ts
new file mode 100644
index 0000000000000..c1cbeb23d4ec0
--- /dev/null
+++ b/packages/icons/src/icons/broadcast.ts
@@ -0,0 +1,53 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name Broadcast
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgaWQ9IkVsbGlwc2UgMTQ2IgogICAgZD0iTTE3LjMxNTQgNi43MDMxMkMxOC42OTY4IDguMDYyMjcgMTkuNTUzMiA5Ljk1MjQ5IDE5LjU1MzIgMTIuMDQyNkMxOS41NTMyIDE0LjEzMjYgMTguNjk2OCAxNi4wMjI5IDE3LjMxNTQgMTcuMzgyTTYuNzkxMDIgNi43MDMxMkM1LjQwOTY2IDguMDYyMjcgNC41NTMyMiA5Ljk1MjQ5IDQuNTUzMjIgMTIuMDQyNkM0LjU1MzIyIDE0LjEzMjYgNS40MDk2NiAxNi4wMjI5IDYuNzkxMDIgMTcuMzgyIgogICAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiCiAgICBzdHJva2VNaXRlcmxpbWl0PSIxMCIKICAgIHN0cm9rZUxpbmVqb2luPSJiZXZlbCIKICAgIG9wYWNpdHk9ezAuNDV9CiAgLz4KICA8ZWxsaXBzZQogICAgaWQ9IkVsbGlwc2UgMTQ0IgogICAgY3g9IjEyLjA1MzIiCiAgICBjeT0iMTIuMDQyOCIKICAgIHJ4PSIzLjAwOTI4IgogICAgcnk9IjMuMDA2NjYiCiAgICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICAgIHN0cm9rZU1pdGVybGltaXQ9IjEwIgogICAgc3Ryb2tlTGluZWpvaW49ImJldmVsIgogIC8+CiAgPHBhdGgKICAgIGlkPSJWZWN0b3IgOTYiCiAgICBkPSJNMTIuMDc0NyAxNS4wNDg4TDEyLjA3NDcgMjMuOTk5NiIKICAgIHN0cm9rZT0iY3VycmVudENvbG9yIgogICAgc3Ryb2tlTWl0ZXJsaW1pdD0iMTAiCiAgICBzdHJva2VMaW5lam9pbj0iYmV2ZWwiCiAgLz4KPC9zdmc+Cg==)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const Broadcast = createSupabaseIcon('Broadcast', [
+  [
+    'path',
+    {
+      id: 'Ellipse 146',
+      d: 'M17.3154 6.70312C18.6968 8.06227 19.5532 9.95249 19.5532 12.0426C19.5532 14.1326 18.6968 16.0229 17.3154 17.382M6.79102 6.70312C5.40966 8.06227 4.55322 9.95249 4.55322 12.0426C4.55322 14.1326 5.40966 16.0229 6.79102 17.382',
+      stroke: 'currentColor',
+      strokeMiterlimit: '10',
+      strokeLinejoin: 'bevel',
+      opacity: '{0.45}',
+      key: '1cmw5p',
+    },
+  ],
+  [
+    'ellipse',
+    {
+      id: 'Ellipse 144',
+      cx: '12.0532',
+      cy: '12.0428',
+      rx: '3.00928',
+      ry: '3.00666',
+      stroke: 'currentColor',
+      strokeMiterlimit: '10',
+      strokeLinejoin: 'bevel',
+      key: '1vl5yc',
+    },
+  ],
+  [
+    'path',
+    {
+      id: 'Vector 96',
+      d: 'M12.0747 15.0488L12.0747 23.9996',
+      stroke: 'currentColor',
+      strokeMiterlimit: '10',
+      strokeLinejoin: 'bevel',
+      key: '1xiitz',
+    },
+  ],
+]);
+
+export default Broadcast;
diff --git a/packages/icons/src/icons/changelog.ts b/packages/icons/src/icons/changelog.ts
new file mode 100644
index 0000000000000..04b2a77a2ff4f
--- /dev/null
+++ b/packages/icons/src/icons/changelog.ts
@@ -0,0 +1,26 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name Changelog
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZD0iTTIuNTE3NjQgMi45ODcyMUMzLjg3NTg4IDEuNTAyNTYgNS44MjkyIDAuNTcxNDI4IDggMC41NzE0MjhDMTIuMTAyNyAwLjU3MTQyOCAxNS40Mjg2IDMuODk3MzEgMTUuNDI4NiA4QzE1LjQyODYgMTIuMTAyNyAxMi4xMDI3IDE1LjQyODYgOCAxNS40Mjg2QzMuODk3MzEgMTUuNDI4NiAwLjU3MTQyNiAxMi4xMDI3IDAuNTcxNDI2IDhDMC41NzE0MjYgNy4wOTM2NSAwLjczMzc0MSA2LjIyNTIyIDEuMDMwODkgNS40MjIxOEMxLjA5MTU1IDUuMjU4MjQgMS4xNTc4MyA1LjA5NzAzIDEuMjI5NDkgNC45Mzg3OE0yLjI5MzUyIDEuMTU5MDRMMi4yOTM1MiAyLjYyMjU0QzIuMjkzNTIgMi45MzgxNCAyLjU0OTM2IDMuMTkzOTggMi44NjQ5NiAzLjE5Mzk4TDQuMzI4NDYgMy4xOTM5OE00IDUuNUgxMk0zIDcuOTgzODNIMTNNNCAxMC41SDEyIgogICAgc3Ryb2tlTWl0ZXJsaW1pdD0iMTAiCiAgICBzdHJva2VMaW5lY2FwPSJyb3VuZCIKICAgIHN0cm9rZUxpbmVqb2luPSJyb3VuZCIKICAvPgo8L3N2Zz4K)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const Changelog = createSupabaseIcon('Changelog', [
+  [
+    'path',
+    {
+      d: 'M2.51764 2.98721C3.87588 1.50256 5.8292 0.571428 8 0.571428C12.1027 0.571428 15.4286 3.89731 15.4286 8C15.4286 12.1027 12.1027 15.4286 8 15.4286C3.89731 15.4286 0.571426 12.1027 0.571426 8C0.571426 7.09365 0.733741 6.22522 1.03089 5.42218C1.09155 5.25824 1.15783 5.09703 1.22949 4.93878M2.29352 1.15904L2.29352 2.62254C2.29352 2.93814 2.54936 3.19398 2.86496 3.19398L4.32846 3.19398M4 5.5H12M3 7.98383H13M4 10.5H12',
+      strokeMiterlimit: '10',
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round',
+      key: 'ye3llm',
+    },
+  ],
+]);
+
+export default Changelog;
diff --git a/packages/icons/src/icons/database-changes.ts b/packages/icons/src/icons/database-changes.ts
new file mode 100644
index 0000000000000..2e938a7a219de
--- /dev/null
+++ b/packages/icons/src/icons/database-changes.ts
@@ -0,0 +1,50 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name DatabaseChanges
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiMwMDAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOyBib3JkZXItcmFkaXVzOiAycHgiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIiAgCj4KICA8cGF0aAogICAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiCiAgICBzdHJva2VMaW5lY2FwPSJyb3VuZCIKICAgIHN0cm9rZUxpbmVqb2luPSJiZXZlbCIKICAgIHN0cm9rZU1pdGVybGltaXQ9ezEwfQogICAgZD0iTTIwLjMwNyAxMmE3LjgwNyA3LjgwNyAwIDAgMS03LjgwNyA3LjgwOE00LjY5MyAxMkE3LjgwNyA3LjgwNyAwIDAgMSAxMi41IDQuMTkzIgogICAgb3BhY2l0eT17MC40NX0KICAvPgogIDxjaXJjbGUKICAgIGN4PXsxNy41MTJ9CiAgICBjeT17Ni45NzF9CiAgICByPXszLjcyM30KICAgIHN0cm9rZT0iY3VycmVudENvbG9yIgogICAgc3Ryb2tlTGluZWpvaW49ImJldmVsIgogICAgc3Ryb2tlTWl0ZXJsaW1pdD17MTB9CiAgLz4KICA8cGF0aAogICAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiCiAgICBzdHJva2VMaW5lam9pbj0iYmV2ZWwiCiAgICBzdHJva2VNaXRlcmxpbWl0PXsxMH0KICAgIGQ9Im0xMC4xMSAxMy4yODcgMi4xMzcgMy43MDMtMi4xMzggMy43MDNINS44MzNMMy42OTUgMTYuOTlsMi4xMzgtMy43MDNoNC4yNzZaIgogIC8+Cjwvc3ZnPgo=)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const DatabaseChanges = createSupabaseIcon('DatabaseChanges', [
+  [
+    'path',
+    {
+      stroke: 'currentColor',
+      strokeLinecap: 'round',
+      strokeLinejoin: 'bevel',
+      strokeMiterlimit: '{10}',
+      d: 'M20.307 12a7.807 7.807 0 0 1-7.807 7.808M4.693 12A7.807 7.807 0 0 1 12.5 4.193',
+      opacity: '{0.45}',
+      key: '1l8l8g',
+    },
+  ],
+  [
+    'circle',
+    {
+      cx: '{17.512}',
+      cy: '{6.971}',
+      r: '{3.723}',
+      stroke: 'currentColor',
+      strokeLinejoin: 'bevel',
+      strokeMiterlimit: '{10}',
+      key: '1rkalb',
+    },
+  ],
+  [
+    'path',
+    {
+      stroke: 'currentColor',
+      strokeLinejoin: 'bevel',
+      strokeMiterlimit: '{10}',
+      d: 'm10.11 13.287 2.137 3.703-2.138 3.703H5.833L3.695 16.99l2.138-3.703h4.276Z',
+      key: 'skaxcw',
+    },
+  ],
+]);
+
+export default DatabaseChanges;
diff --git a/packages/icons/src/icons/discord.ts b/packages/icons/src/icons/discord.ts
new file mode 100644
index 0000000000000..2675a07a30c93
--- /dev/null
+++ b/packages/icons/src/icons/discord.ts
@@ -0,0 +1,26 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name Discord
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbFJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwUnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik0xMy41NDQ3IDMuMDEwOTRDMTIuNTI0OSAyLjU0MzAyIDExLjQzMTMgMi4xOTgyOCAxMC4yODc5IDIuMDAwODNDMTAuMjY3MSAxLjk5NzAyIDEwLjI0NjMgMi4wMDY1NCAxMC4yMzU2IDIuMDI1NTlDMTAuMDk0OSAyLjI3NTczIDkuOTM5MjEgMi42MDIwNiA5LjgzMDExIDIuODU4NTZDOC42MDAyOCAyLjY3NDQ0IDcuMzc2OCAyLjY3NDQ0IDYuMTcyMjIgMi44NTg1NkM2LjA2MzExIDIuNTk2MzYgNS45MDE2NiAyLjI3NTczIDUuNzYwMzggMi4wMjU1OUM1Ljc0OTY2IDIuMDA3MTcgNS43Mjg4NyAxLjk5NzY1IDUuNzA4MDMgMi4wMDA4M0M0LjU2NTI3IDIuMTk3NjQgMy40NzE3MSAyLjU0MjM5IDIuNDUxMjkgMy4wMTA5NEMyLjQ0MjQ2IDMuMDE0NzUgMi40MzQ4OCAzLjAyMTEgMi40Mjk4NiAzLjAyOTM1QzAuMzU1NTk0IDYuMTI4MjYgLTAuMjEyNjMzIDkuMTUxIDAuMDY2MTIgMTIuMTM2MkMwLjA2NzM4MSAxMi4xNTA4IDAuMDc1NTc5OSAxMi4xNjQ4IDAuMDg2OTMxOSAxMi4xNzM3QzEuNDU1NDcgMTMuMTc4NyAyLjc4MTE0IDEzLjc4ODkgNC4wODIxOSAxNC4xOTMzQzQuMTAzMDEgMTQuMTk5NiA0LjEyNTA3IDE0LjE5MiA0LjEzODMyIDE0LjE3NDlDNC40NDYwOCAxMy43NTQ2IDQuNzIwNDMgMTMuMzExNCA0Ljk1NTY1IDEyLjg0NTRDNC45Njk1MyAxMi44MTgxIDQuOTU2MjggMTIuNzg1NyA0LjkyNzkxIDEyLjc3NDlDNC40OTI3NSAxMi42MDk5IDQuMDc4NCAxMi40MDg2IDMuNjc5ODIgMTIuMThDMy42NDgyOSAxMi4xNjE2IDMuNjQ1NzcgMTIuMTE2NSAzLjY3NDc3IDEyLjA5NUMzLjc1ODY1IDEyLjAzMjEgMy44NDI1NSAxMS45NjY3IDMuOTIyNjQgMTEuOTAwN0MzLjkzNzEzIDExLjg4ODYgMy45NTczMiAxMS44ODYxIDMuOTc0MzUgMTEuODkzN0M2LjU5Mjg3IDEzLjA4OTIgOS40Mjc3MSAxMy4wODkyIDEyLjAxNTMgMTEuODkzN0MxMi4wMzIzIDExLjg4NTQgMTIuMDUyNSAxMS44ODggMTIuMDY3NyAxMS45QzEyLjE0NzggMTEuOTY2MSAxMi4yMzE2IDEyLjAzMjEgMTIuMzE2MSAxMi4wOTVDMTIuMzQ1MSAxMi4xMTY1IDEyLjM0MzMgMTIuMTYxNiAxMi4zMTE3IDEyLjE4QzExLjkxMzEgMTIuNDEzIDExLjQ5ODggMTIuNjA5OSAxMS4wNjMgMTIuNzc0M0MxMS4wMzQ2IDEyLjc4NTEgMTEuMDIyIDEyLjgxODEgMTEuMDM1OSAxMi44NDU0QzExLjI3NjIgMTMuMzEwOCAxMS41NTA1IDEzLjc1MzkgMTEuODUyNiAxNC4xNzQyQzExLjg2NTIgMTQuMTkyIDExLjg4NzkgMTQuMTk5NiAxMS45MDg3IDE0LjE5MzNDMTMuMjE2MSAxMy43ODg5IDE0LjU0MTcgMTMuMTc4NyAxNS45MTAzIDEyLjE3MzdDMTUuOTIyMyAxMi4xNjQ4IDE1LjkyOTggMTIuMTUxNSAxNS45MzExIDEyLjEzNjlDMTYuMjY0NyA4LjY4NTYgMTUuMzcyMyA1LjY4NzY1IDEzLjU2NTUgMy4wMjk5OEMxMy41NjExIDMuMDIxMSAxMy41NTM1IDMuMDE0NzUgMTMuNTQ0NyAzLjAxMDk0Wk01LjM0NjY4IDEwLjMxODVDNC41NTgzMyAxMC4zMTg1IDMuOTA4NzYgOS41OTQ3OCAzLjkwODc2IDguNzA1OTNDMy45MDg3NiA3LjgxNzA3IDQuNTQ1NzQgNy4wOTMzMSA1LjM0NjY4IDcuMDkzMzFDNi4xNTM5MyA3LjA5MzMxIDYuNzk3MjIgNy44MjM0MiA2Ljc4NDYgOC43MDU5M0M2Ljc4NDYgOS41OTQ3OCA2LjE0NzYyIDEwLjMxODUgNS4zNDY2OCAxMC4zMTg1Wk0xMC42NjMyIDEwLjMxODVDOS44NzQ4MSAxMC4zMTg1IDkuMjI1MjcgOS41OTQ3OCA5LjIyNTI3IDguNzA1OTNDOS4yMjUyNyA3LjgxNzA3IDkuODYyMjEgNy4wOTMzMSAxMC42NjMyIDcuMDkzMzFDMTEuNDcwNCA3LjA5MzMxIDEyLjExMzcgNy44MjM0MiAxMi4xMDExIDguNzA1OTNDMTIuMTAxMSA5LjU5NDc4IDExLjQ3MDQgMTAuMzE4NSAxMC42NjMyIDEwLjMxODVaIgogICAgZmlsbD0iY3VycmVudENvbG9yIgogIC8+Cjwvc3ZnPgo=)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const Discord = createSupabaseIcon('Discord', [
+  [
+    'path',
+    {
+      fillRule: 'evenodd',
+      clipRule: 'evenodd',
+      d: 'M13.5447 3.01094C12.5249 2.54302 11.4313 2.19828 10.2879 2.00083C10.2671 1.99702 10.2463 2.00654 10.2356 2.02559C10.0949 2.27573 9.93921 2.60206 9.83011 2.85856C8.60028 2.67444 7.3768 2.67444 6.17222 2.85856C6.06311 2.59636 5.90166 2.27573 5.76038 2.02559C5.74966 2.00717 5.72887 1.99765 5.70803 2.00083C4.56527 2.19764 3.47171 2.54239 2.45129 3.01094C2.44246 3.01475 2.43488 3.0211 2.42986 3.02935C0.355594 6.12826 -0.212633 9.151 0.06612 12.1362C0.067381 12.1508 0.0755799 12.1648 0.0869319 12.1737C1.45547 13.1787 2.78114 13.7889 4.08219 14.1933C4.10301 14.1996 4.12507 14.192 4.13832 14.1749C4.44608 13.7546 4.72043 13.3114 4.95565 12.8454C4.96953 12.8181 4.95628 12.7857 4.92791 12.7749C4.49275 12.6099 4.0784 12.4086 3.67982 12.18C3.64829 12.1616 3.64577 12.1165 3.67477 12.095C3.75865 12.0321 3.84255 11.9667 3.92264 11.9007C3.93713 11.8886 3.95732 11.8861 3.97435 11.8937C6.59287 13.0892 9.42771 13.0892 12.0153 11.8937C12.0323 11.8854 12.0525 11.888 12.0677 11.9C12.1478 11.9661 12.2316 12.0321 12.3161 12.095C12.3451 12.1165 12.3433 12.1616 12.3117 12.18C11.9131 12.413 11.4988 12.6099 11.063 12.7743C11.0346 12.7851 11.022 12.8181 11.0359 12.8454C11.2762 13.3108 11.5505 13.7539 11.8526 14.1742C11.8652 14.192 11.8879 14.1996 11.9087 14.1933C13.2161 13.7889 14.5417 13.1787 15.9103 12.1737C15.9223 12.1648 15.9298 12.1515 15.9311 12.1369C16.2647 8.6856 15.3723 5.68765 13.5655 3.02998C13.5611 3.0211 13.5535 3.01475 13.5447 3.01094ZM5.34668 10.3185C4.55833 10.3185 3.90876 9.59478 3.90876 8.70593C3.90876 7.81707 4.54574 7.09331 5.34668 7.09331C6.15393 7.09331 6.79722 7.82342 6.7846 8.70593C6.7846 9.59478 6.14762 10.3185 5.34668 10.3185ZM10.6632 10.3185C9.87481 10.3185 9.22527 9.59478 9.22527 8.70593C9.22527 7.81707 9.86221 7.09331 10.6632 7.09331C11.4704 7.09331 12.1137 7.82342 12.1011 8.70593C12.1011 9.59478 11.4704 10.3185 10.6632 10.3185Z',
+      fill: 'currentColor',
+      key: 'mhlp44',
+    },
+  ],
+]);
+
+export default Discord;
diff --git a/packages/icons/src/icons/discussions.ts b/packages/icons/src/icons/discussions.ts
new file mode 100644
index 0000000000000..05138b48dd7ee
--- /dev/null
+++ b/packages/icons/src/icons/discussions.ts
@@ -0,0 +1,26 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name Discussions
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbFJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwUnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik0wIDMuMDc2OTJDMCAxLjM3NzU5IDEuMzc3NTkgMCAzLjA3NjkzIDBIMTIuOTIzMUMxNC42MjI0IDAgMTYgMS4zNzc1OCAxNiAzLjA3NjkyVjkuNjkwMzJDMTYgMTEuMzg5NyAxNC42MjI0IDEyLjc2NzIgMTIuOTIzMSAxMi43NjcySDcuNjU4MjlMNC43MzU5NiAxNS44MTA4QzQuNTYyIDE1Ljk5MiA0LjI5NTM4IDE2LjA0OTMgNC4wNjIzNiAxNS45NTU1QzMuODI5MzQgMTUuODYxNyAzLjY3NjY5IDE1LjYzNTggMy42NzY2OSAxNS4zODQ2VjEyLjc2NzJIMy4wNzY5M0MxLjM3NzU5IDEyLjc2NzIgMCAxMS4zODk3IDAgOS42OTAzMlYzLjA3NjkyWk0zLjA3NjkzIDEuMjMwNzdDMi4wNTczMiAxLjIzMDc3IDEuMjMwNzcgMi4wNTczMiAxLjIzMDc3IDMuMDc2OTJWOS42OTAzMkMxLjIzMDc3IDEwLjcwOTkgMi4wNTczMiAxMS41MzY1IDMuMDc2OTMgMTEuNTM2NUg0LjI5MjA3QzQuNjMxOTQgMTEuNTM2NSA0LjkwNzQ1IDExLjgxMiA0LjkwNzQ1IDEyLjE1MTlWMTMuODU1Mkw2Ljk1MjE0IDExLjcyNTZDNy4wNjgxOSAxMS42MDQ4IDcuMjI4NDkgMTEuNTM2NSA3LjM5NjA0IDExLjUzNjVIMTIuOTIzMUMxMy45NDI3IDExLjUzNjUgMTQuNzY5MiAxMC43MDk5IDE0Ljc2OTIgOS42OTAzMlYzLjA3NjkyQzE0Ljc2OTIgMi4wNTczMiAxMy45NDI3IDEuMjMwNzcgMTIuOTIzMSAxLjIzMDc3SDMuMDc2OTNaTTUuNTM4NDYgNS44NjQ3OUM1Ljg3ODMzIDUuODY0NzkgNi4xNTM4NSA2LjE0MDMxIDYuMTUzODUgNi40ODAxN0M2LjE1Mzg1IDYuODIwMDQgNS44NzgzMyA3LjA5NTU2IDUuNTM4NDYgNy4wOTU1NkM1LjE5ODYgNy4wOTU1NiA0LjkyMzA4IDYuODIwMDQgNC45MjMwOCA2LjQ4MDE3QzQuOTIzMDggNi4xNDAzMSA1LjE5ODYgNS44NjQ3OSA1LjUzODQ2IDUuODY0NzlaTTggNS44NjQ3OUM4LjMzOTg3IDUuODY0NzkgOC42MTUzOSA2LjE0MDMxIDguNjE1MzkgNi40ODAxN0M4LjYxNTM5IDYuODIwMDQgOC4zMzk4NyA3LjA5NTU2IDggNy4wOTU1NkM3LjY2MDE0IDcuMDk1NTYgNy4zODQ2MiA2LjgyMDA0IDcuMzg0NjIgNi40ODAxN0M3LjM4NDYyIDYuMTQwMzEgNy42NjAxNCA1Ljg2NDc5IDggNS44NjQ3OVpNMTAuNDYxNSA1Ljg2NDc5QzEwLjgwMTQgNS44NjQ3OSAxMS4wNzY5IDYuMTQwMzEgMTEuMDc2OSA2LjQ4MDE3QzExLjA3NjkgNi44MjAwNCAxMC44MDE0IDcuMDk1NTYgMTAuNDYxNSA3LjA5NTU2QzEwLjEyMTcgNy4wOTU1NiA5Ljg0NjEyIDYuODIwMDQgOS44NDYxMiA2LjQ4MDE3QzkuODQ2MTIgNi4xNDAzMSAxMC4xMjE3IDUuODY0NzkgMTAuNDYxNSA1Ljg2NDc5WiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIKICAvPgo8L3N2Zz4K)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const Discussions = createSupabaseIcon('Discussions', [
+  [
+    'path',
+    {
+      fillRule: 'evenodd',
+      clipRule: 'evenodd',
+      d: 'M0 3.07692C0 1.37759 1.37759 0 3.07693 0H12.9231C14.6224 0 16 1.37758 16 3.07692V9.69032C16 11.3897 14.6224 12.7672 12.9231 12.7672H7.65829L4.73596 15.8108C4.562 15.992 4.29538 16.0493 4.06236 15.9555C3.82934 15.8617 3.67669 15.6358 3.67669 15.3846V12.7672H3.07693C1.37759 12.7672 0 11.3897 0 9.69032V3.07692ZM3.07693 1.23077C2.05732 1.23077 1.23077 2.05732 1.23077 3.07692V9.69032C1.23077 10.7099 2.05732 11.5365 3.07693 11.5365H4.29207C4.63194 11.5365 4.90745 11.812 4.90745 12.1519V13.8552L6.95214 11.7256C7.06819 11.6048 7.22849 11.5365 7.39604 11.5365H12.9231C13.9427 11.5365 14.7692 10.7099 14.7692 9.69032V3.07692C14.7692 2.05732 13.9427 1.23077 12.9231 1.23077H3.07693ZM5.53846 5.86479C5.87833 5.86479 6.15385 6.14031 6.15385 6.48017C6.15385 6.82004 5.87833 7.09556 5.53846 7.09556C5.1986 7.09556 4.92308 6.82004 4.92308 6.48017C4.92308 6.14031 5.1986 5.86479 5.53846 5.86479ZM8 5.86479C8.33987 5.86479 8.61539 6.14031 8.61539 6.48017C8.61539 6.82004 8.33987 7.09556 8 7.09556C7.66014 7.09556 7.38462 6.82004 7.38462 6.48017C7.38462 6.14031 7.66014 5.86479 8 5.86479ZM10.4615 5.86479C10.8014 5.86479 11.0769 6.14031 11.0769 6.48017C11.0769 6.82004 10.8014 7.09556 10.4615 7.09556C10.1217 7.09556 9.84612 6.82004 9.84612 6.48017C9.84612 6.14031 10.1217 5.86479 10.4615 5.86479Z',
+      fill: 'currentColor',
+      key: '12nb0y',
+    },
+  ],
+]);
+
+export default Discussions;
diff --git a/packages/icons/src/icons/documentation.ts b/packages/icons/src/icons/documentation.ts
new file mode 100644
index 0000000000000..ce42f23e777df
--- /dev/null
+++ b/packages/icons/src/icons/documentation.ts
@@ -0,0 +1,26 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name Documentation
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiMwMDAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOyBib3JkZXItcmFkaXVzOiAycHgiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGgKICAgIGQ9Ik00LjIwMzUxIDkuODU3NzhIMTEuNzAzOE00LjIwMzUxIDcuMzU3NjdIMTEuNzAzOE00LjIwMzUxIDEyLjM1NzlIOS4yMDM3Mk0xNC4yNDk4IDUuMDAxMjZWMTNDMTQuMjQ5OCAxNC4zODA3IDEzLjEzMDUgMTUuNTAwMSAxMS43NDk3IDE1LjUwMDFINC4yNDk5QzIuODY5MTMgMTUuNTAwMSAxLjc0OTc5IDE0LjM4MDcgMS43NDk3OSAxM1YzLjAwMDE4QzEuNzQ5NzkgMS42MTk0MSAyLjg2OTEyIDAuNTAwMDc2IDQuMjQ5ODkgMC41MDAwNzZIOS43MjcwOUwxNC4yNDk4IDUuMDAxMjZaTTE0LjIwNTggNC45ODAyNUw5LjcyNTQ5IDAuNTAwMDc2TDkuNzI1MjYgMy43MzAxMUM5LjcyNTIyIDQuNDIwNTMgMTAuMjg0OSA0Ljk4MDI1IDEwLjk3NTMgNC45ODAyNUwxNC4yMDU4IDQuOTgwMjVaIgogICAgc3Ryb2tlTWl0ZXJsaW1pdD0iMTAiCiAgICBzdHJva2VMaW5lY2FwPSJyb3VuZCIKICAgIHN0cm9rZUxpbmVqb2luPSJyb3VuZCIKICAvPgo8L3N2Zz4K)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const Documentation = createSupabaseIcon('Documentation', [
+  [
+    'path',
+    {
+      d: 'M4.20351 9.85778H11.7038M4.20351 7.35767H11.7038M4.20351 12.3579H9.20372M14.2498 5.00126V13C14.2498 14.3807 13.1305 15.5001 11.7497 15.5001H4.2499C2.86913 15.5001 1.74979 14.3807 1.74979 13V3.00018C1.74979 1.61941 2.86912 0.500076 4.24989 0.500076H9.72709L14.2498 5.00126ZM14.2058 4.98025L9.72549 0.500076L9.72526 3.73011C9.72522 4.42053 10.2849 4.98025 10.9753 4.98025L14.2058 4.98025Z',
+      strokeMiterlimit: '10',
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round',
+      key: '1eox0q',
+    },
+  ],
+]);
+
+export default Documentation;
diff --git a/packages/icons/src/icons/github.ts b/packages/icons/src/icons/github.ts
new file mode 100644
index 0000000000000..76bfea27d595a
--- /dev/null
+++ b/packages/icons/src/icons/github.ts
@@ -0,0 +1,26 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name Github
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbFJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwUnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik04IDBDMy41ODE2IDAgMCAzLjU4NzE5IDAgOC4wMTM1N0MwIDExLjU1MzUgMi4yOTIgMTQuNTU3NSA1LjQ3MTIgMTUuNjE2N0M1Ljg3MTIgMTUuNjkwMyA2LjAxNjggMTUuNDQzMSA2LjAxNjggMTUuMjMwM0M2LjAxNjggMTUuMDQwNyA2LjAxMDQgMTQuNTM1OSA2LjAwNjQgMTMuODY3OUMzLjc4MDggMTQuMzUxOSAzLjMxMTIgMTIuNzkzNSAzLjMxMTIgMTIuNzkzNUMyLjk0OCAxMS44NjcxIDIuNDIzMiAxMS42MjA3IDIuNDIzMiAxMS42MjA3QzEuNjk2OCAxMS4xMjQ3IDIuNDc4NCAxMS4xMzQzIDIuNDc4NCAxMS4xMzQzQzMuMjgwOCAxMS4xOTAzIDMuNzAzMiAxMS45NTk5IDMuNzAzMiAxMS45NTk5QzQuNDE2OCAxMy4xODM5IDUuNTc2IDEyLjgzMDMgNi4wMzEyIDEyLjYyNTVDNi4xMDQ4IDEyLjEwNzkgNi4zMTEyIDExLjc1NTEgNi41NCAxMS41NTUxQzQuNzY0IDExLjM1MjcgMi44OTYgMTAuNjY0NyAyLjg5NiA3LjU5NDM4QzIuODk2IDYuNzE5OTggMy4yMDggNi4wMDM5OCAzLjcxOTIgNS40NDM5OEMzLjYzNjggNS4yNDE1OCAzLjM2MjQgNC40MjYzOSAzLjc5NzYgMy4zMjM5OUMzLjc5NzYgMy4zMjM5OSA0LjQ2OTYgMy4xMDc5OSA1Ljk5NzYgNC4xNDQ3OUM2LjY1MDIyIDMuOTY2OCA3LjMyMzU1IDMuODc2MTQgOCAzLjg3NTE5QzguNjggMy44NzgzOSA5LjM2NCAzLjk2NzE5IDEwLjAwMzIgNC4xNDQ3OUMxMS41MzA0IDMuMTA3OTkgMTIuMjAwOCAzLjMyMzE5IDEyLjIwMDggMy4zMjMxOUMxMi42Mzc2IDQuNDI2MzkgMTIuMzYyNCA1LjI0MTU4IDEyLjI4MDggNS40NDM5OEMxMi43OTI4IDYuMDAzOTggMTMuMTAzMiA2LjcxOTk4IDEzLjEwMzIgNy41OTQzOEMxMy4xMDMyIDEwLjY3MjcgMTEuMjMyIDExLjM1MDMgOS40NTA0IDExLjU0ODdDOS43Mzc2MiAxMS43OTU5IDkuOTkyODIgMTIuMjg0NyA5Ljk5MjgyIDEzLjAzMjdDOS45OTI4MiAxNC4xMDMxIDkuOTgzMjIgMTQuOTY3OSA5Ljk4MzIyIDE1LjIzMDNDOS45ODMyMiAxNS40NDQ3IDEwLjEyNzIgMTUuNjk0MyAxMC41MzM2IDE1LjYxNTlDMTIuMTI2NiAxNS4wODE2IDEzLjUxMTUgMTQuMDYwMiAxNC40OTI0IDEyLjY5NkMxNS40NzMzIDExLjMzMTggMTYuMDAwNyA5LjY5MzgyIDE2IDguMDEzNTdDMTYgMy41ODcxOSAxMi40MTc2IDAgOCAwWiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIKICAvPgo8L3N2Zz4=)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const Github = createSupabaseIcon('Github', [
+  [
+    'path',
+    {
+      fillRule: 'evenodd',
+      clipRule: 'evenodd',
+      d: 'M8 0C3.5816 0 0 3.58719 0 8.01357C0 11.5535 2.292 14.5575 5.4712 15.6167C5.8712 15.6903 6.0168 15.4431 6.0168 15.2303C6.0168 15.0407 6.0104 14.5359 6.0064 13.8679C3.7808 14.3519 3.3112 12.7935 3.3112 12.7935C2.948 11.8671 2.4232 11.6207 2.4232 11.6207C1.6968 11.1247 2.4784 11.1343 2.4784 11.1343C3.2808 11.1903 3.7032 11.9599 3.7032 11.9599C4.4168 13.1839 5.576 12.8303 6.0312 12.6255C6.1048 12.1079 6.3112 11.7551 6.54 11.5551C4.764 11.3527 2.896 10.6647 2.896 7.59438C2.896 6.71998 3.208 6.00398 3.7192 5.44398C3.6368 5.24158 3.3624 4.42639 3.7976 3.32399C3.7976 3.32399 4.4696 3.10799 5.9976 4.14479C6.65022 3.9668 7.32355 3.87614 8 3.87519C8.68 3.87839 9.364 3.96719 10.0032 4.14479C11.5304 3.10799 12.2008 3.32319 12.2008 3.32319C12.6376 4.42639 12.3624 5.24158 12.2808 5.44398C12.7928 6.00398 13.1032 6.71998 13.1032 7.59438C13.1032 10.6727 11.232 11.3503 9.4504 11.5487C9.73762 11.7959 9.99282 12.2847 9.99282 13.0327C9.99282 14.1031 9.98322 14.9679 9.98322 15.2303C9.98322 15.4447 10.1272 15.6943 10.5336 15.6159C12.1266 15.0816 13.5115 14.0602 14.4924 12.696C15.4733 11.3318 16.0007 9.69382 16 8.01357C16 3.58719 12.4176 0 8 0Z',
+      fill: 'currentColor',
+      key: '199hpf',
+    },
+  ],
+]);
+
+export default Github;
diff --git a/packages/icons/src/icons/index.ts b/packages/icons/src/icons/index.ts
index 55051580381ac..208af8adb01bb 100644
--- a/packages/icons/src/icons/index.ts
+++ b/packages/icons/src/icons/index.ts
@@ -1,19 +1,37 @@
-export { default as RESTApi } from './REST-api'
-export { default as ExampleTemplate } from './_example-template'
-export { default as ApiDocs } from './api-docs'
-export { default as Auth } from './auth'
-export { default as Database } from './database'
-export { default as EdgeFunctions } from './edge-functions'
-export { default as Home } from './home'
-export { default as InsertCode } from './insert-code'
-export { default as Integrations } from './integrations'
-export { default as Logs } from './logs'
-export { default as Postgres } from './postgres'
-export { default as Realtime } from './realtime'
-export { default as ReplaceCode } from './replace-code'
-export { default as Reports } from './reports'
-export { default as Settings } from './settings'
-export { default as SqlEditor } from './sql-editor'
-export { default as Storage } from './storage'
-export { default as TableEditor } from './table-editor'
-export { default as User } from './user'
+export { default as ExampleTemplate } from './_example-template';
+export { default as ApiDocs } from './api-docs';
+export { default as Auth } from './auth';
+export { default as Briefcase } from './briefcase';
+export { default as Broadcast } from './broadcast';
+export { default as Changelog } from './changelog';
+export { default as Database } from './database';
+export { default as DatabaseChanges } from './database-changes';
+export { default as Discord } from './discord';
+export { default as Discussions } from './discussions';
+export { default as Documentation } from './documentation';
+export { default as EdgeFunctions } from './edge-functions';
+export { default as Github } from './github';
+export { default as Home } from './home';
+export { default as InsertCode } from './insert-code';
+export { default as Integrations } from './integrations';
+export { default as LifeBuoy } from './life-buoy';
+export { default as Linkedin } from './linkedin';
+export { default as Logs } from './logs';
+export { default as Mic } from './mic';
+export { default as Partners } from './partners';
+export { default as Postgres } from './postgres';
+export { default as Presence } from './presence';
+export { default as ProductHunt } from './product-hunt';
+export { default as Realtime } from './realtime';
+export { default as ReplaceCode } from './replace-code';
+export { default as Reports } from './reports';
+export { default as RESTApi } from './REST-api';
+export { default as Settings } from './settings';
+export { default as SqlEditor } from './sql-editor';
+export { default as Storage } from './storage';
+export { default as TableEditor } from './table-editor';
+export { default as Twitter } from './twitter';
+export { default as User } from './user';
+export { default as YCombinator } from './y-combinator';
+export { default as Youtube } from './youtube';
+
diff --git a/packages/icons/src/icons/life-buoy.ts b/packages/icons/src/icons/life-buoy.ts
new file mode 100644
index 0000000000000..b1822a4b046fd
--- /dev/null
+++ b/packages/icons/src/icons/life-buoy.ts
@@ -0,0 +1,23 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name LifeBuoy
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNMi42OTcyNyAyLjY5ODUyTDUuODc3MjcgNS44Nzg1Mk0xMC4xMjI1IDEwLjEyMjhMMTMuMzAyNSAxMy4zMDI4TTEzLjMwMjUgMi42OTg1MkwxMC4xMjI1IDUuODc4NTJMMTIuNzcgMy4yMzA4OE0yLjY5NzI3IDEzLjMwMjhMNS44NzcyNyAxMC4xMjI4TTE1LjUgOEMxNS41IDEyLjE0MjEgMTIuMTQyMSAxNS41IDggMTUuNUMzLjg1Nzg2IDE1LjUgMC41IDEyLjE0MjEgMC41IDhDMC41IDMuODU3ODYgMy44NTc4NiAwLjQ5OTk5MiA4IDAuNDk5OTkyQzEyLjE0MjEgMC40OTk5OTIgMTUuNSAzLjg1Nzg2IDE1LjUgOFpNMTEgOEMxMSA5LjY1Njg1IDkuNjU2ODUgMTEgOCAxMUM2LjM0MzE1IDExIDUgOS42NTY4NSA1IDhDNSA2LjM0MzE0IDYuMzQzMTUgNSA4IDVDOS42NTY4NSA1IDExIDYuMzQzMTQgMTEgOFoiIC8+Cjwvc3ZnPgo=)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const LifeBuoy = createSupabaseIcon('LifeBuoy', [
+  [
+    'path',
+    {
+      d: 'M2.69727 2.69852L5.87727 5.87852M10.1225 10.1228L13.3025 13.3028M13.3025 2.69852L10.1225 5.87852L12.77 3.23088M2.69727 13.3028L5.87727 10.1228M15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.499992 8 0.499992C12.1421 0.499992 15.5 3.85786 15.5 8ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34314 6.34315 5 8 5C9.65685 5 11 6.34314 11 8Z',
+      key: '7y42vv',
+    },
+  ],
+]);
+
+export default LifeBuoy;
diff --git a/packages/icons/src/icons/linkedin.ts b/packages/icons/src/icons/linkedin.ts
new file mode 100644
index 0000000000000..fa7e67a0fb781
--- /dev/null
+++ b/packages/icons/src/icons/linkedin.ts
@@ -0,0 +1,24 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name Linkedin
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbD0iY3VycmVudENvbG9yIgogICAgZD0iTTAgMS44NTg1OUMwIDEuMzE5ODUgMC4xODAxODUgMC44NzU0MSAwLjU0MDU0MSAwLjUyNTI1M0MwLjkwMDg5NiAwLjE3NTA3OSAxLjM2OTM3IDAgMS45NDU5NSAwQzIuNTEyMjMgMCAyLjk3MDM5IDAuMTcyMzggMy4zMjA0NiAwLjUxNzE3MkMzLjY4MDgyIDAuODcyNzI3IDMuODYxIDEuMzM2MDIgMy44NjEgMS45MDcwN0MzLjg2MSAyLjQyNDI0IDMuNjg1OTggMi44NTUyMSAzLjMzNTkxIDMuMkMyLjk3NTU1IDMuNTU1NTYgMi41MDE5MyAzLjczMzMzIDEuOTE1MDYgMy43MzMzM0gxLjg5OTYxQzEuMzMzMzMgMy43MzMzMyAwLjg3NTE2NiAzLjU1NTU2IDAuNTI1MDk3IDMuMkMwLjE3NTAyNyAyLjg0NDQ0IDAgMi4zOTczIDAgMS44NTg1OVpNMC4yMDA3NzIgMTZWNS4yMDQwNEgzLjYyOTM0VjE2SDAuMjAwNzcyWk01LjUyODk2IDE2SDguOTU3NTNWOS45NzE3MkM4Ljk1NzUzIDkuNTk0NiA4Ljk5ODcyIDkuMzAzNjkgOS4wODEwOCA5LjA5ODk5QzkuMjI1MjIgOC43MzI2NSA5LjQ0NDAyIDguNDIyODkgOS43Mzc0NSA4LjE2OTdDMTAuMDMwOSA3LjkxNjQ5IDEwLjM5OSA3Ljc4OTkgMTAuODQxNyA3Ljc4OTlDMTEuOTk0OSA3Ljc4OTkgMTIuNTcxNCA4LjYwMzM2IDEyLjU3MTQgMTAuMjMwM1YxNkgxNlY5LjgxMDFDMTYgOC4yMTU0OCAxNS42Mzk2IDcuMDA2MDYgMTQuOTE4OSA2LjE4MTgyQzE0LjE5ODIgNS4zNTc1OCAxMy4yNDU4IDQuOTQ1NDUgMTIuMDYxOCA0Ljk0NTQ1QzEwLjczMzYgNC45NDU0NSA5LjY5ODg0IDUuNTQzNDMgOC45NTc1MyA2LjczOTM5VjYuNzcxNzJIOC45NDIwOEw4Ljk1NzUzIDYuNzM5MzlWNS4yMDQwNEg1LjUyODk2QzUuNTQ5NTQgNS41NDg4MiA1LjU1OTg1IDYuNjIwODYgNS41NTk4NSA4LjQyMDJDNS41NTk4NSAxMC4yMTk1IDUuNTQ5NTQgMTIuNzQ2MSA1LjUyODk2IDE2WiIKICAvPgo8L3N2Zz4K)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const Linkedin = createSupabaseIcon('Linkedin', [
+  [
+    'path',
+    {
+      fill: 'currentColor',
+      d: 'M0 1.85859C0 1.31985 0.180185 0.87541 0.540541 0.525253C0.900896 0.175079 1.36937 0 1.94595 0C2.51223 0 2.97039 0.17238 3.32046 0.517172C3.68082 0.872727 3.861 1.33602 3.861 1.90707C3.861 2.42424 3.68598 2.85521 3.33591 3.2C2.97555 3.55556 2.50193 3.73333 1.91506 3.73333H1.89961C1.33333 3.73333 0.875166 3.55556 0.525097 3.2C0.175027 2.84444 0 2.3973 0 1.85859ZM0.200772 16V5.20404H3.62934V16H0.200772ZM5.52896 16H8.95753V9.97172C8.95753 9.5946 8.99872 9.30369 9.08108 9.09899C9.22522 8.73265 9.44402 8.42289 9.73745 8.1697C10.0309 7.91649 10.399 7.7899 10.8417 7.7899C11.9949 7.7899 12.5714 8.60336 12.5714 10.2303V16H16V9.8101C16 8.21548 15.6396 7.00606 14.9189 6.18182C14.1982 5.35758 13.2458 4.94545 12.0618 4.94545C10.7336 4.94545 9.69884 5.54343 8.95753 6.73939V6.77172H8.94208L8.95753 6.73939V5.20404H5.52896C5.54954 5.54882 5.55985 6.62086 5.55985 8.4202C5.55985 10.2195 5.54954 12.7461 5.52896 16Z',
+      key: '1pyfjn',
+    },
+  ],
+]);
+
+export default Linkedin;
diff --git a/packages/icons/src/icons/mic.ts b/packages/icons/src/icons/mic.ts
new file mode 100644
index 0000000000000..31c3b68eac907
--- /dev/null
+++ b/packages/icons/src/icons/mic.ts
@@ -0,0 +1,26 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name Mic
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbD0iY3VycmVudENvbG9yIgogICAgZmlsbFJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwUnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik0zLjM0OTM5IDUuNzAwNjJDMy4zNDkzOSAyLjg1NjcxIDUuNjU0NjYgMC41NTEyNyA4LjQ5ODM3IDAuNTUxMjdDMTEuMzQyMSAwLjU1MTI3IDEzLjY0NzMgMi44NTY3MSAxMy42NDczIDUuNzAwNjJWOC42NDMxMUMxMy42NDczIDExLjQ4NyAxMS4zNDIxIDEzLjc5MjUgOC40OTgzNyAxMy43OTI1QzUuNjU0NjYgMTMuNzkyNSAzLjM0OTM5IDExLjQ4NyAzLjM0OTM5IDguNjQzMTFWNS43MDA2MlpNNi4yOTE2NiA4LjY0MzExQzYuNTk2MTkgOC42NDMxMSA2Ljg0MzM0IDguMzk1OTQgNi44NDMzNCA4LjA5MTM5VjYuMjUyMzRDNi44NDMzNCA1Ljk0Nzc5IDYuNTk2MTkgNS43MDA2MiA2LjI5MTY2IDUuNzAwNjJDNS45ODcxNCA1LjcwMDYyIDUuNzM5OTkgNS45NDc3OSA1LjczOTk5IDYuMjUyMzRWOC4wOTEzOUM1LjczOTk5IDguMzk1OTQgNS45ODcxNCA4LjY0MzExIDYuMjkxNjYgOC42NDMxMVpNOC40OTgzNyA5LjM3ODczQzguODAyODkgOS4zNzg3MyA5LjA1MDA0IDkuMTMxNTYgOS4wNTAwNCA4LjgyNzAyVjUuNTE2NzJDOS4wNTAwNCA1LjIxMjE3IDguODAyODkgNC45NjUgOC40OTgzNyA0Ljk2NUM4LjE5Mzg0IDQuOTY1IDcuOTQ2NjkgNS4yMTIxNyA3Ljk0NjY5IDUuNTE2NzJWOC44MjcwMkM3Ljk0NjY5IDkuMTMxNTYgOC4xOTM4NCA5LjM3ODczIDguNDk4MzcgOS4zNzg3M1pNMTAuNzA1MSA4LjY0MzExQzExLjAwOTYgOC42NDMxMSAxMS4yNTY3IDguMzk1OTQgMTEuMjU2NyA4LjA5MTM5VjYuMjUyMzRDMTEuMjU2NyA1Ljk0Nzc5IDExLjAwOTYgNS43MDA2MiAxMC43MDUxIDUuNzAwNjJDMTAuNDAwNSA1LjcwMDYyIDEwLjE1MzQgNS45NDc3OSAxMC4xNTM0IDYuMjUyMzRWOC4wOTEzOUMxMC4xNTM0IDguMzk1OTQgMTAuNDAwNSA4LjY0MzExIDEwLjcwNTEgOC42NDMxMVogTTEuMzc0MSA5Ljk2MjNDMS43NjMyMSA5Ljg0NDYxIDIuMTcyMTkgMTAuMDY1MyAyLjI4OTg4IDEwLjQ1NTJDMy4wODM1NiAxMy4xMDEyIDUuNTI5MzIgMTUuMDggOC40OTk1NCAxNS4wOEMxMS40Njk4IDE1LjA4IDEzLjkxNTUgMTMuMTAxMiAxNC43MDk5IDEwLjQ1NDRDMTQuODI2OSAxMC4wNjQ2IDE1LjIzNzMgOS44NDUzNCAxNS42MjU3IDkuOTYxNTdDMTYuMDE0MSAxMC4wNzc4IDE2LjIzNjIgMTAuNDg3NSAxNi4xMTg2IDEwLjg3NzRDMTUuMTQ2OSAxNC4xMTY0IDEyLjE0OTQgMTYuNTUxMyA4LjQ5OTU0IDE2LjU1MTNDNC44NDk2NSAxNi41NTEzIDEuODUyMjEgMTQuMTE2NCAwLjg4MTI2NSAxMC44NzgyQzAuNzYzNTc0IDEwLjQ4OSAwLjk4NDI0NCAxMC4wOCAxLjM3NDEgOS45NjIzWiIKICAvPgo8L3N2Zz4K)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const Mic = createSupabaseIcon('Mic', [
+  [
+    'path',
+    {
+      fill: 'currentColor',
+      fillRule: 'evenodd',
+      clipRule: 'evenodd',
+      d: 'M3.34939 5.70062C3.34939 2.85671 5.65466 0.55127 8.49837 0.55127C11.3421 0.55127 13.6473 2.85671 13.6473 5.70062V8.64311C13.6473 11.487 11.3421 13.7925 8.49837 13.7925C5.65466 13.7925 3.34939 11.487 3.34939 8.64311V5.70062ZM6.29166 8.64311C6.59619 8.64311 6.84334 8.39594 6.84334 8.09139V6.25234C6.84334 5.94779 6.59619 5.70062 6.29166 5.70062C5.98714 5.70062 5.73999 5.94779 5.73999 6.25234V8.09139C5.73999 8.39594 5.98714 8.64311 6.29166 8.64311ZM8.49837 9.37873C8.80289 9.37873 9.05004 9.13156 9.05004 8.82702V5.51672C9.05004 5.21217 8.80289 4.965 8.49837 4.965C8.19384 4.965 7.94669 5.21217 7.94669 5.51672V8.82702C7.94669 9.13156 8.19384 9.37873 8.49837 9.37873ZM10.7051 8.64311C11.0096 8.64311 11.2567 8.39594 11.2567 8.09139V6.25234C11.2567 5.94779 11.0096 5.70062 10.7051 5.70062C10.4005 5.70062 10.1534 5.94779 10.1534 6.25234V8.09139C10.1534 8.39594 10.4005 8.64311 10.7051 8.64311Z M1.3741 9.9623C1.76321 9.84461 2.17219 10.0653 2.28988 10.4552C3.08356 13.1012 5.52932 15.08 8.49954 15.08C11.4698 15.08 13.9155 13.1012 14.7099 10.4544C14.8269 10.0646 15.2373 9.84534 15.6257 9.96157C16.0141 10.0778 16.2362 10.4875 16.1186 10.8774C15.1469 14.1164 12.1494 16.5513 8.49954 16.5513C4.84965 16.5513 1.85221 14.1164 0.881265 10.8782C0.763574 10.489 0.984244 10.08 1.3741 9.9623Z',
+      key: '106fb3',
+    },
+  ],
+]);
+
+export default Mic;
diff --git a/packages/icons/src/icons/partners.ts b/packages/icons/src/icons/partners.ts
new file mode 100644
index 0000000000000..a72f76fed5fdc
--- /dev/null
+++ b/packages/icons/src/icons/partners.ts
@@ -0,0 +1,26 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name Partners
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbFJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwUnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik02Ljc0NDI4IDMuMTQ2NjNDNS40NjIyMiAxLjg2NDU4IDMuMzgzNiAxLjg2NDU4IDIuMTAxNTQgMy4xNDY2M0MwLjgxOTU4NCA0LjQyODU5IDAuODE5NDg0IDYuNTA2OTkgMi4xMDEyNCA3Ljc4OTA3TDIuMjcxNDkgNy45NTkwN0w3LjE0NTM3IDEyLjg3MTNMNy4xNDY5NCAxMi44NzI5TDcuODc2MzQgMTMuNjAyM0M4LjE1OTg2IDEzLjg4NTggOC42MTk1NSAxMy44ODU4IDguOTAzMDcgMTMuNjAyM0M5LjE1NzQ1IDEzLjM0NzkgOS4xNjkxNSAxMi44NjgyIDguODg2OTcgMTIuNTYwNEw4LjAzNTg0IDExLjcwOTJDNy44MTMyOCAxMS40ODY2IDcuODEzMzEgMTEuMTI1NyA4LjAzNTkgMTAuOTAzMkM4LjI1ODQ5IDEwLjY4MDYgOC42MTkzNiAxMC42ODA2IDguODQxOTEgMTAuOTAzMkw5LjIyODQxIDExLjI4OThDOS4yMzYwNiAxMS4yOTY3IDkuMjQzNTcgMTEuMzAzOCA5LjI1MDkzIDExLjMxMTFMOS43MDkyMyAxMS43Njk3TDkuNzEyMjQgMTEuNzcyN0w5LjcxNDcgMTEuNzc1Mkw5LjcxNjkyIDExLjc3NzRMOS43MjExNCAxMS43ODE4TDkuNzI1MjUgMTEuNzg2Mkw5LjczMDU5IDExLjc5Mkw5Ljk2ODY0IDEyLjAzMDFDMTAuMjUyMSAxMi4zMTM3IDEwLjcxMTggMTIuMzEzNyAxMC45OTUzIDEyLjAzMDJDMTEuMjc4OCAxMS43NDY3IDExLjI3ODggMTEuMjg3MSAxMC45OTU0IDExLjAwMzZMOS44Mjk2OSA5LjgzNzcyQzkuNjA3MTMgOS42MTUxMyA5LjYwNzE2IDkuMjU0MjYgOS44Mjk3NSA5LjAzMTcxQzkuOTUwMDUgOC45MTE0MiAxMC4xMTA3IDguODU2MTUgMTAuMjY4MiA4Ljg2NTlDMTAuNDA4MSA4Ljg3MDE5IDEwLjU0NjggOC45MjU3NSAxMC42NTM2IDkuMDMyNTZMMTEuODM5MSAxMC4yMTgxQzEyLjEyMjYgMTAuNTAxNiAxMi41ODIzIDEwLjUwMTYgMTIuODY1OCAxMC4yMTgxQzEzLjE0OTMgOS45MzQ2MiAxMy4xNDkzIDkuNDc0OTggMTIuODY1OCA5LjE5MTQ4TDExLjY2MTUgNy45ODcyNEMxMS40MzkgNy43NjQ2NiAxMS40MzkgNy40MDM4IDExLjY2MTUgNy4xODEyMkMxMS44ODQxIDYuOTU4NjUgMTIuMjQ1IDYuOTU4NjUgMTIuNDY3NiA3LjE4MTIyTDEzLjQ4NzIgOC4yMDA5TDEzLjg5ODcgNy43ODk0MkMxNS4xODA4IDYuNTA3MzcgMTUuMTgwOCA0LjQyODc0IDEzLjg5ODcgMy4xNDY2OEMxMi42MTY2IDEuODY0NjMgMTAuNTM4IDEuODY0NjMgOS4yNTU5NiAzLjE0NjY4TDcuODg1MTggNC41MTc0N0w3LjI1MTIyIDUuMTUxMzhDNy4yNTEyMiA1LjE1MTM4IDcuMjUxMjMgNS4xNTEzNyA3LjI1MTIyIDUuMTUxMzhDNi43Nzg2MiA1LjYyNCA2Ljc3ODYxIDYuMzkwMjcgNy4yNTEyMiA2Ljg2Mjg4QzcuNzIzODQgNy4zMzU1IDguNDkwMSA3LjMzNTUgOC45NjI3MiA2Ljg2Mjg4TDExLjA0OTEgNC43NzY0OEMxMS4yNzE3IDQuNTUzOSAxMS42MzI2IDQuNTUzOSAxMS44NTUxIDQuNzc2NDhDMTIuMDc3NyA0Ljk5OTA1IDEyLjA3NzcgNS4zNTk5MiAxMS44NTUxIDUuNTgyNDlMOS43Njg3NCA3LjY2ODlDOC44NTA5NyA4LjU4NjY2IDcuMzYyOTggOC41ODY2NiA2LjQ0NTIxIDcuNjY4OUM1LjUyNzQ0IDYuNzUxMTMgNS41Mjc0NCA1LjI2MzEzIDYuNDQ1MjEgNC4zNDUzNkw3LjA3OTE2IDMuNzExNDZMNy4xOTQxMyAzLjU5NjQ4TDYuNzQ0MjggMy4xNDY2M1pNOC4wMDAxNCAyLjc5MDQ3TDcuNTUwMjkgMi4zNDA2MkM1LjgyMzA5IDAuNjEzNDEzIDMuMDIyNzMgMC42MTM0MTUgMS4yOTU1MyAyLjM0MDYyQy0wLjQzMTY3OSA0LjA2NzgzIC0wLjQzMTY3OSA2Ljg2ODE4IDEuMjk1NTMgOC41OTUzOUwxLjQ2MjMyIDguNzYxOTNMMS40NjQyIDguNzYzODFMNi4zMzc3NyAxMy42NzU3TDYuMzM5MzQgMTMuNjc3M0w3LjA3MDMyIDE0LjQwODNDNy43OTkgMTUuMTM3IDguOTgwNDEgMTUuMTM3IDkuNzA5MDkgMTQuNDA4M0MxMC4wMDQyIDE0LjExMzEgMTAuMTcwMSAxMy43NDUgMTAuMjIgMTMuMzY0M0MxMC43ODA2IDEzLjQ0MzMgMTEuMzcwMiAxMy4yNjczIDExLjgwMTMgMTIuODM2MkMxMi4xNTIgMTIuNDg1NSAxMi4zMzM5IDEyLjAzIDEyLjM0NzEgMTEuNTcwNkMxMi44MjY0IDExLjU3MiAxMy4zMDYxIDExLjM4OTggMTMuNjcxOCAxMS4wMjQxQzE0LjE3NTggMTAuNTIwMiAxNC4zMzEyIDkuNzk5NjYgMTQuMTM4IDkuMTYyMTRMMTQuNzA0NyA4LjU5NTQ0QzE2LjQzMTkgNi44NjgyMyAxNi40MzE5IDQuMDY3ODggMTQuNzA0NyAyLjM0MDY3QzEyLjk3NzUgMC42MTM0NjUgMTAuMTc3MiAwLjYxMzQ2NCA4LjQ0OTk0IDIuMzQwNjdMOC4wMDAxNCAyLjc5MDQ3WiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIKICAvPgo8L3N2Zz4K)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const Partners = createSupabaseIcon('Partners', [
+  [
+    'path',
+    {
+      fillRule: 'evenodd',
+      clipRule: 'evenodd',
+      d: 'M6.74428 3.14663C5.46222 1.86458 3.3836 1.86458 2.10154 3.14663C0.819584 4.42859 0.819484 6.50699 2.10124 7.78907L2.27149 7.95907L7.14537 12.8713L7.14694 12.8729L7.87634 13.6023C8.15986 13.8858 8.61955 13.8858 8.90307 13.6023C9.15745 13.3479 9.16915 12.8682 8.88697 12.5604L8.03584 11.7092C7.81328 11.4866 7.81331 11.1257 8.0359 10.9032C8.25849 10.6806 8.61936 10.6806 8.84191 10.9032L9.22841 11.2898C9.23606 11.2967 9.24357 11.3038 9.25093 11.3111L9.70923 11.7697L9.71224 11.7727L9.7147 11.7752L9.71692 11.7774L9.72114 11.7818L9.72525 11.7862L9.73059 11.792L9.96864 12.0301C10.2521 12.3137 10.7118 12.3137 10.9953 12.0302C11.2788 11.7467 11.2788 11.2871 10.9954 11.0036L9.82969 9.83772C9.60713 9.61513 9.60716 9.25426 9.82975 9.03171C9.95005 8.91142 10.1107 8.85615 10.2682 8.8659C10.4081 8.87019 10.5468 8.92575 10.6536 9.03256L11.8391 10.2181C12.1226 10.5016 12.5823 10.5016 12.8658 10.2181C13.1493 9.93462 13.1493 9.47498 12.8658 9.19148L11.6615 7.98724C11.439 7.76466 11.439 7.4038 11.6615 7.18122C11.8841 6.95865 12.245 6.95865 12.4676 7.18122L13.4872 8.2009L13.8987 7.78942C15.1808 6.50737 15.1808 4.42874 13.8987 3.14668C12.6166 1.86463 10.538 1.86463 9.25596 3.14668L7.88518 4.51747L7.25122 5.15138C7.25122 5.15138 7.25123 5.15137 7.25122 5.15138C6.77862 5.624 6.77861 6.39027 7.25122 6.86288C7.72384 7.3355 8.4901 7.3355 8.96272 6.86288L11.0491 4.77648C11.2717 4.5539 11.6326 4.5539 11.8551 4.77648C12.0777 4.99905 12.0777 5.35992 11.8551 5.58249L9.76874 7.6689C8.85097 8.58666 7.36298 8.58666 6.44521 7.6689C5.52744 6.75113 5.52744 5.26313 6.44521 4.34536L7.07916 3.71146L7.19413 3.59648L6.74428 3.14663ZM8.00014 2.79047L7.55029 2.34062C5.82309 0.613413 3.02273 0.613415 1.29553 2.34062C-0.431679 4.06783 -0.431679 6.86818 1.29553 8.59539L1.46232 8.76193L1.4642 8.76381L6.33777 13.6757L6.33934 13.6773L7.07032 14.4083C7.799 15.137 8.98041 15.137 9.70909 14.4083C10.0042 14.1131 10.1701 13.745 10.22 13.3643C10.7806 13.4433 11.3702 13.2673 11.8013 12.8362C12.152 12.4855 12.3339 12.03 12.3471 11.5706C12.8264 11.572 13.3061 11.3898 13.6718 11.0241C14.1758 10.5202 14.3312 9.79966 14.138 9.16214L14.7047 8.59544C16.4319 6.86823 16.4319 4.06788 14.7047 2.34067C12.9775 0.613465 10.1772 0.613464 8.44994 2.34067L8.00014 2.79047Z',
+      fill: 'currentColor',
+      key: 'yu1v4i',
+    },
+  ],
+]);
+
+export default Partners;
diff --git a/packages/icons/src/icons/presence.ts b/packages/icons/src/icons/presence.ts
new file mode 100644
index 0000000000000..321cff902f429
--- /dev/null
+++ b/packages/icons/src/icons/presence.ts
@@ -0,0 +1,37 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name Presence
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiMwMDAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOyBib3JkZXItcmFkaXVzOiAycHgiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGgKICAgIHN0cm9rZT0iY3VycmVudENvbG9yIgogICAgc3Ryb2tlTGluZWpvaW49InJvdW5kIgogICAgc3Ryb2tlTWl0ZXJsaW1pdD17MTB9CiAgICBkPSJtMjMuMTQ5IDIzLjQ5OSAzLjQyNCA3LjgzYS41LjUgMCAwIDAgLjk0Mi0uMDc0bC43NC0yLjg2OGEuNS41IDAgMCAxIC4zNjQtLjM2bDMuMDM5LS43NTZhLjUuNSAwIDAgMCAuMDgtLjk0M2wtNy45My0zLjQ4N2EuNS41IDAgMCAwLS42Ni42NThaIgogIC8+CiAgPHBhdGgKICAgIHN0cm9rZT0iY3VycmVudENvbG9yIgogICAgc3Ryb2tlTGluZWpvaW49InJvdW5kIgogICAgc3Ryb2tlTWl0ZXJsaW1pdD17MTB9CiAgICBkPSJNMjQuNTQ0IDMyLjc0NmgtNS42MjNhMyAzIDAgMCAxLTMtM1YxOC41YTMgMyAwIDAgMSAzLTNoMTEuMjQ3YTMgMyAwIDAgMSAzIDN2NS42MjMiCiAgICBvcGFjaXR5PXswLjQ1fQogIC8+Cjwvc3ZnPgo=)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const Presence = createSupabaseIcon('Presence', [
+  [
+    'path',
+    {
+      stroke: 'currentColor',
+      strokeLinejoin: 'round',
+      strokeMiterlimit: '{10}',
+      d: 'm23.149 23.499 3.424 7.83a.5.5 0 0 0 .942-.074l.74-2.868a.5.5 0 0 1 .364-.36l3.039-.756a.5.5 0 0 0 .08-.943l-7.93-3.487a.5.5 0 0 0-.66.658Z',
+      key: 'rwwn36',
+    },
+  ],
+  [
+    'path',
+    {
+      stroke: 'currentColor',
+      strokeLinejoin: 'round',
+      strokeMiterlimit: '{10}',
+      d: 'M24.544 32.746h-5.623a3 3 0 0 1-3-3V18.5a3 3 0 0 1 3-3h11.247a3 3 0 0 1 3 3v5.623',
+      opacity: '{0.45}',
+      key: 'yn21cm',
+    },
+  ],
+]);
+
+export default Presence;
diff --git a/packages/icons/src/icons/product-hunt.ts b/packages/icons/src/icons/product-hunt.ts
new file mode 100644
index 0000000000000..dc864c7c59c44
--- /dev/null
+++ b/packages/icons/src/icons/product-hunt.ts
@@ -0,0 +1,24 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name ProductHunt
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiMwMDAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOyBib3JkZXItcmFkaXVzOiAycHgiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGgKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIKICAgIGQ9Ik03LjI5OTc4IDguNTUxMjdIOS41NjY1OEM5Ljg4NDg0IDguNTUxMjcgMTAuMTkwMSA4LjQyNDg0IDEwLjQxNTEgOC4xOTk4QzEwLjY0MDEgNy45NzQ3NSAxMC43NjY2IDcuNjY5NTMgMTAuNzY2NiA3LjM1MTI3QzEwLjc2NjYgNy4wMzMwMSAxMC42NDAxIDYuNzI3NzkgMTAuNDE1MSA2LjUwMjc0QzEwLjE5MDEgNi4yNzc3IDkuODg0ODQgNi4xNTEyNyA5LjU2NjU4IDYuMTUxMjdINy4yOTk3OFY4LjU1MTI3WiBNOC41IDE2LjU1MTNDMTIuOTE4NCAxNi41NTEzIDE2LjUgMTIuOTY5NyAxNi41IDguNTUxMjdDMTYuNSA0LjEzMjg3IDEyLjkxODQgMC41NTEyNyA4LjUgMC41NTEyN0M0LjA4MTYgMC41NTEyNyAwLjUgNC4xMzI4NyAwLjUgOC41NTEyN0MwLjUgMTIuOTY5NyA0LjA4MTYgMTYuNTUxMyA4LjUgMTYuNTUxM1pNNS42OTk3OCA0LjU1MTI3SDkuNTY2NThDMTAuMzA5MiA0LjU1MTI3IDExLjAyMTQgNC44NDYyNyAxMS41NDY1IDUuMzcxMzdDMTIuMDcxNiA1Ljg5NjQ3IDEyLjM2NjYgNi42MDg2NiAxMi4zNjY2IDcuMzUxMjdDMTIuMzY2NiA4LjA5Mzg4IDEyLjA3MTYgOC44MDYwNyAxMS41NDY1IDkuMzMxMTdDMTEuMDIxNCA5Ljg1NjI3IDEwLjMwOTIgMTAuMTUxMyA5LjU2NjU4IDEwLjE1MTNINy4yOTk3OFYxMi41NTEzSDUuNjk5NzhWNC41NTEyN1oiCiAgLz4KPC9zdmc+Cg==)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const ProductHunt = createSupabaseIcon('ProductHunt', [
+  [
+    'path',
+    {
+      fill: 'currentColor',
+      d: 'M7.29978 8.55127H9.56658C9.88484 8.55127 10.1901 8.42484 10.4151 8.1998C10.6401 7.97475 10.7666 7.66953 10.7666 7.35127C10.7666 7.03301 10.6401 6.72779 10.4151 6.50274C10.1901 6.2777 9.88484 6.15127 9.56658 6.15127H7.29978V8.55127Z M8.5 16.5513C12.9184 16.5513 16.5 12.9697 16.5 8.55127C16.5 4.13287 12.9184 0.55127 8.5 0.55127C4.0816 0.55127 0.5 4.13287 0.5 8.55127C0.5 12.9697 4.0816 16.5513 8.5 16.5513ZM5.69978 4.55127H9.56658C10.3092 4.55127 11.0214 4.84627 11.5465 5.37137C12.0716 5.89647 12.3666 6.60866 12.3666 7.35127C12.3666 8.09388 12.0716 8.80607 11.5465 9.33117C11.0214 9.85627 10.3092 10.1513 9.56658 10.1513H7.29978V12.5513H5.69978V4.55127Z',
+      key: '1jp6w0',
+    },
+  ],
+]);
+
+export default ProductHunt;
diff --git a/packages/icons/src/icons/replace-code.ts b/packages/icons/src/icons/replace-code.ts
index 329a5fe90d67c..30a0039fbb361 100644
--- a/packages/icons/src/icons/replace-code.ts
+++ b/packages/icons/src/icons/replace-code.ts
@@ -4,7 +4,7 @@ import createSupabaseIcon from '../createSupabaseIcon';
  * @component @name ReplaceCode
  * @description Supabase SVG icon component, renders SVG Element with children.
  *
- * @preview ![img](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSJub25lIiAgICBzdHJva2U9IiMwMDAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOyBib3JkZXItcmFkaXVzOiAycHgiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTS0yMDQwMyAtMTExNDJIMTIxNjVWLTExMTQ0SC0yMDQwM1YtMTExNDJaTTEyMTY2IC0xMTE0MVY3MTEzSDEyMTY4Vi0xMTE0MUgxMjE2NlpNMTIxNjUgNzExNEgtMjA0MDNWNzExNkgxMjE2NVY3MTE0Wk0tMjA0MDQgNzExM1YtMTExNDFILTIwNDA2VjcxMTNILTIwNDA0Wk0tMjA0MDMgNzExNEMtMjA0MDMuNiA3MTE0IC0yMDQwNCA3MTEzLjU1IC0yMDQwNCA3MTEzSC0yMDQwNkMtMjA0MDYgNzExNC42NiAtMjA0MDQuNyA3MTE2IC0yMDQwMyA3MTE2VjcxMTRaTTEyMTY2IDcxMTNDMTIxNjYgNzExMy41NSAxMjE2NS42IDcxMTQgMTIxNjUgNzExNFY3MTE2QzEyMTY2LjcgNzExNiAxMjE2OCA3MTE0LjY2IDEyMTY4IDcxMTNIMTIxNjZaTTEyMTY1IC0xMTE0MkMxMjE2NS42IC0xMTE0MiAxMjE2NiAtMTExNDEuNiAxMjE2NiAtMTExNDFIMTIxNjhDMTIxNjggLTExMTQyLjcgMTIxNjYuNyAtMTExNDQgMTIxNjUgLTExMTQ0Vi0xMTE0MlpNLTIwNDAzIC0xMTE0NEMtMjA0MDQuNyAtMTExNDQgLTIwNDA2IC0xMTE0Mi43IC0yMDQwNiAtMTExNDFILTIwNDA0Qy0yMDQwNCAtMTExNDEuNiAtMjA0MDMuNiAtMTExNDIgLTIwNDAzIC0xMTE0MlYtMTExNDRaIgogICAgICAgIGZpbGwtb3BhY2l0eT0iMC4xIiAvPgogICAgPHJlY3QgeD0iNi40NDUzMSIgeT0iMTQuMTEzMyIgd2lkdGg9IjE1Ljg0NTUiIGhlaWdodD0iNy45MTgxOCIgcng9IjMuOTU5MDkiIC8+CiAgICA8cGF0aAogICAgICAgIGQ9Ik0xMC41ODk2IDEwLjAxOTVMMTguMjE0OCAxMC4wMTk1QzE5LjA0MzMgMTAuMDE5NSAxOS43MTQ4IDkuMzQ3OTYgMTkuNzE0OCA4LjUxOTUzTDE5LjcxNDggMy41OTIyNUMxOS43MTQ4IDIuNzYzODMgMTkuMDQzMyAyLjA5MjI2IDE4LjIxNDggMi4wOTIyNkw1Ljk5NjA5IDIuMDkyMjYiCiAgICAgICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgogICAgPHBhdGggZD0iTTUuOTg5MDIgMTAuNDY1NlY1Ljc4OTA2SDEuMzEyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgPHBhdGggZD0iTTMuMjcxMTEgMTMuNjEzM1YxMy42MTMzQzEuNjE1MTUgMTIuMzkxNCAxLjQ3OTQ4IDkuOTY0NDYgMi45ODg5NCA4LjU2NTY0TDUuOTk2MDkgNS43Nzg5MSIKICAgICAgICBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+Cjwvc3ZnPg==)
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgICBzdHJva2U9IiMwMDAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOyBib3JkZXItcmFkaXVzOiAycHgiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTS0yMDQwMyAtMTExNDJIMTIxNjVWLTExMTQ0SC0yMDQwM1YtMTExNDJaTTEyMTY2IC0xMTE0MVY3MTEzSDEyMTY4Vi0xMTE0MUgxMjE2NlpNMTIxNjUgNzExNEgtMjA0MDNWNzExNkgxMjE2NVY3MTE0Wk0tMjA0MDQgNzExM1YtMTExNDFILTIwNDA2VjcxMTNILTIwNDA0Wk0tMjA0MDMgNzExNEMtMjA0MDMuNiA3MTE0IC0yMDQwNCA3MTEzLjU1IC0yMDQwNCA3MTEzSC0yMDQwNkMtMjA0MDYgNzExNC42NiAtMjA0MDQuNyA3MTE2IC0yMDQwMyA3MTE2VjcxMTRaTTEyMTY2IDcxMTNDMTIxNjYgNzExMy41NSAxMjE2NS42IDcxMTQgMTIxNjUgNzExNFY3MTE2QzEyMTY2LjcgNzExNiAxMjE2OCA3MTE0LjY2IDEyMTY4IDcxMTNIMTIxNjZaTTEyMTY1IC0xMTE0MkMxMjE2NS42IC0xMTE0MiAxMjE2NiAtMTExNDEuNiAxMjE2NiAtMTExNDFIMTIxNjhDMTIxNjggLTExMTQyLjcgMTIxNjYuNyAtMTExNDQgMTIxNjUgLTExMTQ0Vi0xMTE0MlpNLTIwNDAzIC0xMTE0NEMtMjA0MDQuNyAtMTExNDQgLTIwNDA2IC0xMTE0Mi43IC0yMDQwNiAtMTExNDFILTIwNDA0Qy0yMDQwNCAtMTExNDEuNiAtMjA0MDMuNiAtMTExNDIgLTIwNDAzIC0xMTE0MlYtMTExNDRaIgogICAgICAgIGZpbGwtb3BhY2l0eT0iMC4xIiAvPgogICAgPHJlY3QgeD0iNi40NDUzMSIgeT0iMTQuMTEzMyIgd2lkdGg9IjE1Ljg0NTUiIGhlaWdodD0iNy45MTgxOCIgcng9IjMuOTU5MDkiIC8+CiAgICA8cGF0aAogICAgICAgIGQ9Ik0xMC41ODk2IDEwLjAxOTVMMTguMjE0OCAxMC4wMTk1QzE5LjA0MzMgMTAuMDE5NSAxOS43MTQ4IDkuMzQ3OTYgMTkuNzE0OCA4LjUxOTUzTDE5LjcxNDggMy41OTIyNUMxOS43MTQ4IDIuNzYzODMgMTkuMDQzMyAyLjA5MjI2IDE4LjIxNDggMi4wOTIyNkw1Ljk5NjA5IDIuMDkyMjYiCiAgICAgICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgogICAgPHBhdGggZD0iTTUuOTg5MDIgMTAuNDY1NlY1Ljc4OTA2SDEuMzEyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgPHBhdGggZD0iTTMuMjcxMTEgMTMuNjEzM1YxMy42MTMzQzEuNjE1MTUgMTIuMzkxNCAxLjQ3OTQ4IDkuOTY0NDYgMi45ODg5NCA4LjU2NTY0TDUuOTk2MDkgNS43Nzg5MSIKICAgICAgICBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+Cjwvc3ZnPg==)
  *
  * @param {Object} props - Supabase icons props and any valid SVG attribute
  * @returns {JSX.Element} JSX Element
diff --git a/packages/icons/src/icons/twitter.ts b/packages/icons/src/icons/twitter.ts
new file mode 100644
index 0000000000000..9bfaaa7c42a5a
--- /dev/null
+++ b/packages/icons/src/icons/twitter.ts
@@ -0,0 +1,24 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name Twitter
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbD0iY3VycmVudENvbG9yIgogICAgZD0iTTEyLjYwMDkgMC45MDM5MDhIMTUuMDU0NEw5LjY5NDM0IDcuMDMwMDhMMTYgMTUuMzY2NEgxMS4wNjI3TDcuMTk1NjYgMTAuMzEwNUwyLjc3MDg3IDE1LjM2NjRIMC4zMTU5NUw2LjA0OTA0IDguODEzNzlMMCAwLjkwMzkwOEg1LjA2MjYyTDguNTU4MTEgNS41MjUyNEwxMi42MDA5IDAuOTAzOTA4Wk0xMS43Mzk5IDEzLjg5NzlIMTMuMDk5M0w0LjMyMzkyIDIuMjk1MjhIMi44NjUwNkwxMS43Mzk5IDEzLjg5NzlaIgogIC8+Cjwvc3ZnPgo=)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const Twitter = createSupabaseIcon('Twitter', [
+  [
+    'path',
+    {
+      fill: 'currentColor',
+      d: 'M12.6009 0.903908H15.0544L9.69434 7.03008L16 15.3664H11.0627L7.19566 10.3105L2.77087 15.3664H0.31595L6.04904 8.81379L0 0.903908H5.06262L8.55811 5.52524L12.6009 0.903908ZM11.7399 13.8979H13.0993L4.32392 2.29528H2.86506L11.7399 13.8979Z',
+      key: '3jmjvc',
+    },
+  ],
+]);
+
+export default Twitter;
diff --git a/packages/icons/src/icons/y-combinator.ts b/packages/icons/src/icons/y-combinator.ts
new file mode 100644
index 0000000000000..0b8a27b4d8aae
--- /dev/null
+++ b/packages/icons/src/icons/y-combinator.ts
@@ -0,0 +1,26 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name YCombinator
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbD0iY3VycmVudENvbG9yIgogICAgZmlsbFJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwUnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik0wIDBIMTZWMTZIMFYwWk00LjY5MDI0IDMuODkyNUw3LjQ2MzYzIDkuMDY1OVYxMi40MjU4SDguNTMwMjVWOS4xMTkxM0wxMS4zMDM2IDMuODkyNUgxMC4xMzAyTDguNTMwMjUgNy4xNDU4MkM4LjQyMzU1IDcuMzA1ODIgOC4zMTY5NCA3LjQ2NTgyIDguMjYzNjMgNy42MjU4MkM4LjIzMjg2IDcuNzQ4NTkgOC4xODQ1IDcuODM2MDEgOC4xMzg4MyA3LjkxODYyQzguMTA1MTUgNy45Nzk1NyA4LjA3Mjg2IDguMDM3OSA4LjA1MDI0IDguMTA1ODJDOC4wMjM1NSA4LjA3OTEzIDguMDEwMTcgOC4wMzkxMyA3Ljk5Njg2IDcuOTk5MDZDNy45ODM1NSA3Ljk1OTEzIDcuOTcwMjQgNy45MTkxMyA3Ljk0MzU1IDcuODkyNDRDNy45MTY4NiA3LjgzOTEzIDcuOTAzNDggNy43OTkwNiA3Ljg5MDE3IDcuNzU4OTlDNy44NzY4NiA3LjcxOTA2IDcuODYzNTUgNy42NzkwNiA3LjgzNjk0IDcuNjI1ODJWNy41NzI1MUw3Ljc4MzU1IDcuNTE5MTNDNy43NjMxOSA3LjQ3ODQxIDcuNzUwNjEgNy40NDU0NiA3LjczOTg0IDcuNDE3MzFDNy43MjI0NiA3LjM3MTcxIDcuNzA5ODggNy4zMzg3NyA3LjY3Njk0IDcuMzA1ODJDNy42MjM1NSA3LjI1MjUxIDcuNTcwMjQgNy4xOTkxMyA3LjU3MDI0IDcuMTQ1ODJMNS45NzAyNCAzLjg5MjVINC42OTAyNFoiCiAgLz4KPC9zdmc+Cg==)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const YCombinator = createSupabaseIcon('YCombinator', [
+  [
+    'path',
+    {
+      fill: 'currentColor',
+      fillRule: 'evenodd',
+      clipRule: 'evenodd',
+      d: 'M0 0H16V16H0V0ZM4.69024 3.8925L7.46363 9.0659V12.4258H8.53025V9.11913L11.3036 3.8925H10.1302L8.53025 7.14582C8.42355 7.30582 8.31694 7.46582 8.26363 7.62582C8.23286 7.74859 8.1845 7.83601 8.13883 7.91862C8.10515 7.97957 8.07286 8.0379 8.05024 8.10582C8.02355 8.07913 8.01017 8.03913 7.99686 7.99906C7.98355 7.95913 7.97024 7.91913 7.94355 7.89244C7.91686 7.83913 7.90348 7.79906 7.89017 7.75899C7.87686 7.71906 7.86355 7.67906 7.83694 7.62582V7.57251L7.78355 7.51913C7.76319 7.47841 7.75061 7.44546 7.73984 7.41731C7.72246 7.37171 7.70988 7.33877 7.67694 7.30582C7.62355 7.25251 7.57024 7.19913 7.57024 7.14582L5.97024 3.8925H4.69024Z',
+      key: '13ms4y',
+    },
+  ],
+]);
+
+export default YCombinator;
diff --git a/packages/icons/src/icons/youtube.ts b/packages/icons/src/icons/youtube.ts
new file mode 100644
index 0000000000000..496605018a1e4
--- /dev/null
+++ b/packages/icons/src/icons/youtube.ts
@@ -0,0 +1,26 @@
+import createSupabaseIcon from '../createSupabaseIcon';
+
+/**
+ * @component @name Youtube
+ * @description Supabase SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aAogICAgZmlsbFJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwUnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik0xNS42NjU3IDQuMTM1MjZDMTUuNDgxNyAzLjQ0MjM5IDE0LjkzOTUgMi44OTY3IDE0LjI1MTEgMi43MTE1MkMxMy4wMDMzIDIuMzc1MDIgOCAyLjM3NTAyIDggMi4zNzUwMkM4IDIuMzc1MDIgMi45OTY2OSAyLjM3NTAyIDEuNzQ4OTEgMi43MTE1MkMxLjA2MDUyIDIuODk2NzMgMC41MTgzNTEgMy40NDIzOSAwLjMzNDMzNyA0LjEzNTI2QzEuOTA3MzVlLTA2IDUuMzkxMTIgMS45MDczNWUtMDYgOC4wMTEzNyAxLjkwNzM1ZS0wNiA4LjAxMTM3QzEuOTA3MzVlLTA2IDguMDExMzcgMS45MDczNWUtMDYgMTAuNjMxNiAwLjMzNDMzNyAxMS44ODc1QzAuNTE4MzUxIDEyLjU4MDQgMS4wNjA1MiAxMy4xMDMzIDEuNzQ4OTEgMTMuMjg4NUMyLjk5NjY5IDEzLjYyNSA4IDEzLjYyNSA4IDEzLjYyNUM4IDEzLjYyNSAxMy4wMDMzIDEzLjYyNSAxNC4yNTExIDEzLjI4ODVDMTQuOTM5NSAxMy4xMDMzIDE1LjQ4MTcgMTIuNTgwNCAxNS42NjU3IDExLjg4NzVDMTYgMTAuNjMxNiAxNiA4LjAxMTM3IDE2IDguMDExMzdDMTYgOC4wMTEzNyAxNiA1LjM5MTEyIDE1LjY2NTcgNC4xMzUyNlpNNi4zNjM2MyAxMC4zOTA0VjUuNjMyMzhMMTAuNTQ1NCA4LjAxMTQzTDYuMzYzNjMgMTAuMzkwNFoiCiAgICBmaWxsPSJjdXJyZW50Q29sb3IiCiAgLz4KPC9zdmc+Cg==)
+ *
+ * @param {Object} props - Supabase icons props and any valid SVG attribute
+ * @returns {JSX.Element} JSX Element
+ *
+ */
+const Youtube = createSupabaseIcon('Youtube', [
+  [
+    'path',
+    {
+      fillRule: 'evenodd',
+      clipRule: 'evenodd',
+      d: 'M15.6657 4.13526C15.4817 3.44239 14.9395 2.8967 14.2511 2.71152C13.0033 2.37502 8 2.37502 8 2.37502C8 2.37502 2.99669 2.37502 1.74891 2.71152C1.06052 2.89673 0.518351 3.44239 0.334337 4.13526C1.90735e-06 5.39112 1.90735e-06 8.01137 1.90735e-06 8.01137C1.90735e-06 8.01137 1.90735e-06 10.6316 0.334337 11.8875C0.518351 12.5804 1.06052 13.1033 1.74891 13.2885C2.99669 13.625 8 13.625 8 13.625C8 13.625 13.0033 13.625 14.2511 13.2885C14.9395 13.1033 15.4817 12.5804 15.6657 11.8875C16 10.6316 16 8.01137 16 8.01137C16 8.01137 16 5.39112 15.6657 4.13526ZM6.36363 10.3904V5.63238L10.5454 8.01143L6.36363 10.3904Z',
+      fill: 'currentColor',
+      key: 'p0n467',
+    },
+  ],
+]);
+
+export default Youtube;
diff --git a/packages/ui/src/components/Icon/icons/IconBriefcase2/IconBriefcase2.tsx b/packages/icons/src/raw-icons/briefcase.svg
similarity index 86%
rename from packages/ui/src/components/Icon/icons/IconBriefcase2/IconBriefcase2.tsx
rename to packages/icons/src/raw-icons/briefcase.svg
index 53b50d2a3c96f..e771e6d627dc6 100644
--- a/packages/ui/src/components/Icon/icons/IconBriefcase2/IconBriefcase2.tsx
+++ b/packages/icons/src/raw-icons/briefcase.svg
@@ -1,17 +1,18 @@
-// @ts-ignore
-import IconBase from '../../IconBase'
-
-const src = (
+<svg   
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
   <path
-    fillRule="evenodd"
-    clipRule="evenodd"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
     d="M5.96967 2.7894C5.96967 1.84071 6.73873 1.07164 7.68743 1.07164H8.26001C9.20871 1.07164 9.97777 1.84071 9.97777 2.7894V3.36199H13.4881C14.8754 3.36199 16 4.48659 16 5.87385C16 6.42608 15.819 6.95031 15.5012 7.37618V12.0654C15.5012 13.6466 14.2194 14.9284 12.6383 14.9284H3.36171C1.78056 14.9284 0.498777 13.6466 0.498777 12.0654V7.37618C0.181033 6.95031 0 6.42608 0 5.87385C0 4.48659 1.1246 3.36199 2.51186 3.36199H5.96967V2.7894ZM2.51186 4.50716C1.75706 4.50716 1.14517 5.11905 1.14517 5.87385C1.14517 6.39998 1.44719 6.8794 1.92175 7.10657L5.17109 8.66205C5.45633 8.79859 5.57686 9.14051 5.44032 9.42574C5.30378 9.71098 4.96186 9.83152 4.67663 9.69497L1.64395 8.24321V12.0654C1.64395 13.0141 2.41302 13.7832 3.36171 13.7832H12.6383C13.587 13.7832 14.356 13.0141 14.356 12.0654V8.24321L11.3234 9.69497C11.0381 9.83152 10.6962 9.71098 10.5597 9.42574C10.4231 9.14051 10.5437 8.79859 10.8289 8.66205L14.0783 7.10657C14.5528 6.8794 14.8548 6.39998 14.8548 5.87385C14.8548 5.11905 14.2429 4.50716 13.4881 4.50716H2.51186ZM8.8326 3.36199H7.11484V2.7894C7.11484 2.47317 7.37119 2.21682 7.68743 2.21682H8.26001C8.57624 2.21682 8.8326 2.47317 8.8326 2.7894V3.36199ZM7.68743 9.00594C7.37119 9.00594 7.11484 9.2623 7.11484 9.57853V10.1511C7.11484 10.4673 7.37119 10.7237 7.68743 10.7237H8.26001C8.57624 10.7237 8.8326 10.4673 8.8326 10.1511V9.57853C8.8326 9.2623 8.57624 9.00594 8.26001 9.00594H7.68743ZM5.96967 9.57853C5.96967 8.62984 6.73873 7.86077 7.68743 7.86077H8.26001C9.20871 7.86077 9.97777 8.62984 9.97777 9.57853V10.1511C9.97777 11.0998 9.20871 11.8689 8.26001 11.8689H7.68743C6.73873 11.8689 5.96967 11.0998 5.96967 10.1511V9.57853Z"
     fill="currentColor"
   />
-)
-
-function IconBriefcase2(props: any) {
-  return <IconBase src={src} stroke="none" {...props} />
-}
-
-export default IconBriefcase2
+</svg>
\ No newline at end of file
diff --git a/packages/icons/src/raw-icons/broadcast.svg b/packages/icons/src/raw-icons/broadcast.svg
new file mode 100644
index 0000000000000..253c9c7655a48
--- /dev/null
+++ b/packages/icons/src/raw-icons/broadcast.svg
@@ -0,0 +1,37 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path
+    id="Ellipse 146"
+    d="M17.3154 6.70312C18.6968 8.06227 19.5532 9.95249 19.5532 12.0426C19.5532 14.1326 18.6968 16.0229 17.3154 17.382M6.79102 6.70312C5.40966 8.06227 4.55322 9.95249 4.55322 12.0426C4.55322 14.1326 5.40966 16.0229 6.79102 17.382"
+    stroke="currentColor"
+    strokeMiterlimit="10"
+    strokeLinejoin="bevel"
+    opacity={0.45}
+  />
+  <ellipse
+    id="Ellipse 144"
+    cx="12.0532"
+    cy="12.0428"
+    rx="3.00928"
+    ry="3.00666"
+    stroke="currentColor"
+    strokeMiterlimit="10"
+    strokeLinejoin="bevel"
+  />
+  <path
+    id="Vector 96"
+    d="M12.0747 15.0488L12.0747 23.9996"
+    stroke="currentColor"
+    strokeMiterlimit="10"
+    strokeLinejoin="bevel"
+  />
+</svg>
diff --git a/packages/ui/src/components/Icon/icons/IconChangelog/IconChangelog.tsx b/packages/icons/src/raw-icons/changelog.svg
similarity index 70%
rename from packages/ui/src/components/Icon/icons/IconChangelog/IconChangelog.tsx
rename to packages/icons/src/raw-icons/changelog.svg
index eebc3d830a6b7..257127e9370c4 100644
--- a/packages/ui/src/components/Icon/icons/IconChangelog/IconChangelog.tsx
+++ b/packages/icons/src/raw-icons/changelog.svg
@@ -1,17 +1,18 @@
-// @ts-ignore
-import IconBase from '../../IconBase'
-
-const src = (
+<svg   
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
   <path
     d="M2.51764 2.98721C3.87588 1.50256 5.8292 0.571428 8 0.571428C12.1027 0.571428 15.4286 3.89731 15.4286 8C15.4286 12.1027 12.1027 15.4286 8 15.4286C3.89731 15.4286 0.571426 12.1027 0.571426 8C0.571426 7.09365 0.733741 6.22522 1.03089 5.42218C1.09155 5.25824 1.15783 5.09703 1.22949 4.93878M2.29352 1.15904L2.29352 2.62254C2.29352 2.93814 2.54936 3.19398 2.86496 3.19398L4.32846 3.19398M4 5.5H12M3 7.98383H13M4 10.5H12"
     strokeMiterlimit="10"
     strokeLinecap="round"
     strokeLinejoin="round"
   />
-)
-
-function IconChangelog(props: any) {
-  return <IconBase src={src} {...props} />
-}
-
-export default IconChangelog
+</svg>
diff --git a/packages/icons/src/raw-icons/database-changes.svg b/packages/icons/src/raw-icons/database-changes.svg
new file mode 100644
index 0000000000000..499eeed5e21d5
--- /dev/null
+++ b/packages/icons/src/raw-icons/database-changes.svg
@@ -0,0 +1,34 @@
+<svg 
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"  
+>
+  <path
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="bevel"
+    strokeMiterlimit={10}
+    d="M20.307 12a7.807 7.807 0 0 1-7.807 7.808M4.693 12A7.807 7.807 0 0 1 12.5 4.193"
+    opacity={0.45}
+  />
+  <circle
+    cx={17.512}
+    cy={6.971}
+    r={3.723}
+    stroke="currentColor"
+    strokeLinejoin="bevel"
+    strokeMiterlimit={10}
+  />
+  <path
+    stroke="currentColor"
+    strokeLinejoin="bevel"
+    strokeMiterlimit={10}
+    d="m10.11 13.287 2.137 3.703-2.138 3.703H5.833L3.695 16.99l2.138-3.703h4.276Z"
+  />
+</svg>
diff --git a/packages/ui/src/components/Icon/icons/IconDiscord/IconDiscord.tsx b/packages/icons/src/raw-icons/discord.svg
similarity index 90%
rename from packages/ui/src/components/Icon/icons/IconDiscord/IconDiscord.tsx
rename to packages/icons/src/raw-icons/discord.svg
index ea446c5ee1929..bcdb875f11ff8 100644
--- a/packages/ui/src/components/Icon/icons/IconDiscord/IconDiscord.tsx
+++ b/packages/icons/src/raw-icons/discord.svg
@@ -1,17 +1,18 @@
-// @ts-ignore
-import IconBase from '../../IconBase'
-
-const src = (
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
   <path
     fillRule="evenodd"
     clipRule="evenodd"
     d="M13.5447 3.01094C12.5249 2.54302 11.4313 2.19828 10.2879 2.00083C10.2671 1.99702 10.2463 2.00654 10.2356 2.02559C10.0949 2.27573 9.93921 2.60206 9.83011 2.85856C8.60028 2.67444 7.3768 2.67444 6.17222 2.85856C6.06311 2.59636 5.90166 2.27573 5.76038 2.02559C5.74966 2.00717 5.72887 1.99765 5.70803 2.00083C4.56527 2.19764 3.47171 2.54239 2.45129 3.01094C2.44246 3.01475 2.43488 3.0211 2.42986 3.02935C0.355594 6.12826 -0.212633 9.151 0.06612 12.1362C0.067381 12.1508 0.0755799 12.1648 0.0869319 12.1737C1.45547 13.1787 2.78114 13.7889 4.08219 14.1933C4.10301 14.1996 4.12507 14.192 4.13832 14.1749C4.44608 13.7546 4.72043 13.3114 4.95565 12.8454C4.96953 12.8181 4.95628 12.7857 4.92791 12.7749C4.49275 12.6099 4.0784 12.4086 3.67982 12.18C3.64829 12.1616 3.64577 12.1165 3.67477 12.095C3.75865 12.0321 3.84255 11.9667 3.92264 11.9007C3.93713 11.8886 3.95732 11.8861 3.97435 11.8937C6.59287 13.0892 9.42771 13.0892 12.0153 11.8937C12.0323 11.8854 12.0525 11.888 12.0677 11.9C12.1478 11.9661 12.2316 12.0321 12.3161 12.095C12.3451 12.1165 12.3433 12.1616 12.3117 12.18C11.9131 12.413 11.4988 12.6099 11.063 12.7743C11.0346 12.7851 11.022 12.8181 11.0359 12.8454C11.2762 13.3108 11.5505 13.7539 11.8526 14.1742C11.8652 14.192 11.8879 14.1996 11.9087 14.1933C13.2161 13.7889 14.5417 13.1787 15.9103 12.1737C15.9223 12.1648 15.9298 12.1515 15.9311 12.1369C16.2647 8.6856 15.3723 5.68765 13.5655 3.02998C13.5611 3.0211 13.5535 3.01475 13.5447 3.01094ZM5.34668 10.3185C4.55833 10.3185 3.90876 9.59478 3.90876 8.70593C3.90876 7.81707 4.54574 7.09331 5.34668 7.09331C6.15393 7.09331 6.79722 7.82342 6.7846 8.70593C6.7846 9.59478 6.14762 10.3185 5.34668 10.3185ZM10.6632 10.3185C9.87481 10.3185 9.22527 9.59478 9.22527 8.70593C9.22527 7.81707 9.86221 7.09331 10.6632 7.09331C11.4704 7.09331 12.1137 7.82342 12.1011 8.70593C12.1011 9.59478 11.4704 10.3185 10.6632 10.3185Z"
     fill="currentColor"
   />
-)
-
-function IconDiscord(props: any) {
-  return <IconBase src={src} stroke="none" {...props} />
-}
-
-export default IconDiscord
+</svg>
diff --git a/packages/ui/src/components/Icon/icons/IconDiscussions/IconDiscussions.tsx b/packages/icons/src/raw-icons/discussions.svg
similarity index 86%
rename from packages/ui/src/components/Icon/icons/IconDiscussions/IconDiscussions.tsx
rename to packages/icons/src/raw-icons/discussions.svg
index 754b251e6cae5..6e23934422b8f 100644
--- a/packages/ui/src/components/Icon/icons/IconDiscussions/IconDiscussions.tsx
+++ b/packages/icons/src/raw-icons/discussions.svg
@@ -1,17 +1,18 @@
-// @ts-ignore
-import IconBase from '../../IconBase'
-
-const src = (
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
   <path
     fillRule="evenodd"
     clipRule="evenodd"
     d="M0 3.07692C0 1.37759 1.37759 0 3.07693 0H12.9231C14.6224 0 16 1.37758 16 3.07692V9.69032C16 11.3897 14.6224 12.7672 12.9231 12.7672H7.65829L4.73596 15.8108C4.562 15.992 4.29538 16.0493 4.06236 15.9555C3.82934 15.8617 3.67669 15.6358 3.67669 15.3846V12.7672H3.07693C1.37759 12.7672 0 11.3897 0 9.69032V3.07692ZM3.07693 1.23077C2.05732 1.23077 1.23077 2.05732 1.23077 3.07692V9.69032C1.23077 10.7099 2.05732 11.5365 3.07693 11.5365H4.29207C4.63194 11.5365 4.90745 11.812 4.90745 12.1519V13.8552L6.95214 11.7256C7.06819 11.6048 7.22849 11.5365 7.39604 11.5365H12.9231C13.9427 11.5365 14.7692 10.7099 14.7692 9.69032V3.07692C14.7692 2.05732 13.9427 1.23077 12.9231 1.23077H3.07693ZM5.53846 5.86479C5.87833 5.86479 6.15385 6.14031 6.15385 6.48017C6.15385 6.82004 5.87833 7.09556 5.53846 7.09556C5.1986 7.09556 4.92308 6.82004 4.92308 6.48017C4.92308 6.14031 5.1986 5.86479 5.53846 5.86479ZM8 5.86479C8.33987 5.86479 8.61539 6.14031 8.61539 6.48017C8.61539 6.82004 8.33987 7.09556 8 7.09556C7.66014 7.09556 7.38462 6.82004 7.38462 6.48017C7.38462 6.14031 7.66014 5.86479 8 5.86479ZM10.4615 5.86479C10.8014 5.86479 11.0769 6.14031 11.0769 6.48017C11.0769 6.82004 10.8014 7.09556 10.4615 7.09556C10.1217 7.09556 9.84612 6.82004 9.84612 6.48017C9.84612 6.14031 10.1217 5.86479 10.4615 5.86479Z"
     fill="currentColor"
   />
-)
-
-function IconDiscussions(props: any) {
-  return <IconBase src={src} stroke="none" {...props} />
-}
-
-export default IconDiscussions
+</svg>
diff --git a/packages/ui/src/components/Icon/icons/IconDocumentation/IconDocumentation.tsx b/packages/icons/src/raw-icons/documentation.svg
similarity index 69%
rename from packages/ui/src/components/Icon/icons/IconDocumentation/IconDocumentation.tsx
rename to packages/icons/src/raw-icons/documentation.svg
index 516e08055754a..f4b07dc49f4fa 100644
--- a/packages/ui/src/components/Icon/icons/IconDocumentation/IconDocumentation.tsx
+++ b/packages/icons/src/raw-icons/documentation.svg
@@ -1,17 +1,18 @@
-// @ts-ignore
-import IconBase from '../../IconBase'
-
-const src = (
+<svg 
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
   <path
     d="M4.20351 9.85778H11.7038M4.20351 7.35767H11.7038M4.20351 12.3579H9.20372M14.2498 5.00126V13C14.2498 14.3807 13.1305 15.5001 11.7497 15.5001H4.2499C2.86913 15.5001 1.74979 14.3807 1.74979 13V3.00018C1.74979 1.61941 2.86912 0.500076 4.24989 0.500076H9.72709L14.2498 5.00126ZM14.2058 4.98025L9.72549 0.500076L9.72526 3.73011C9.72522 4.42053 10.2849 4.98025 10.9753 4.98025L14.2058 4.98025Z"
     strokeMiterlimit="10"
     strokeLinecap="round"
     strokeLinejoin="round"
   />
-)
-
-function IconDocumentation(props: any) {
-  return <IconBase src={src} {...props} />
-}
-
-export default IconDocumentation
+</svg>
diff --git a/packages/ui/src/components/Icon/icons/IconGitHubSolid/IconGitHubSolid.tsx b/packages/icons/src/raw-icons/github.svg
similarity index 85%
rename from packages/ui/src/components/Icon/icons/IconGitHubSolid/IconGitHubSolid.tsx
rename to packages/icons/src/raw-icons/github.svg
index ba5d3008e747c..5d95bd30045bd 100644
--- a/packages/ui/src/components/Icon/icons/IconGitHubSolid/IconGitHubSolid.tsx
+++ b/packages/icons/src/raw-icons/github.svg
@@ -1,17 +1,18 @@
-// @ts-ignore
-import IconBase from '../../IconBase'
-
-const src = (
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
   <path
     fillRule="evenodd"
     clipRule="evenodd"
     d="M8 0C3.5816 0 0 3.58719 0 8.01357C0 11.5535 2.292 14.5575 5.4712 15.6167C5.8712 15.6903 6.0168 15.4431 6.0168 15.2303C6.0168 15.0407 6.0104 14.5359 6.0064 13.8679C3.7808 14.3519 3.3112 12.7935 3.3112 12.7935C2.948 11.8671 2.4232 11.6207 2.4232 11.6207C1.6968 11.1247 2.4784 11.1343 2.4784 11.1343C3.2808 11.1903 3.7032 11.9599 3.7032 11.9599C4.4168 13.1839 5.576 12.8303 6.0312 12.6255C6.1048 12.1079 6.3112 11.7551 6.54 11.5551C4.764 11.3527 2.896 10.6647 2.896 7.59438C2.896 6.71998 3.208 6.00398 3.7192 5.44398C3.6368 5.24158 3.3624 4.42639 3.7976 3.32399C3.7976 3.32399 4.4696 3.10799 5.9976 4.14479C6.65022 3.9668 7.32355 3.87614 8 3.87519C8.68 3.87839 9.364 3.96719 10.0032 4.14479C11.5304 3.10799 12.2008 3.32319 12.2008 3.32319C12.6376 4.42639 12.3624 5.24158 12.2808 5.44398C12.7928 6.00398 13.1032 6.71998 13.1032 7.59438C13.1032 10.6727 11.232 11.3503 9.4504 11.5487C9.73762 11.7959 9.99282 12.2847 9.99282 13.0327C9.99282 14.1031 9.98322 14.9679 9.98322 15.2303C9.98322 15.4447 10.1272 15.6943 10.5336 15.6159C12.1266 15.0816 13.5115 14.0602 14.4924 12.696C15.4733 11.3318 16.0007 9.69382 16 8.01357C16 3.58719 12.4176 0 8 0Z"
     fill="currentColor"
   />
-)
-
-function IconGitHubSolid(props: any) {
-  return <IconBase src={src} stroke="none" {...props} />
-}
-
-export default IconGitHubSolid
+</svg>
\ No newline at end of file
diff --git a/packages/ui/src/components/Icon/icons/IconLifeBuoy2/IconLifeBuoy2.tsx b/packages/icons/src/raw-icons/life-buoy.svg
similarity index 66%
rename from packages/ui/src/components/Icon/icons/IconLifeBuoy2/IconLifeBuoy2.tsx
rename to packages/icons/src/raw-icons/life-buoy.svg
index b6d6f98fda27a..88b9e184ed220 100644
--- a/packages/ui/src/components/Icon/icons/IconLifeBuoy2/IconLifeBuoy2.tsx
+++ b/packages/icons/src/raw-icons/life-buoy.svg
@@ -1,12 +1,13 @@
-// @ts-ignore
-import IconBase from '../../IconBase'
-
-const src = (
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
   <path d="M2.69727 2.69852L5.87727 5.87852M10.1225 10.1228L13.3025 13.3028M13.3025 2.69852L10.1225 5.87852L12.77 3.23088M2.69727 13.3028L5.87727 10.1228M15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.499992 8 0.499992C12.1421 0.499992 15.5 3.85786 15.5 8ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34314 6.34315 5 8 5C9.65685 5 11 6.34314 11 8Z" />
-)
-
-function IconLifeBuoy2(props: any) {
-  return <IconBase src={src} {...props} />
-}
-
-export default IconLifeBuoy2
+</svg>
diff --git a/packages/ui/src/components/Icon/icons/IconLinkedinSolid/IconLinkedinSolid.tsx b/packages/icons/src/raw-icons/linkedin.svg
similarity index 82%
rename from packages/ui/src/components/Icon/icons/IconLinkedinSolid/IconLinkedinSolid.tsx
rename to packages/icons/src/raw-icons/linkedin.svg
index 7574a9c49abc6..a4675d7779936 100644
--- a/packages/ui/src/components/Icon/icons/IconLinkedinSolid/IconLinkedinSolid.tsx
+++ b/packages/icons/src/raw-icons/linkedin.svg
@@ -1,15 +1,16 @@
-// @ts-ignore
-import IconBase from '../../IconBase'
-
-const src = (
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
   <path
     fill="currentColor"
     d="M0 1.85859C0 1.31985 0.180185 0.87541 0.540541 0.525253C0.900896 0.175079 1.36937 0 1.94595 0C2.51223 0 2.97039 0.17238 3.32046 0.517172C3.68082 0.872727 3.861 1.33602 3.861 1.90707C3.861 2.42424 3.68598 2.85521 3.33591 3.2C2.97555 3.55556 2.50193 3.73333 1.91506 3.73333H1.89961C1.33333 3.73333 0.875166 3.55556 0.525097 3.2C0.175027 2.84444 0 2.3973 0 1.85859ZM0.200772 16V5.20404H3.62934V16H0.200772ZM5.52896 16H8.95753V9.97172C8.95753 9.5946 8.99872 9.30369 9.08108 9.09899C9.22522 8.73265 9.44402 8.42289 9.73745 8.1697C10.0309 7.91649 10.399 7.7899 10.8417 7.7899C11.9949 7.7899 12.5714 8.60336 12.5714 10.2303V16H16V9.8101C16 8.21548 15.6396 7.00606 14.9189 6.18182C14.1982 5.35758 13.2458 4.94545 12.0618 4.94545C10.7336 4.94545 9.69884 5.54343 8.95753 6.73939V6.77172H8.94208L8.95753 6.73939V5.20404H5.52896C5.54954 5.54882 5.55985 6.62086 5.55985 8.4202C5.55985 10.2195 5.54954 12.7461 5.52896 16Z"
   />
-)
-
-function IconLinkedinSolid(props: any) {
-  return <IconBase src={src} stroke="none" {...props} />
-}
-
-export default IconLinkedinSolid
+</svg>
diff --git a/packages/ui/src/components/Icon/icons/IconMicSolid/IconMicSolid.tsx b/packages/icons/src/raw-icons/mic.svg
similarity index 84%
rename from packages/ui/src/components/Icon/icons/IconMicSolid/IconMicSolid.tsx
rename to packages/icons/src/raw-icons/mic.svg
index 2463beded4aca..55c1492fbaec8 100644
--- a/packages/ui/src/components/Icon/icons/IconMicSolid/IconMicSolid.tsx
+++ b/packages/icons/src/raw-icons/mic.svg
@@ -1,18 +1,18 @@
-// @ts-ignore
-import IconBase from '../../IconBase'
-
-// Import icon path from svg with viewbox of 16x16px
-const src = (
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
   <path
     fill="currentColor"
     fillRule="evenodd"
     clipRule="evenodd"
     d="M3.34939 5.70062C3.34939 2.85671 5.65466 0.55127 8.49837 0.55127C11.3421 0.55127 13.6473 2.85671 13.6473 5.70062V8.64311C13.6473 11.487 11.3421 13.7925 8.49837 13.7925C5.65466 13.7925 3.34939 11.487 3.34939 8.64311V5.70062ZM6.29166 8.64311C6.59619 8.64311 6.84334 8.39594 6.84334 8.09139V6.25234C6.84334 5.94779 6.59619 5.70062 6.29166 5.70062C5.98714 5.70062 5.73999 5.94779 5.73999 6.25234V8.09139C5.73999 8.39594 5.98714 8.64311 6.29166 8.64311ZM8.49837 9.37873C8.80289 9.37873 9.05004 9.13156 9.05004 8.82702V5.51672C9.05004 5.21217 8.80289 4.965 8.49837 4.965C8.19384 4.965 7.94669 5.21217 7.94669 5.51672V8.82702C7.94669 9.13156 8.19384 9.37873 8.49837 9.37873ZM10.7051 8.64311C11.0096 8.64311 11.2567 8.39594 11.2567 8.09139V6.25234C11.2567 5.94779 11.0096 5.70062 10.7051 5.70062C10.4005 5.70062 10.1534 5.94779 10.1534 6.25234V8.09139C10.1534 8.39594 10.4005 8.64311 10.7051 8.64311Z M1.3741 9.9623C1.76321 9.84461 2.17219 10.0653 2.28988 10.4552C3.08356 13.1012 5.52932 15.08 8.49954 15.08C11.4698 15.08 13.9155 13.1012 14.7099 10.4544C14.8269 10.0646 15.2373 9.84534 15.6257 9.96157C16.0141 10.0778 16.2362 10.4875 16.1186 10.8774C15.1469 14.1164 12.1494 16.5513 8.49954 16.5513C4.84965 16.5513 1.85221 14.1164 0.881265 10.8782C0.763574 10.489 0.984244 10.08 1.3741 9.9623Z"
   />
-)
-
-function IconMicSolid(props: any) {
-  return <IconBase src={src} stroke="none" {...props} />
-}
-
-export default IconMicSolid
+</svg>
diff --git a/packages/ui/src/components/Icon/icons/IconPartners/IconPartners.tsx b/packages/icons/src/raw-icons/partners.svg
similarity index 91%
rename from packages/ui/src/components/Icon/icons/IconPartners/IconPartners.tsx
rename to packages/icons/src/raw-icons/partners.svg
index 5e459d72ae17b..1f4aae3e4021d 100644
--- a/packages/ui/src/components/Icon/icons/IconPartners/IconPartners.tsx
+++ b/packages/icons/src/raw-icons/partners.svg
@@ -1,17 +1,18 @@
-// @ts-ignore
-import IconBase from '../../IconBase'
-
-const src = (
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
   <path
     fillRule="evenodd"
     clipRule="evenodd"
     d="M6.74428 3.14663C5.46222 1.86458 3.3836 1.86458 2.10154 3.14663C0.819584 4.42859 0.819484 6.50699 2.10124 7.78907L2.27149 7.95907L7.14537 12.8713L7.14694 12.8729L7.87634 13.6023C8.15986 13.8858 8.61955 13.8858 8.90307 13.6023C9.15745 13.3479 9.16915 12.8682 8.88697 12.5604L8.03584 11.7092C7.81328 11.4866 7.81331 11.1257 8.0359 10.9032C8.25849 10.6806 8.61936 10.6806 8.84191 10.9032L9.22841 11.2898C9.23606 11.2967 9.24357 11.3038 9.25093 11.3111L9.70923 11.7697L9.71224 11.7727L9.7147 11.7752L9.71692 11.7774L9.72114 11.7818L9.72525 11.7862L9.73059 11.792L9.96864 12.0301C10.2521 12.3137 10.7118 12.3137 10.9953 12.0302C11.2788 11.7467 11.2788 11.2871 10.9954 11.0036L9.82969 9.83772C9.60713 9.61513 9.60716 9.25426 9.82975 9.03171C9.95005 8.91142 10.1107 8.85615 10.2682 8.8659C10.4081 8.87019 10.5468 8.92575 10.6536 9.03256L11.8391 10.2181C12.1226 10.5016 12.5823 10.5016 12.8658 10.2181C13.1493 9.93462 13.1493 9.47498 12.8658 9.19148L11.6615 7.98724C11.439 7.76466 11.439 7.4038 11.6615 7.18122C11.8841 6.95865 12.245 6.95865 12.4676 7.18122L13.4872 8.2009L13.8987 7.78942C15.1808 6.50737 15.1808 4.42874 13.8987 3.14668C12.6166 1.86463 10.538 1.86463 9.25596 3.14668L7.88518 4.51747L7.25122 5.15138C7.25122 5.15138 7.25123 5.15137 7.25122 5.15138C6.77862 5.624 6.77861 6.39027 7.25122 6.86288C7.72384 7.3355 8.4901 7.3355 8.96272 6.86288L11.0491 4.77648C11.2717 4.5539 11.6326 4.5539 11.8551 4.77648C12.0777 4.99905 12.0777 5.35992 11.8551 5.58249L9.76874 7.6689C8.85097 8.58666 7.36298 8.58666 6.44521 7.6689C5.52744 6.75113 5.52744 5.26313 6.44521 4.34536L7.07916 3.71146L7.19413 3.59648L6.74428 3.14663ZM8.00014 2.79047L7.55029 2.34062C5.82309 0.613413 3.02273 0.613415 1.29553 2.34062C-0.431679 4.06783 -0.431679 6.86818 1.29553 8.59539L1.46232 8.76193L1.4642 8.76381L6.33777 13.6757L6.33934 13.6773L7.07032 14.4083C7.799 15.137 8.98041 15.137 9.70909 14.4083C10.0042 14.1131 10.1701 13.745 10.22 13.3643C10.7806 13.4433 11.3702 13.2673 11.8013 12.8362C12.152 12.4855 12.3339 12.03 12.3471 11.5706C12.8264 11.572 13.3061 11.3898 13.6718 11.0241C14.1758 10.5202 14.3312 9.79966 14.138 9.16214L14.7047 8.59544C16.4319 6.86823 16.4319 4.06788 14.7047 2.34067C12.9775 0.613465 10.1772 0.613464 8.44994 2.34067L8.00014 2.79047Z"
     fill="currentColor"
   />
-)
-
-function IconPartners(props: any) {
-  return <IconBase src={src} stroke="none" {...props} />
-}
-
-export default IconPartners
+</svg>
diff --git a/packages/icons/src/raw-icons/presence.svg b/packages/icons/src/raw-icons/presence.svg
new file mode 100644
index 0000000000000..ea320ce5cafcc
--- /dev/null
+++ b/packages/icons/src/raw-icons/presence.svg
@@ -0,0 +1,25 @@
+<svg 
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path
+    stroke="currentColor"
+    strokeLinejoin="round"
+    strokeMiterlimit={10}
+    d="m23.149 23.499 3.424 7.83a.5.5 0 0 0 .942-.074l.74-2.868a.5.5 0 0 1 .364-.36l3.039-.756a.5.5 0 0 0 .08-.943l-7.93-3.487a.5.5 0 0 0-.66.658Z"
+  />
+  <path
+    stroke="currentColor"
+    strokeLinejoin="round"
+    strokeMiterlimit={10}
+    d="M24.544 32.746h-5.623a3 3 0 0 1-3-3V18.5a3 3 0 0 1 3-3h11.247a3 3 0 0 1 3 3v5.623"
+    opacity={0.45}
+  />
+</svg>
diff --git a/packages/ui/src/components/Icon/icons/IconProductHunt/IconProductHunt.tsx b/packages/icons/src/raw-icons/product-hunt.svg
similarity index 73%
rename from packages/ui/src/components/Icon/icons/IconProductHunt/IconProductHunt.tsx
rename to packages/icons/src/raw-icons/product-hunt.svg
index 01b21d58feb4a..3e4d4c2e9bc52 100644
--- a/packages/ui/src/components/Icon/icons/IconProductHunt/IconProductHunt.tsx
+++ b/packages/icons/src/raw-icons/product-hunt.svg
@@ -1,16 +1,16 @@
-// @ts-ignore
-import IconBase from '../../IconBase'
-
-// Import icon path from svg with viewbox of 16x16px
-const src = (
+<svg 
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
   <path
     fill="currentColor"
     d="M7.29978 8.55127H9.56658C9.88484 8.55127 10.1901 8.42484 10.4151 8.1998C10.6401 7.97475 10.7666 7.66953 10.7666 7.35127C10.7666 7.03301 10.6401 6.72779 10.4151 6.50274C10.1901 6.2777 9.88484 6.15127 9.56658 6.15127H7.29978V8.55127Z M8.5 16.5513C12.9184 16.5513 16.5 12.9697 16.5 8.55127C16.5 4.13287 12.9184 0.55127 8.5 0.55127C4.0816 0.55127 0.5 4.13287 0.5 8.55127C0.5 12.9697 4.0816 16.5513 8.5 16.5513ZM5.69978 4.55127H9.56658C10.3092 4.55127 11.0214 4.84627 11.5465 5.37137C12.0716 5.89647 12.3666 6.60866 12.3666 7.35127C12.3666 8.09388 12.0716 8.80607 11.5465 9.33117C11.0214 9.85627 10.3092 10.1513 9.56658 10.1513H7.29978V12.5513H5.69978V4.55127Z"
   />
-)
-
-function IconProductHunt(props: any) {
-  return <IconBase src={src} stroke="none" {...props} />
-}
-
-export default IconProductHunt
+</svg>
diff --git a/packages/icons/src/raw-icons/replace-code.svg b/packages/icons/src/raw-icons/replace-code.svg
index 9d7c6242357a1..72b027d9b9956 100644
--- a/packages/icons/src/raw-icons/replace-code.svg
+++ b/packages/icons/src/raw-icons/replace-code.svg
@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" fill="none"
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
     stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
     <path
         d="M-20403 -11142H12165V-11144H-20403V-11142ZM12166 -11141V7113H12168V-11141H12166ZM12165 7114H-20403V7116H12165V7114ZM-20404 7113V-11141H-20406V7113H-20404ZM-20403 7114C-20403.6 7114 -20404 7113.55 -20404 7113H-20406C-20406 7114.66 -20404.7 7116 -20403 7116V7114ZM12166 7113C12166 7113.55 12165.6 7114 12165 7114V7116C12166.7 7116 12168 7114.66 12168 7113H12166ZM12165 -11142C12165.6 -11142 12166 -11141.6 12166 -11141H12168C12168 -11142.7 12166.7 -11144 12165 -11144V-11142ZM-20403 -11144C-20404.7 -11144 -20406 -11142.7 -20406 -11141H-20404C-20404 -11141.6 -20403.6 -11142 -20403 -11142V-11144Z"
diff --git a/packages/ui/src/components/Icon/icons/IconTwitterX/IconTwitterX.tsx b/packages/icons/src/raw-icons/twitter.svg
similarity index 53%
rename from packages/ui/src/components/Icon/icons/IconTwitterX/IconTwitterX.tsx
rename to packages/icons/src/raw-icons/twitter.svg
index bf7afecb57fbf..b2649c8479f1f 100644
--- a/packages/ui/src/components/Icon/icons/IconTwitterX/IconTwitterX.tsx
+++ b/packages/icons/src/raw-icons/twitter.svg
@@ -1,16 +1,16 @@
-// @ts-ignore
-import IconBase from '../../IconBase'
-
-// Import icon path from svg with size of 18x18px
-const src = (
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
   <path
     fill="currentColor"
     d="M12.6009 0.903908H15.0544L9.69434 7.03008L16 15.3664H11.0627L7.19566 10.3105L2.77087 15.3664H0.31595L6.04904 8.81379L0 0.903908H5.06262L8.55811 5.52524L12.6009 0.903908ZM11.7399 13.8979H13.0993L4.32392 2.29528H2.86506L11.7399 13.8979Z"
   />
-)
-
-function IconTwitterX(props: any) {
-  return <IconBase src={src} stroke="none" {...props} />
-}
-
-export default IconTwitterX
+</svg>
diff --git a/packages/ui/src/components/Icon/icons/IconYCombinator/IconYCombinator.tsx b/packages/icons/src/raw-icons/y-combinator.svg
similarity index 74%
rename from packages/ui/src/components/Icon/icons/IconYCombinator/IconYCombinator.tsx
rename to packages/icons/src/raw-icons/y-combinator.svg
index 0a310922c5913..e181200619da0 100644
--- a/packages/ui/src/components/Icon/icons/IconYCombinator/IconYCombinator.tsx
+++ b/packages/icons/src/raw-icons/y-combinator.svg
@@ -1,18 +1,18 @@
-// @ts-ignore
-import IconBase from '../../IconBase'
-
-// Import icon path from svg with size of 18x18px
-const src = (
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
   <path
     fill="currentColor"
     fillRule="evenodd"
     clipRule="evenodd"
     d="M0 0H16V16H0V0ZM4.69024 3.8925L7.46363 9.0659V12.4258H8.53025V9.11913L11.3036 3.8925H10.1302L8.53025 7.14582C8.42355 7.30582 8.31694 7.46582 8.26363 7.62582C8.23286 7.74859 8.1845 7.83601 8.13883 7.91862C8.10515 7.97957 8.07286 8.0379 8.05024 8.10582C8.02355 8.07913 8.01017 8.03913 7.99686 7.99906C7.98355 7.95913 7.97024 7.91913 7.94355 7.89244C7.91686 7.83913 7.90348 7.79906 7.89017 7.75899C7.87686 7.71906 7.86355 7.67906 7.83694 7.62582V7.57251L7.78355 7.51913C7.76319 7.47841 7.75061 7.44546 7.73984 7.41731C7.72246 7.37171 7.70988 7.33877 7.67694 7.30582C7.62355 7.25251 7.57024 7.19913 7.57024 7.14582L5.97024 3.8925H4.69024Z"
   />
-)
-
-function IconYCombinator(props: any) {
-  return <IconBase src={src} stroke="none" {...props} />
-}
-
-export default IconYCombinator
+</svg>
diff --git a/packages/ui/src/components/Icon/icons/IconYoutubeSolid/IconYoutubeSolid.tsx b/packages/icons/src/raw-icons/youtube.svg
similarity index 77%
rename from packages/ui/src/components/Icon/icons/IconYoutubeSolid/IconYoutubeSolid.tsx
rename to packages/icons/src/raw-icons/youtube.svg
index b1bc5682f6e0f..bb6781fc8fdec 100644
--- a/packages/ui/src/components/Icon/icons/IconYoutubeSolid/IconYoutubeSolid.tsx
+++ b/packages/icons/src/raw-icons/youtube.svg
@@ -1,17 +1,18 @@
-// @ts-ignore
-import IconBase from '../../IconBase'
-
-const src = (
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
   <path
     fillRule="evenodd"
     clipRule="evenodd"
     d="M15.6657 4.13526C15.4817 3.44239 14.9395 2.8967 14.2511 2.71152C13.0033 2.37502 8 2.37502 8 2.37502C8 2.37502 2.99669 2.37502 1.74891 2.71152C1.06052 2.89673 0.518351 3.44239 0.334337 4.13526C1.90735e-06 5.39112 1.90735e-06 8.01137 1.90735e-06 8.01137C1.90735e-06 8.01137 1.90735e-06 10.6316 0.334337 11.8875C0.518351 12.5804 1.06052 13.1033 1.74891 13.2885C2.99669 13.625 8 13.625 8 13.625C8 13.625 13.0033 13.625 14.2511 13.2885C14.9395 13.1033 15.4817 12.5804 15.6657 11.8875C16 10.6316 16 8.01137 16 8.01137C16 8.01137 16 5.39112 15.6657 4.13526ZM6.36363 10.3904V5.63238L10.5454 8.01143L6.36363 10.3904Z"
     fill="currentColor"
   />
-)
-
-function IconYoutubeSolid(props: any) {
-  return <IconBase src={src} stroke="none" {...props} />
-}
-
-export default IconYoutubeSolid
+</svg>
diff --git a/packages/ui/index.tsx b/packages/ui/index.tsx
index 2e93ef25595e9..1b67cacc4ee46 100644
--- a/packages/ui/index.tsx
+++ b/packages/ui/index.tsx
@@ -6,9 +6,7 @@ export * from './src/lib/Markdown'
 
 export * from 'ui-patterns/admonition'
 export * from './src/components/Button'
-export * from './src/components/Icon'
-export * from './src/components/Icon/IconContext'
-export * from './src/components/Icon/IconBackground'
+export * from './src/components/IconBackground'
 export * from './src/components/Image'
 
 // DISPLAYS
@@ -268,27 +266,6 @@ export * from './src/components/StatusIcon'
 
 // export * from './src/components/Auth'
 
-// ICONS
-// export icons
-export * from './src/components/Icon/icons/IconBriefcase2'
-export * from './src/components/Icon/icons/IconBroadcast'
-export * from './src/components/Icon/icons/IconChangelog'
-export * from './src/components/Icon/icons/IconDatabaseChanges'
-export * from './src/components/Icon/icons/IconDiscord'
-export * from './src/components/Icon/icons/IconDiscussions'
-export * from './src/components/Icon/icons/IconDocumentation'
-export * from './src/components/Icon/icons/IconGitHubSolid'
-export * from './src/components/Icon/icons/IconIntegrations'
-export * from './src/components/Icon/icons/IconLifeBuoy2'
-export * from './src/components/Icon/icons/IconLinkedinSolid'
-export * from './src/components/Icon/icons/IconMicSolid'
-export * from './src/components/Icon/icons/IconPartners'
-export * from './src/components/Icon/icons/IconPresence'
-export * from './src/components/Icon/icons/IconProductHunt'
-export * from './src/components/Icon/icons/IconTwitterX'
-export * from './src/components/Icon/icons/IconYCombinator'
-export * from './src/components/Icon/icons/IconYoutubeSolid'
-
 // Export hooks
 export * from './src/lib/Hooks'
 
diff --git a/packages/ui/src/components/Button/Button.tsx b/packages/ui/src/components/Button/Button.tsx
index 4e0bd5ff69a00..d8f212f455e30 100644
--- a/packages/ui/src/components/Button/Button.tsx
+++ b/packages/ui/src/components/Button/Button.tsx
@@ -6,7 +6,6 @@ import { Loader2 } from 'lucide-react'
 import { cloneElement, forwardRef, isValidElement } from 'react'
 import { SIZE_VARIANTS, SIZE_VARIANTS_DEFAULT } from '../../lib/constants'
 import { cn } from '../../lib/utils/cn'
-import { IconContext } from '../Icon/IconContext'
 
 export type ButtonVariantProps = VariantProps<typeof buttonVariants>
 const buttonVariants = cva(
diff --git a/packages/ui/src/components/Icon/Icon.module.css b/packages/ui/src/components/Icon/Icon.module.css
deleted file mode 100644
index 14798373b2d67..0000000000000
--- a/packages/ui/src/components/Icon/Icon.module.css
+++ /dev/null
@@ -1,39 +0,0 @@
-/* .sbui-icon-container {
-  @apply flex-shrink-0 flex items-center justify-center rounded-full p-3;
-}
-
-.sbui-icon-container--brand {
-  @apply bg-brand-300 bg-opacity-10 text-brand-300;
-}
-
-.sbui-icon-container--gray {
-  @apply bg-gray-600 bg-opacity-10 text-gray-500;
-}
-
-.sbui-icon-container--red {
-  @apply bg-red-600 bg-opacity-10 text-red-500;
-}
-
-.sbui-icon-container--yellow {
-  @apply bg-yellow-600 bg-opacity-10 text-yellow-500;
-}
-
-.sbui-icon-container--green {
-  @apply bg-green-600 bg-opacity-10 text-green-500;
-}
-
-.sbui-icon-container--blue {
-  @apply bg-blue-600 bg-opacity-10 text-blue-500;
-}
-
-.sbui-icon-container--indigo {
-  @apply bg-indigo-600 bg-opacity-10 text-indigo-500;
-}
-
-.sbui-icon-container--purple {
-  @apply bg-purple-600 bg-opacity-10 text-purple-500;
-}
-
-.sbui-icon-container--pink {
-  @apply bg-pink-600 bg-opacity-10 text-pink-500;
-} */
diff --git a/packages/ui/src/components/Icon/Icon.stories.tsx b/packages/ui/src/components/Icon/Icon.stories.tsx
deleted file mode 100644
index 8fcc2f8b60703..0000000000000
--- a/packages/ui/src/components/Icon/Icon.stories.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import React from 'react'
-
-import { IconMail, Typography } from './../../index'
-
-export default {
-  title: 'General/Icon',
-  component: IconMail,
-}
-
-export const Default = (args: any) => (
-  <div className="block font-sans">
-    <div>
-      <Typography.Text>
-        <IconMail {...args} />
-      </Typography.Text>
-    </div>
-  </div>
-)
-
-Default.args = {
-  size: 16,
-  strokeWidth: 2,
-}
-
-// export const IconList = (args: any) => (
-//   <>
-//     <div className="font-sans text-xl bg-blue-100 p-5 mb-3 rounded-md">
-//       This icons uses react-feather from Feather Icons. For detail you can check
-//       it <a href="https://github.com/feathericons/react-feather">here</a> and{' '}
-//       <a href="https://feathericons.com/">here</a>
-//     </div>
-//     <div className="flex flex-wrap font-sans">
-//       {LIST_ICONS.map((icon) => (
-//         <div className="m-2 shadow-lg rounded-lg w-36 h-36 flex flex-col justify-center items-center dark:text-white">
-//           <Icon type={icon} key={icon} {...args} />
-//           <span className="mt-2">{icon}</span>
-//         </div>
-//       ))}
-//     </div>
-//   </>
-// )
-
-// IconList.args = {
-//   size: 16,
-//   strokeWidth: 2,
-// }
-
-// // const SvgMessagesIcon = () => (
-// //   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-// //     <path
-// //       stroke-linecap="round"
-// //       stroke-linejoin="round"
-// //       stroke-width="2"
-// //       d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"
-// //     />
-// //   </svg>
-// // )
-
-// // export const IconWithSVG = (args: any) => (
-// //   <Icon {...args} src={<SvgMessagesIcon />} />
-// // )
-
-// // IconWithSVG.args = {
-// //   size: 'xxxlarge',
-// //   strokeWidth: 4,
-// // }
diff --git a/packages/ui/src/components/Icon/Icon.test.js b/packages/ui/src/components/Icon/Icon.test.js
deleted file mode 100644
index 865c70baa4ba9..0000000000000
--- a/packages/ui/src/components/Icon/Icon.test.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react'
-import { render, screen } from '@testing-library/react'
-import Icon from './Icon'
-
-describe('#Icon', () => {
-  it('should render Icon correctly', () => {
-    render(<Icon data-testid="icon" />)
-    const $elIcon = screen.queryByTestId('icon')
-    expect($elIcon).toBeInTheDocument()
-  })
-
-  it('should change svg size', () => {
-    render(<Icon data-testid="icon" size={40} />)
-
-    const $elIcon = screen.queryByTestId('icon')
-    expect($elIcon.getAttribute('width')).toEqual('40')
-    expect($elIcon.getAttribute('height')).toEqual('40')
-  })
-
-  it('should change strokeWidth value', () => {
-    render(<Icon data-testid="icon" strokeWidth={1} />)
-
-    const $elIcon = screen.queryByTestId('icon')
-    expect($elIcon.getAttribute('stroke-width')).toEqual('1')
-  })
-})
diff --git a/packages/ui/src/components/Icon/Icon.tsx b/packages/ui/src/components/Icon/Icon.tsx
deleted file mode 100644
index f9717d9882a43..0000000000000
--- a/packages/ui/src/components/Icon/Icon.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-'use client'
-
-import React from 'react'
-import { IconContext } from './IconContext'
-
-import styleHandler from '../../lib/theme/styleHandler'
-// @ts-ignore
-// import IconStyles from './Icon.module.css'
-
-const IconStyles = {}
-
-interface Props {
-  className?: string
-  size?: 'tiny' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge' | number
-  type?: string
-  color?: string
-  strokeWidth?: number
-  fill?: string
-  stroke?: string
-  background?: 'brand' | 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink'
-  src: React.ReactNode
-}
-
-interface StringMap {
-  [key: string]: number
-}
-
-function Icon({
-  className,
-  size,
-  type,
-  color,
-  strokeWidth,
-  fill = undefined,
-  stroke = undefined,
-  background,
-  src,
-  ...props
-}: Props) {
-  const __styles = styleHandler('icon')
-
-  return (
-    <IconContext.Consumer>
-      {({ contextSize, className: contextClassName }) => {
-        const defaultSizes: StringMap = {
-          tiny: 14,
-          small: 18,
-          medium: 20,
-          large: 20,
-          xlarge: 24,
-          xxlarge: 30,
-          xxxlarge: 42,
-        }
-
-        const defaultSize = defaultSizes['large']
-
-        // const iconSize = typeof size === 'string' ? defaultSizes[contextSize] : 21
-        let iconSize: any = 21
-
-        // use contextSize of parent (via context hook) if one exists
-        if (contextSize) {
-          iconSize = contextSize
-            ? typeof contextSize === 'string'
-              ? defaultSizes[contextSize]
-              : contextSize
-            : defaultSize
-        }
-
-        // use size prop of this component if one exists
-        if (size) {
-          iconSize = size ? (typeof size === 'string' ? defaultSizes[size] : size) : defaultSize
-        }
-
-        // confitional used for Icons with no color settings
-        // default these icons to use 'currentColor' ie, the text color
-        const noColor = !color && !fill && !stroke
-
-        let classes = ['sbui-icon', className]
-        if (contextClassName) {
-          classes.push(contextClassName)
-        }
-
-        const Icon = (
-          // custom SVG file
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            color={!noColor ? color : 'currentColor'}
-            fill={!noColor ? (fill ? fill : 'none') : 'none'}
-            stroke={!noColor ? stroke : 'currentColor'}
-            strokeWidth={strokeWidth}
-            className={classes.join(' ')}
-            width={iconSize}
-            height={iconSize}
-            {...props}
-          >
-            {src}
-          </svg>
-        )
-
-        return background ? (
-          <div
-            // circle coloured background
-            className={__styles.container}
-          >
-            {Icon}
-          </div>
-        ) : (
-          Icon
-        )
-      }}
-    </IconContext.Consumer>
-  )
-}
-
-export default Icon
diff --git a/packages/ui/src/components/Icon/IconBase.tsx b/packages/ui/src/components/Icon/IconBase.tsx
deleted file mode 100644
index e4d7ee9a8bd2e..0000000000000
--- a/packages/ui/src/components/Icon/IconBase.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-'use client'
-
-import React from 'react'
-
-import styleHandler from '../../lib/theme/styleHandler'
-import { cn } from '../../lib/utils/cn'
-import { IconContext } from './IconContext'
-// @ts-ignore
-// import IconStyles from './Icon.module.css'
-
-interface Props {
-  className?: string
-  size?: 'tiny' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge' | number
-  type?: string
-  color?: string
-  strokeWidth?: number
-  fill?: string
-  stroke?: string
-  background?: 'brand' | 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink'
-  src?: React.ReactNode
-  icon?: any
-  viewBox?: string
-}
-
-interface StringMap {
-  [key: string]: number
-}
-
-function IconBase({
-  className,
-  size,
-  type = 'Mail',
-  color,
-  strokeWidth,
-  fill = undefined,
-  stroke = undefined,
-  background,
-  src,
-  icon,
-  ...props
-}: Props) {
-  const __styles = styleHandler('icon')
-
-  return (
-    <IconContext.Consumer>
-      {({ contextSize, className: contextClassName }) => {
-        const defaultSizes: StringMap = {
-          tiny: 14,
-          small: 18,
-          medium: 20,
-          large: 20,
-          xlarge: 24,
-          xxlarge: 30,
-          xxxlarge: 42,
-        }
-
-        const defaultSize = defaultSizes['large']
-        // @ts-ignore
-
-        const FeatherIcon = icon
-
-        // const iconSize = typeof size === 'string' ? defaultSizes[contextSize] : 21
-        let iconSize: any = 21
-
-        // use contextSize of parent (via context hook) if one exists
-        if (contextSize) {
-          iconSize = contextSize
-            ? typeof contextSize === 'string'
-              ? defaultSizes[contextSize]
-              : contextSize
-            : defaultSize
-        }
-
-        // use size prop of this component if one exists
-        if (size) {
-          iconSize = size ? (typeof size === 'string' ? defaultSizes[size] : size) : defaultSize
-        }
-
-        // confitional used for Icons with no color settings
-        // default these icons to use 'currentColor' ie, the text color
-        const noColor = !color && !fill && !stroke
-
-        let classes = ['sbui-icon', className]
-        if (contextClassName) {
-          classes.push(contextClassName)
-        }
-
-        const IconComponent = () => (
-          <FeatherIcon
-            color={!noColor ? color : 'currentColor'}
-            stroke={!noColor ? stroke : 'currentColor'}
-            className={cn(classes)}
-            strokeWidth={strokeWidth}
-            size={iconSize}
-            fill={!noColor ? (fill ? fill : 'none') : 'none'}
-            {...props}
-          />
-        )
-
-        const Icon = src ? (
-          // custom SVG file
-          <div className="relative" style={{ width: iconSize + 'px', height: iconSize + 'px' }}>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 16 16"
-              color={!noColor ? color : 'currentColor'}
-              fill={!noColor ? (fill ? fill : 'none') : 'none'}
-              stroke={!noColor ? stroke : 'currentColor'}
-              className={cn(classes)}
-              width="100%"
-              height="100%"
-              strokeWidth={strokeWidth ?? undefined}
-              {...props}
-            >
-              {/* Import custom icon path from svg with 16x16px viewport */}
-              {src}
-            </svg>
-          </div>
-        ) : (
-          // feather icon
-          IconComponent()
-        )
-
-        return background ? <div className={__styles.container}>{Icon}</div> : Icon
-      }}
-    </IconContext.Consumer>
-  )
-}
-
-export default IconBase
diff --git a/packages/ui/src/components/Icon/IconContext.tsx b/packages/ui/src/components/Icon/IconContext.tsx
deleted file mode 100644
index d6ee7b048d8f9..0000000000000
--- a/packages/ui/src/components/Icon/IconContext.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-'use client'
-
-import { createContext } from 'react'
-
-import { SizeVariantProps } from '../../lib/commonCva'
-
-type ContextValue = { contextSize?: SizeVariantProps; className?: string }
-
-// Make sure the shape of the default value passed to
-// createContext matches the shape that the consumers expect!
-export const IconContext = createContext<ContextValue>({
-  contextSize: 'small',
-  className: '',
-})
diff --git a/packages/ui/src/components/Icon/icons/IconBriefcase2/index.tsx b/packages/ui/src/components/Icon/icons/IconBriefcase2/index.tsx
deleted file mode 100644
index 489218191430d..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconBriefcase2/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconBriefcase2 } from './IconBriefcase2'
diff --git a/packages/ui/src/components/Icon/icons/IconBroadcast/IconBroadcast.tsx b/packages/ui/src/components/Icon/icons/IconBroadcast/IconBroadcast.tsx
deleted file mode 100644
index 9c017ea5797e6..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconBroadcast/IconBroadcast.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import IconBase from './../../IconBase'
-
-const SvgComponent = () => (
-  <>
-    <path
-      id="Ellipse 146"
-      d="M17.3154 6.70312C18.6968 8.06227 19.5532 9.95249 19.5532 12.0426C19.5532 14.1326 18.6968 16.0229 17.3154 17.382M6.79102 6.70312C5.40966 8.06227 4.55322 9.95249 4.55322 12.0426C4.55322 14.1326 5.40966 16.0229 6.79102 17.382"
-      stroke="currentColor"
-      strokeMiterlimit="10"
-      strokeLinejoin="bevel"
-      opacity={0.45}
-    />
-    <ellipse
-      id="Ellipse 144"
-      cx="12.0532"
-      cy="12.0428"
-      rx="3.00928"
-      ry="3.00666"
-      stroke="currentColor"
-      strokeMiterlimit="10"
-      strokeLinejoin="bevel"
-    />
-    <path
-      id="Vector 96"
-      d="M12.0747 15.0488L12.0747 23.9996"
-      stroke="currentColor"
-      strokeMiterlimit="10"
-      strokeLinejoin="bevel"
-    />
-  </>
-)
-
-function IconBroadcast(props: any) {
-  return <IconBase src={<SvgComponent />} viewBox="0 0 24 24" {...props} />
-}
-
-export default IconBroadcast
diff --git a/packages/ui/src/components/Icon/icons/IconBroadcast/index.tsx b/packages/ui/src/components/Icon/icons/IconBroadcast/index.tsx
deleted file mode 100644
index c7e9cba42e59c..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconBroadcast/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconBroadcast } from './IconBroadcast'
diff --git a/packages/ui/src/components/Icon/icons/IconChangelog/index.tsx b/packages/ui/src/components/Icon/icons/IconChangelog/index.tsx
deleted file mode 100644
index a48a404f1b0ae..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconChangelog/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconChangelog } from './IconChangelog'
diff --git a/packages/ui/src/components/Icon/icons/IconDatabaseChanges/IconDatabaseChanges.tsx b/packages/ui/src/components/Icon/icons/IconDatabaseChanges/IconDatabaseChanges.tsx
deleted file mode 100644
index 2f7f50e79bfce..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconDatabaseChanges/IconDatabaseChanges.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-// DO NOT EDIT
-// @ts-ignore
-import IconBase from './../../IconBase'
-
-const SvgComponent = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={25} height={24} fill="none">
-    <path
-      stroke="currentColor"
-      strokeLinecap="round"
-      strokeLinejoin="bevel"
-      strokeMiterlimit={10}
-      d="M20.307 12a7.807 7.807 0 0 1-7.807 7.808M4.693 12A7.807 7.807 0 0 1 12.5 4.193"
-      opacity={0.45}
-    />
-    <circle
-      cx={17.512}
-      cy={6.971}
-      r={3.723}
-      stroke="currentColor"
-      strokeLinejoin="bevel"
-      strokeMiterlimit={10}
-    />
-    <path
-      stroke="currentColor"
-      strokeLinejoin="bevel"
-      strokeMiterlimit={10}
-      d="m10.11 13.287 2.137 3.703-2.138 3.703H5.833L3.695 16.99l2.138-3.703h4.276Z"
-    />
-  </svg>
-)
-
-function IconDatabaseChanges(props: any) {
-  return <IconBase src={<SvgComponent />} viewBox="0 0 25 24" {...props} />
-}
-
-export default IconDatabaseChanges
diff --git a/packages/ui/src/components/Icon/icons/IconDatabaseChanges/index.tsx b/packages/ui/src/components/Icon/icons/IconDatabaseChanges/index.tsx
deleted file mode 100644
index f9194b729d2ce..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconDatabaseChanges/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconDatabaseChanges } from './IconDatabaseChanges'
diff --git a/packages/ui/src/components/Icon/icons/IconDiscord/index.tsx b/packages/ui/src/components/Icon/icons/IconDiscord/index.tsx
deleted file mode 100644
index 62e0532648064..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconDiscord/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconDiscord } from './IconDiscord'
diff --git a/packages/ui/src/components/Icon/icons/IconDiscussions/index.tsx b/packages/ui/src/components/Icon/icons/IconDiscussions/index.tsx
deleted file mode 100644
index 939271adaa310..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconDiscussions/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconDiscussions } from './IconDiscussions'
diff --git a/packages/ui/src/components/Icon/icons/IconDocumentation/index.tsx b/packages/ui/src/components/Icon/icons/IconDocumentation/index.tsx
deleted file mode 100644
index c6cff03a68d80..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconDocumentation/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconDocumentation } from './IconDocumentation'
diff --git a/packages/ui/src/components/Icon/icons/IconGitHubSolid/index.tsx b/packages/ui/src/components/Icon/icons/IconGitHubSolid/index.tsx
deleted file mode 100644
index 8e4889f128adb..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconGitHubSolid/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconGitHubSolid } from './IconGitHubSolid'
diff --git a/packages/ui/src/components/Icon/icons/IconIntegrations/IconIntegrations.tsx b/packages/ui/src/components/Icon/icons/IconIntegrations/IconIntegrations.tsx
deleted file mode 100644
index a1f1ad1511aac..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconIntegrations/IconIntegrations.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-// @ts-ignore
-import IconBase from '../../IconBase'
-
-const src = (
-  <path
-    d="M12.3806 0.619116V6.85795M9.26117 3.73884L15.5 3.73884M7.20065 12.0306C7.20065 13.8809 5.70066 15.3809 3.85032 15.3809C1.99999 15.3809 0.5 13.8809 0.5 12.0306C0.5 10.1802 1.99999 8.68023 3.85032 8.68023C5.70066 8.68023 7.20065 10.1802 7.20065 12.0306ZM15.5 14.032V10.2887C15.5 9.59957 14.9414 9.04093 14.2522 9.04093H10.5089C9.81981 9.04093 9.26117 9.59957 9.26117 10.2887V14.032C9.26117 14.7211 9.81981 15.2798 10.5089 15.2798H14.2522C14.9414 15.2798 15.5 14.7211 15.5 14.032ZM1.97929 6.85795H5.72258C6.41171 6.85795 6.97035 6.2993 6.97035 5.61018V1.86688C6.97035 1.17776 6.41171 0.619116 5.72258 0.619116H1.97929C1.29016 0.619116 0.731519 1.17776 0.731519 1.86688V5.61018C0.731519 6.2993 1.29016 6.85795 1.97929 6.85795Z"
-    strokeMiterlimit="10"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  />
-)
-
-function IconIntegrations(props: any) {
-  return <IconBase src={src} {...props} />
-}
-
-export default IconIntegrations
diff --git a/packages/ui/src/components/Icon/icons/IconIntegrations/index.tsx b/packages/ui/src/components/Icon/icons/IconIntegrations/index.tsx
deleted file mode 100644
index da2961f2b26a2..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconIntegrations/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconIntegrations } from './IconIntegrations'
diff --git a/packages/ui/src/components/Icon/icons/IconLifeBuoy2/index.tsx b/packages/ui/src/components/Icon/icons/IconLifeBuoy2/index.tsx
deleted file mode 100644
index 2d023d1eaad1c..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconLifeBuoy2/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconLifeBuoy2 } from './IconLifeBuoy2'
diff --git a/packages/ui/src/components/Icon/icons/IconLinkedinSolid/index.tsx b/packages/ui/src/components/Icon/icons/IconLinkedinSolid/index.tsx
deleted file mode 100644
index f466655044b34..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconLinkedinSolid/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconLinkedinSolid } from './IconLinkedinSolid'
diff --git a/packages/ui/src/components/Icon/icons/IconMicSolid/index.tsx b/packages/ui/src/components/Icon/icons/IconMicSolid/index.tsx
deleted file mode 100644
index e19fe571f9422..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconMicSolid/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconMicSolid } from './IconMicSolid'
diff --git a/packages/ui/src/components/Icon/icons/IconPartners/index.tsx b/packages/ui/src/components/Icon/icons/IconPartners/index.tsx
deleted file mode 100644
index 040d08c8837e3..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconPartners/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconPartners } from './IconPartners'
diff --git a/packages/ui/src/components/Icon/icons/IconPresence/IconPresence.tsx b/packages/ui/src/components/Icon/icons/IconPresence/IconPresence.tsx
deleted file mode 100644
index e137894dafe1c..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconPresence/IconPresence.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-// DO NOT EDIT
-// @ts-ignore
-import IconBase from './../../IconBase'
-const SvgComponent = () => (
-  <>
-    <path
-      stroke="currentColor"
-      strokeLinejoin="round"
-      strokeMiterlimit={10}
-      d="m23.149 23.499 3.424 7.83a.5.5 0 0 0 .942-.074l.74-2.868a.5.5 0 0 1 .364-.36l3.039-.756a.5.5 0 0 0 .08-.943l-7.93-3.487a.5.5 0 0 0-.66.658Z"
-    />
-    <path
-      stroke="currentColor"
-      strokeLinejoin="round"
-      strokeMiterlimit={10}
-      d="M24.544 32.746h-5.623a3 3 0 0 1-3-3V18.5a3 3 0 0 1 3-3h11.247a3 3 0 0 1 3 3v5.623"
-      opacity={0.45}
-    />
-  </>
-)
-
-function IconPresence(props: any) {
-  return <IconBase src={<SvgComponent />} viewBox="12.5 12 24 24" {...props} />
-}
-
-export default IconPresence
diff --git a/packages/ui/src/components/Icon/icons/IconPresence/index.tsx b/packages/ui/src/components/Icon/icons/IconPresence/index.tsx
deleted file mode 100644
index 9d1252e78b25b..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconPresence/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconPresence } from './IconPresence'
diff --git a/packages/ui/src/components/Icon/icons/IconProductHunt/index.tsx b/packages/ui/src/components/Icon/icons/IconProductHunt/index.tsx
deleted file mode 100644
index 3fe5ccddc1b1b..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconProductHunt/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconProductHunt } from './IconProductHunt'
diff --git a/packages/ui/src/components/Icon/icons/IconTwitterX/index.tsx b/packages/ui/src/components/Icon/icons/IconTwitterX/index.tsx
deleted file mode 100644
index 047c44c68ffc4..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconTwitterX/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconTwitterX } from './IconTwitterX'
diff --git a/packages/ui/src/components/Icon/icons/IconYCombinator/index.tsx b/packages/ui/src/components/Icon/icons/IconYCombinator/index.tsx
deleted file mode 100644
index 22a0f3c85e221..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconYCombinator/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconYCombinator } from './IconYCombinator'
diff --git a/packages/ui/src/components/Icon/icons/IconYoutubeSolid/index.tsx b/packages/ui/src/components/Icon/icons/IconYoutubeSolid/index.tsx
deleted file mode 100644
index 88eaf5df8ca61..0000000000000
--- a/packages/ui/src/components/Icon/icons/IconYoutubeSolid/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default as IconYoutubeSolid } from './IconYoutubeSolid'
diff --git a/packages/ui/src/components/Icon/index.tsx b/packages/ui/src/components/Icon/index.tsx
deleted file mode 100644
index 7aebbe9de7e5d..0000000000000
--- a/packages/ui/src/components/Icon/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Icon'
diff --git a/packages/ui/src/components/Icon/IconBackground.tsx b/packages/ui/src/components/IconBackground/index.tsx
similarity index 100%
rename from packages/ui/src/components/Icon/IconBackground.tsx
rename to packages/ui/src/components/IconBackground/index.tsx