@honeyicons/react 0.0.8 → 0.0.9

package/dist/catalog.js

@@ -7,6 +7,7 @@ import { AlignCenterHorizontal } from "./icons/align-center-horizontal.js";
 import { Analytics } from "./icons/analytics.js";
 import { Anthropic } from "./icons/anthropic.js";
 import { Antigravity } from "./icons/antigravity.js";
+import { AntigravityColor } from "./icons/antigravity-color.js";
 import { AppWindow } from "./icons/app-window.js";
 import { Archive } from "./icons/archive.js";
 import { ArchiveAlt } from "./icons/archive-alt.js";
@@ -31,6 +32,8 @@ import { BatteryLow } from "./icons/battery-low.js";
 import { Bell } from "./icons/bell.js";
 import { BellOff } from "./icons/bell-off.js";
 import { BellRing } from "./icons/bell-ring.js";
+import { Bluesky } from "./icons/bluesky.js";
+import { BlueskyColor } from "./icons/bluesky-color.js";
 import { Bluetooth } from "./icons/bluetooth.js";
 import { Bold } from "./icons/bold.js";
 import { Bolt } from "./icons/bolt.js";
@@ -46,6 +49,7 @@ import { Broadcast } from "./icons/broadcast.js";
 import { Bug } from "./icons/bug.js";
 import { Building } from "./icons/building.js";
 import { Bun } from "./icons/bun.js";
+import { BunColor } from "./icons/bun-color.js";
 import { Calculator } from "./icons/calculator.js";
 import { Calendar } from "./icons/calendar.js";
 import { CalendarAdd } from "./icons/calendar-add.js";
@@ -78,10 +82,13 @@ import { ChevronsLeft } from "./icons/chevrons-left.js";
 import { ChevronsRight } from "./icons/chevrons-right.js";
 import { ChevronsUp } from "./icons/chevrons-up.js";
 import { Chrome } from "./icons/chrome.js";
+import { ChromeColor } from "./icons/chrome-color.js";
 import { Clapperboard } from "./icons/clapperboard.js";
 import { ClapperboardText } from "./icons/clapperboard-text.js";
 import { ClaudeAi } from "./icons/claude-ai.js";
+import { ClaudeAiColor } from "./icons/claude-ai-color.js";
 import { ClaudeCode } from "./icons/claude-code.js";
+import { ClaudeCodeColor } from "./icons/claude-code-color.js";
 import { Clipboard } from "./icons/clipboard.js";
 import { ClipboardAdd } from "./icons/clipboard-add.js";
 import { ClipboardCheck } from "./icons/clipboard-check.js";
@@ -94,6 +101,7 @@ import { CloudRain } from "./icons/cloud-rain.js";
 import { CloudUpload } from "./icons/cloud-upload.js";
 import { Code } from "./icons/code.js";
 import { Codex } from "./icons/codex.js";
+import { CodexColor } from "./icons/codex-color.js";
 import { Columns } from "./icons/columns.js";
 import { Command } from "./icons/command.js";
 import { Computer } from "./icons/computer.js";
@@ -107,9 +115,12 @@ import { CursorClick } from "./icons/cursor-click.js";
 import { Dashboard } from "./icons/dashboard.js";
 import { Database } from "./icons/database.js";
 import { Deepseek } from "./icons/deepseek.js";
+import { DeepseekColor } from "./icons/deepseek-color.js";
 import { Devin } from "./icons/devin.js";
+import { DevinColor } from "./icons/devin-color.js";
 import { Diamond } from "./icons/diamond.js";
 import { Discord } from "./icons/discord.js";
+import { DiscordColor } from "./icons/discord-color.js";
 import { Dislike } from "./icons/dislike.js";
 import { Document } from "./icons/document.js";
 import { Dollar } from "./icons/dollar.js";
@@ -125,7 +136,9 @@ import { Eye } from "./icons/eye.js";
 import { EyeClosed } from "./icons/eye-closed.js";
 import { EyeOff } from "./icons/eye-off.js";
 import { Facebook } from "./icons/facebook.js";
+import { FacebookColor } from "./icons/facebook-color.js";
 import { Figma } from "./icons/figma.js";
+import { FigmaColor } from "./icons/figma-color.js";
 import { File } from "./icons/file.js";
 import { FileAdd } from "./icons/file-add.js";
 import { FileArchive } from "./icons/file-archive.js";
@@ -154,9 +167,11 @@ import { Forward } from "./icons/forward.js";
 import { Gamepad } from "./icons/gamepad.js";
 import { Gauge } from "./icons/gauge.js";
 import { Gemini } from "./icons/gemini.js";
+import { GeminiColor } from "./icons/gemini-color.js";
 import { Gift } from "./icons/gift.js";
 import { Git } from "./icons/git.js";
 import { GitBranch } from "./icons/git-branch.js";
+import { GitColor } from "./icons/git-color.js";
 import { GitCommit } from "./icons/git-commit.js";
 import { GitDiff } from "./icons/git-diff.js";
 import { GitFork } from "./icons/git-fork.js";
@@ -167,6 +182,7 @@ import { Github } from "./icons/github.js";
 import { GithubCopilot } from "./icons/github-copilot.js";
 import { Globe } from "./icons/globe.js";
 import { Google } from "./icons/google.js";
+import { GoogleColor } from "./icons/google-color.js";
 import { GraduationCap } from "./icons/graduation-cap.js";
 import { GripHorizontal } from "./icons/grip-horizontal.js";
 import { GripVertical } from "./icons/grip-vertical.js";
@@ -181,6 +197,7 @@ import { Heading2 } from "./icons/heading-2.js";
 import { Heading3 } from "./icons/heading-3.js";
 import { Headphones } from "./icons/headphones.js";
 import { Heart } from "./icons/heart.js";
+import { HermesAgent } from "./icons/hermes-agent.js";
 import { History } from "./icons/history.js";
 import { Home } from "./icons/home.js";
 import { HomeAngle } from "./icons/home-angle.js";
@@ -195,12 +212,14 @@ import { IncomingCall } from "./icons/incoming-call.js";
 import { Indent } from "./icons/indent.js";
 import { InfoSquare } from "./icons/info-square.js";
 import { Instagram } from "./icons/instagram.js";
+import { InstagramColor } from "./icons/instagram-color.js";
 import { Integration } from "./icons/integration.js";
 import { Italic } from "./icons/italic.js";
 import { Kanban } from "./icons/kanban.js";
 import { Key } from "./icons/key.js";
 import { Keyboard } from "./icons/keyboard.js";
 import { Kimi } from "./icons/kimi.js";
+import { KimiColor } from "./icons/kimi-color.js";
 import { Laptop } from "./icons/laptop.js";
 import { Layers } from "./icons/layers.js";
 import { LayoutAlignBottom } from "./icons/layout-align-bottom.js";
@@ -215,6 +234,7 @@ import { Lightning } from "./icons/lightning.js";
 import { Like } from "./icons/like.js";
 import { Link } from "./icons/link.js";
 import { Linkedin } from "./icons/linkedin.js";
+import { LinkedinColor } from "./icons/linkedin-color.js";
 import { List } from "./icons/list.js";
 import { ListChecks } from "./icons/list-checks.js";
 import { ListDash } from "./icons/list-dash.js";
@@ -240,12 +260,15 @@ import { Maximize } from "./icons/maximize.js";
 import { Megaphone } from "./icons/megaphone.js";
 import { Menu } from "./icons/menu.js";
 import { MetaAi } from "./icons/meta-ai.js";
+import { MetaAiColor } from "./icons/meta-ai-color.js";
 import { Microphone } from "./icons/microphone.js";
 import { MicrophoneOff } from "./icons/microphone-off.js";
 import { MicrosoftCopilot } from "./icons/microsoft-copilot.js";
+import { MicrosoftCopilotColor } from "./icons/microsoft-copilot-color.js";
 import { Minimize } from "./icons/minimize.js";
 import { Minus } from "./icons/minus.js";
 import { Mistral } from "./icons/mistral.js";
+import { MistralColor } from "./icons/mistral-color.js";
 import { Moon } from "./icons/moon.js";
 import { MoreHorizontal } from "./icons/more-horizontal.js";
 import { MoreVertical } from "./icons/more-vertical.js";
@@ -256,10 +279,13 @@ import { Navigation } from "./icons/navigation.js";
 import { Newspaper } from "./icons/newspaper.js";
 import { Notebook } from "./icons/notebook.js";
 import { Npm } from "./icons/npm.js";
+import { NpmColor } from "./icons/npm-color.js";
 import { Nvidia } from "./icons/nvidia.js";
+import { NvidiaColor } from "./icons/nvidia-color.js";
 import { OctagonX } from "./icons/octagon-x.js";
 import { Openai } from "./icons/openai.js";
 import { Openclaw } from "./icons/openclaw.js";
+import { OpenclawColor } from "./icons/openclaw-color.js";
 import { Opencode } from "./icons/opencode.js";
 import { Outdent } from "./icons/outdent.js";
 import { OutgoingCall } from "./icons/outgoing-call.js";
@@ -271,11 +297,13 @@ import { Pause } from "./icons/pause.js";
 import { Pen } from "./icons/pen.js";
 import { Percent } from "./icons/percent.js";
 import { Perplexity } from "./icons/perplexity.js";
+import { PerplexityColor } from "./icons/perplexity-color.js";
 import { Phone } from "./icons/phone.js";
 import { PhoneOff } from "./icons/phone-off.js";
 import { Pin } from "./icons/pin.js";
 import { PinOff } from "./icons/pin-off.js";
 import { Pinterest } from "./icons/pinterest.js";
+import { PinterestColor } from "./icons/pinterest-color.js";
 import { Pip } from "./icons/pip.js";
 import { Pipette } from "./icons/pipette.js";
 import { Plane } from "./icons/plane.js";
@@ -292,9 +320,12 @@ import { QrCode } from "./icons/qr-code.js";
 import { QuestionMark } from "./icons/question-mark.js";
 import { Quote } from "./icons/quote.js";
 import { Qwen } from "./icons/qwen.js";
+import { QwenColor } from "./icons/qwen-color.js";
 import { React } from "./icons/react.js";
+import { ReactColor } from "./icons/react-color.js";
 import { Receipt } from "./icons/receipt.js";
 import { Reddit } from "./icons/reddit.js";
+import { RedditColor } from "./icons/reddit-color.js";
 import { Redo } from "./icons/redo.js";
 import { Refresh } from "./icons/refresh.js";
 import { Reorder } from "./icons/reorder.js";
@@ -331,6 +362,7 @@ import { SimCard } from "./icons/sim-card.js";
 import { SkipBack } from "./icons/skip-back.js";
 import { SkipForward } from "./icons/skip-forward.js";
 import { Slack } from "./icons/slack.js";
+import { SlackColor } from "./icons/slack-color.js";
 import { Slash } from "./icons/slash.js";
 import { SlidersHorizontal } from "./icons/sliders-horizontal.js";
 import { SlidersHorizontalAlt } from "./icons/sliders-horizontal-alt.js";
@@ -339,6 +371,7 @@ import { SlidersVerticalAlt } from "./icons/sliders-vertical-alt.js";
 import { Smartphone } from "./icons/smartphone.js";
 import { Smile } from "./icons/smile.js";
 import { Snapchat } from "./icons/snapchat.js";
+import { SnapchatColor } from "./icons/snapchat-color.js";
 import { Snowflake } from "./icons/snowflake.js";
 import { SortAscending } from "./icons/sort-ascending.js";
 import { SortDescending } from "./icons/sort-descending.js";
@@ -362,12 +395,14 @@ import { Suitcase } from "./icons/suitcase.js";
 import { Sun } from "./icons/sun.js";
 import { SunMoon } from "./icons/sun-moon.js";
 import { Supabase } from "./icons/supabase.js";
+import { SupabaseColor } from "./icons/supabase-color.js";
 import { Superscript } from "./icons/superscript.js";
 import { Table } from "./icons/table.js";
 import { Tablet } from "./icons/tablet.js";
 import { Tag } from "./icons/tag.js";
 import { Target } from "./icons/target.js";
 import { Telegram } from "./icons/telegram.js";
+import { TelegramColor } from "./icons/telegram-color.js";
 import { Terminal } from "./icons/terminal.js";
 import { TextAlignCenter } from "./icons/text-align-center.js";
 import { TextAlignJustifyLeft } from "./icons/text-align-justify-left.js";
@@ -381,6 +416,7 @@ import { ThreeSquares } from "./icons/three-squares.js";
 import { Ticket } from "./icons/ticket.js";
 import { TicketDiscount } from "./icons/ticket-discount.js";
 import { Tiktok } from "./icons/tiktok.js";
+import { TiktokColor } from "./icons/tiktok-color.js";
 import { Toggle } from "./icons/toggle.js";
 import { TransferHorizontal } from "./icons/transfer-horizontal.js";
 import { TransferVertical } from "./icons/transfer-vertical.js";
@@ -391,8 +427,10 @@ import { Trophy } from "./icons/trophy.js";
 import { Truck } from "./icons/truck.js";
 import { Tv } from "./icons/tv.js";
 import { Twitter } from "./icons/twitter.js";
+import { TwitterColor } from "./icons/twitter-color.js";
 import { Type } from "./icons/type.js";
 import { Typescript } from "./icons/typescript.js";
+import { TypescriptColor } from "./icons/typescript-color.js";
 import { Undo } from "./icons/undo.js";
 import { UnfoldLess } from "./icons/unfold-less.js";
 import { UnfoldMore } from "./icons/unfold-more.js";
@@ -431,6 +469,7 @@ import { Windsurf } from "./icons/windsurf.js";
 import { X } from "./icons/x.js";
 import { Xai } from "./icons/xai.js";
 import { Youtube } from "./icons/youtube.js";
+import { YoutubeColor } from "./icons/youtube-color.js";
 import { Zai } from "./icons/zai.js";
 import { ZoomIn } from "./icons/zoom-in.js";
 import { ZoomOut } from "./icons/zoom-out.js";
@@ -508,6 +547,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Antigravity
   },
+  {
+    name: "antigravity-color",
+    pascalName: "AntigravityColor",
+    category: "brands",
+    tags: ["ai", "code", "editor", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: AntigravityColor
+  },
   {
     name: "app-window",
     pascalName: "AppWindow",
@@ -700,6 +747,22 @@ const catalog = [
     variants: ["linear", "bold"],
     component: BellRing
   },
+  {
+    name: "bluesky",
+    pascalName: "Bluesky",
+    category: "brands",
+    tags: ["bluesky", "bsky", "social", "butterfly", "brand"],
+    variants: ["linear", "bold"],
+    component: Bluesky
+  },
+  {
+    name: "bluesky-color",
+    pascalName: "BlueskyColor",
+    category: "brands",
+    tags: ["bluesky", "bsky", "social", "butterfly", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: BlueskyColor
+  },
   {
     name: "bluetooth",
     pascalName: "Bluetooth",
@@ -820,6 +883,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Bun
   },
+  {
+    name: "bun-color",
+    pascalName: "BunColor",
+    category: "brands",
+    tags: ["javascript", "runtime", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: BunColor
+  },
   {
     name: "calculator",
     pascalName: "Calculator",
@@ -1076,6 +1147,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Chrome
   },
+  {
+    name: "chrome-color",
+    pascalName: "ChromeColor",
+    category: "brands",
+    tags: ["brand", "chrome", "google", "browser", "color"],
+    variants: ["linear", "bold"],
+    component: ChromeColor
+  },
   {
     name: "clapperboard",
     pascalName: "Clapperboard",
@@ -1100,6 +1179,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: ClaudeAi
   },
+  {
+    name: "claude-ai-color",
+    pascalName: "ClaudeAiColor",
+    category: "brands",
+    tags: ["claude", "anthropic", "ai", "assistant", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: ClaudeAiColor
+  },
   {
     name: "claude-code",
     pascalName: "ClaudeCode",
@@ -1108,6 +1195,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: ClaudeCode
   },
+  {
+    name: "claude-code-color",
+    pascalName: "ClaudeCodeColor",
+    category: "brands",
+    tags: ["claude", "anthropic", "ai", "code", "terminal", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: ClaudeCodeColor
+  },
   {
     name: "clipboard",
     pascalName: "Clipboard",
@@ -1204,6 +1299,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Codex
   },
+  {
+    name: "codex-color",
+    pascalName: "CodexColor",
+    category: "brands",
+    tags: ["openai", "ai", "coding", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: CodexColor
+  },
   {
     name: "columns",
     pascalName: "Columns",
@@ -1308,6 +1411,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Deepseek
   },
+  {
+    name: "deepseek-color",
+    pascalName: "DeepseekColor",
+    category: "brands",
+    tags: ["ai", "whale", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: DeepseekColor
+  },
   {
     name: "devin",
     pascalName: "Devin",
@@ -1316,6 +1427,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Devin
   },
+  {
+    name: "devin-color",
+    pascalName: "DevinColor",
+    category: "brands",
+    tags: ["ai", "code", "agent", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: DevinColor
+  },
   {
     name: "diamond",
     pascalName: "Diamond",
@@ -1332,6 +1451,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Discord
   },
+  {
+    name: "discord-color",
+    pascalName: "DiscordColor",
+    category: "brands",
+    tags: ["chat", "community", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: DiscordColor
+  },
   {
     name: "dislike",
     pascalName: "Dislike",
@@ -1452,6 +1579,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Facebook
   },
+  {
+    name: "facebook-color",
+    pascalName: "FacebookColor",
+    category: "brands",
+    tags: ["meta", "social", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: FacebookColor
+  },
   {
     name: "figma",
     pascalName: "Figma",
@@ -1460,6 +1595,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Figma
   },
+  {
+    name: "figma-color",
+    pascalName: "FigmaColor",
+    category: "brands",
+    tags: ["figma", "design", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: FigmaColor
+  },
   {
     name: "file",
     pascalName: "File",
@@ -1684,6 +1827,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Gemini
   },
+  {
+    name: "gemini-color",
+    pascalName: "GeminiColor",
+    category: "brands",
+    tags: ["google", "ai", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: GeminiColor
+  },
   {
     name: "gift",
     pascalName: "Gift",
@@ -1708,6 +1859,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: GitBranch
   },
+  {
+    name: "git-color",
+    pascalName: "GitColor",
+    category: "brands",
+    tags: ["version-control", "repository", "code", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: GitColor
+  },
   {
     name: "git-commit",
     pascalName: "GitCommit",
@@ -1788,6 +1947,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Google
   },
+  {
+    name: "google-color",
+    pascalName: "GoogleColor",
+    category: "brands",
+    tags: ["search", "alphabet", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: GoogleColor
+  },
   {
     name: "graduation-cap",
     pascalName: "GraduationCap",
@@ -1900,6 +2067,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Heart
   },
+  {
+    name: "hermes-agent",
+    pascalName: "HermesAgent",
+    category: "brands",
+    tags: ["hermes", "nous-research", "nous", "ai", "agent", "brand"],
+    variants: ["linear", "bold"],
+    component: HermesAgent
+  },
   {
     name: "history",
     pascalName: "History",
@@ -2012,6 +2187,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Instagram
   },
+  {
+    name: "instagram-color",
+    pascalName: "InstagramColor",
+    category: "brands",
+    tags: ["instagram", "social", "photos", "brand", "insta", "color"],
+    variants: ["linear", "bold"],
+    component: InstagramColor
+  },
   {
     name: "integration",
     pascalName: "Integration",
@@ -2060,6 +2243,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Kimi
   },
+  {
+    name: "kimi-color",
+    pascalName: "KimiColor",
+    category: "brands",
+    tags: ["ai", "assistant", "moonshot", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: KimiColor
+  },
   {
     name: "laptop",
     pascalName: "Laptop",
@@ -2172,6 +2363,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Linkedin
   },
+  {
+    name: "linkedin-color",
+    pascalName: "LinkedinColor",
+    category: "brands",
+    tags: ["brand", "linkedin", "color"],
+    variants: ["linear", "bold"],
+    component: LinkedinColor
+  },
   {
     name: "list",
     pascalName: "List",
@@ -2372,6 +2571,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: MetaAi
   },
+  {
+    name: "meta-ai-color",
+    pascalName: "MetaAiColor",
+    category: "brands",
+    tags: ["brand", "meta", "ai", "assistant", "color"],
+    variants: ["linear", "bold"],
+    component: MetaAiColor
+  },
   {
     name: "microphone",
     pascalName: "Microphone",
@@ -2396,6 +2603,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: MicrosoftCopilot
   },
+  {
+    name: "microsoft-copilot-color",
+    pascalName: "MicrosoftCopilotColor",
+    category: "brands",
+    tags: ["microsoft", "copilot", "ai", "assistant", "brand", "ms-copilot", "color"],
+    variants: ["linear", "bold"],
+    component: MicrosoftCopilotColor
+  },
   {
     name: "minimize",
     pascalName: "Minimize",
@@ -2420,6 +2635,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Mistral
   },
+  {
+    name: "mistral-color",
+    pascalName: "MistralColor",
+    category: "brands",
+    tags: ["ai", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: MistralColor
+  },
   {
     name: "moon",
     pascalName: "Moon",
@@ -2500,6 +2723,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Npm
   },
+  {
+    name: "npm-color",
+    pascalName: "NpmColor",
+    category: "brands",
+    tags: ["package", "registry", "javascript", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: NpmColor
+  },
   {
     name: "nvidia",
     pascalName: "Nvidia",
@@ -2508,6 +2739,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Nvidia
   },
+  {
+    name: "nvidia-color",
+    pascalName: "NvidiaColor",
+    category: "brands",
+    tags: ["brand", "nvidia", "gpu", "hardware", "color"],
+    variants: ["linear", "bold"],
+    component: NvidiaColor
+  },
   {
     name: "octagon-x",
     pascalName: "OctagonX",
@@ -2532,6 +2771,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Openclaw
   },
+  {
+    name: "openclaw-color",
+    pascalName: "OpenclawColor",
+    category: "brands",
+    tags: ["open-claw", "ai", "mascot", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: OpenclawColor
+  },
   {
     name: "opencode",
     pascalName: "Opencode",
@@ -2620,6 +2867,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Perplexity
   },
+  {
+    name: "perplexity-color",
+    pascalName: "PerplexityColor",
+    category: "brands",
+    tags: ["brand", "perplexity", "ai", "search", "color"],
+    variants: ["linear", "bold"],
+    component: PerplexityColor
+  },
   {
     name: "phone",
     pascalName: "Phone",
@@ -2660,6 +2915,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Pinterest
   },
+  {
+    name: "pinterest-color",
+    pascalName: "PinterestColor",
+    category: "brands",
+    tags: ["social", "pins", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: PinterestColor
+  },
   {
     name: "pip",
     pascalName: "Pip",
@@ -2788,6 +3051,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Qwen
   },
+  {
+    name: "qwen-color",
+    pascalName: "QwenColor",
+    category: "brands",
+    tags: ["ai", "alibaba", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: QwenColor
+  },
   {
     name: "react",
     pascalName: "React",
@@ -2796,6 +3067,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: React
   },
+  {
+    name: "react-color",
+    pascalName: "ReactColor",
+    category: "brands",
+    tags: ["javascript", "framework", "frontend", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: ReactColor
+  },
   {
     name: "receipt",
     pascalName: "Receipt",
@@ -2812,6 +3091,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Reddit
   },
+  {
+    name: "reddit-color",
+    pascalName: "RedditColor",
+    category: "brands",
+    tags: ["community", "social", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: RedditColor
+  },
   {
     name: "redo",
     pascalName: "Redo",
@@ -3100,6 +3387,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Slack
   },
+  {
+    name: "slack-color",
+    pascalName: "SlackColor",
+    category: "brands",
+    tags: ["messaging", "chat", "team", "workplace", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: SlackColor
+  },
   {
     name: "slash",
     pascalName: "Slash",
@@ -3164,6 +3459,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Snapchat
   },
+  {
+    name: "snapchat-color",
+    pascalName: "SnapchatColor",
+    category: "brands",
+    tags: ["brand", "social", "snap", "ghost", "color"],
+    variants: ["linear", "bold"],
+    component: SnapchatColor
+  },
   {
     name: "snowflake",
     pascalName: "Snowflake",
@@ -3348,6 +3651,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Supabase
   },
+  {
+    name: "supabase-color",
+    pascalName: "SupabaseColor",
+    category: "brands",
+    tags: ["database", "backend", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: SupabaseColor
+  },
   {
     name: "superscript",
     pascalName: "Superscript",
@@ -3396,6 +3707,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Telegram
   },
+  {
+    name: "telegram-color",
+    pascalName: "TelegramColor",
+    category: "brands",
+    tags: ["messaging", "chat", "social", "brand", "paper-plane", "color"],
+    variants: ["linear", "bold"],
+    component: TelegramColor
+  },
   {
     name: "terminal",
     pascalName: "Terminal",
@@ -3500,6 +3819,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Tiktok
   },
+  {
+    name: "tiktok-color",
+    pascalName: "TiktokColor",
+    category: "brands",
+    tags: ["brand", "tiktok", "color"],
+    variants: ["linear", "bold"],
+    component: TiktokColor
+  },
   {
     name: "toggle",
     pascalName: "Toggle",
@@ -3580,6 +3907,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Twitter
   },
+  {
+    name: "twitter-color",
+    pascalName: "TwitterColor",
+    category: "brands",
+    tags: ["bird", "social", "brand", "color"],
+    variants: ["linear", "bold"],
+    component: TwitterColor
+  },
   {
     name: "type",
     pascalName: "Type",
@@ -3596,6 +3931,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Typescript
   },
+  {
+    name: "typescript-color",
+    pascalName: "TypescriptColor",
+    category: "brands",
+    tags: ["typescript", "javascript", "language", "brand", "ts", "color"],
+    variants: ["linear", "bold"],
+    component: TypescriptColor
+  },
   {
     name: "undo",
     pascalName: "Undo",
@@ -3900,6 +4243,14 @@ const catalog = [
     variants: ["linear", "bold"],
     component: Youtube
   },
+  {
+    name: "youtube-color",
+    pascalName: "YoutubeColor",
+    category: "brands",
+    tags: ["brand", "youtube", "video", "google", "color"],
+    variants: ["linear", "bold"],
+    component: YoutubeColor
+  },
   {
     name: "zai",
     pascalName: "Zai",