@honeyicons/react 0.0.8 → 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/NOTICE.md +99 -0
- package/README.md +4 -11
- package/dist/catalog.js +351 -0
- package/dist/icon-base.js +42 -7
- package/dist/icons/antigravity-color.d.ts +1 -0
- package/dist/icons/antigravity-color.js +62 -0
- package/dist/icons/bluesky-color.d.ts +1 -0
- package/dist/icons/bluesky-color.js +11 -0
- package/dist/icons/bluesky.d.ts +1 -0
- package/dist/icons/bluesky.js +11 -0
- package/dist/icons/bun-color.d.ts +1 -0
- package/dist/icons/bun-color.js +23 -0
- package/dist/icons/chrome-color.d.ts +1 -0
- package/dist/icons/chrome-color.js +15 -0
- package/dist/icons/claude-ai-color.d.ts +1 -0
- package/dist/icons/claude-ai-color.js +11 -0
- package/dist/icons/claude-code-color.d.ts +1 -0
- package/dist/icons/claude-code-color.js +11 -0
- package/dist/icons/codex-color.d.ts +1 -0
- package/dist/icons/codex-color.js +20 -0
- package/dist/icons/deepseek-color.d.ts +1 -0
- package/dist/icons/deepseek-color.js +11 -0
- package/dist/icons/devin-color.d.ts +1 -0
- package/dist/icons/devin-color.js +13 -0
- package/dist/icons/discord-color.d.ts +1 -0
- package/dist/icons/discord-color.js +11 -0
- package/dist/icons/facebook-color.d.ts +1 -0
- package/dist/icons/facebook-color.js +12 -0
- package/dist/icons/figma-color.d.ts +1 -0
- package/dist/icons/figma-color.js +15 -0
- package/dist/icons/gemini-color.d.ts +1 -0
- package/dist/icons/gemini-color.js +28 -0
- package/dist/icons/git-color.d.ts +1 -0
- package/dist/icons/git-color.js +11 -0
- package/dist/icons/google-color.d.ts +1 -0
- package/dist/icons/google-color.js +14 -0
- package/dist/icons/hermes-agent.d.ts +1 -0
- package/dist/icons/hermes-agent.js +12 -0
- package/dist/icons/index.d.ts +39 -0
- package/dist/icons/index.js +78 -0
- package/dist/icons/instagram-color.d.ts +1 -0
- package/dist/icons/instagram-color.js +41 -0
- package/dist/icons/kimi-color.d.ts +1 -0
- package/dist/icons/kimi-color.js +12 -0
- package/dist/icons/linkedin-color.d.ts +1 -0
- package/dist/icons/linkedin-color.js +14 -0
- package/dist/icons/meta-ai-color.d.ts +1 -0
- package/dist/icons/meta-ai-color.js +55 -0
- package/dist/icons/microsoft-copilot-color.d.ts +1 -0
- package/dist/icons/microsoft-copilot-color.js +27 -0
- package/dist/icons/mistral-color.d.ts +1 -0
- package/dist/icons/mistral-color.js +15 -0
- package/dist/icons/npm-color.d.ts +1 -0
- package/dist/icons/npm-color.js +11 -0
- package/dist/icons/nvidia-color.d.ts +1 -0
- package/dist/icons/nvidia-color.js +11 -0
- package/dist/icons/openclaw-color.d.ts +1 -0
- package/dist/icons/openclaw-color.js +30 -0
- package/dist/icons/perplexity-color.d.ts +1 -0
- package/dist/icons/perplexity-color.js +11 -0
- package/dist/icons/pinterest-color.d.ts +1 -0
- package/dist/icons/pinterest-color.js +12 -0
- package/dist/icons/qwen-color.d.ts +1 -0
- package/dist/icons/qwen-color.js +19 -0
- package/dist/icons/react-color.d.ts +1 -0
- package/dist/icons/react-color.js +12 -0
- package/dist/icons/reddit-color.d.ts +1 -0
- package/dist/icons/reddit-color.js +11 -0
- package/dist/icons/slack-color.d.ts +1 -0
- package/dist/icons/slack-color.js +14 -0
- package/dist/icons/snapchat-color.d.ts +1 -0
- package/dist/icons/snapchat-color.js +12 -0
- package/dist/icons/supabase-color.d.ts +1 -0
- package/dist/icons/supabase-color.js +23 -0
- package/dist/icons/telegram-color.d.ts +1 -0
- package/dist/icons/telegram-color.js +11 -0
- package/dist/icons/tiktok-color.d.ts +1 -0
- package/dist/icons/tiktok-color.js +13 -0
- package/dist/icons/twitter-color.d.ts +1 -0
- package/dist/icons/twitter-color.js +11 -0
- package/dist/icons/typescript-color.d.ts +1 -0
- package/dist/icons/typescript-color.js +13 -0
- package/dist/icons/youtube-color.d.ts +1 -0
- package/dist/icons/youtube-color.js +12 -0
- package/dist/registry.d.ts +78 -0
- package/dist/registry.js +78 -0
- package/dist/types.d.ts +6 -1
- package/icons.json +617 -0
- package/package.json +1 -1
package/NOTICE.md
CHANGED
|
@@ -649,3 +649,102 @@ drawing in each variant. `Snapchat` keeps separate outline and filled
|
|
|
649
649
|
drawings. The bold `Figma` is drawn from the linear mark as five filled
|
|
650
650
|
pieces with even gaps, and the bold `Instagram` fills the linear mark's
|
|
651
651
|
rounded square, leaving the lens ring and flash dot as cutouts.
|
|
652
|
+
|
|
653
|
+
## Bluesky and Hermes Agent
|
|
654
|
+
|
|
655
|
+
`Bluesky` uses the `bluesky` icon from [Simple Icons](https://simpleicons.org)
|
|
656
|
+
16.32.0, released under
|
|
657
|
+
[CC0 1.0](https://creativecommons.org/publicdomain/zero/1.0/), scaled to 21
|
|
658
|
+
units wide. `HermesAgent` uses the `hermesagent` mark from
|
|
659
|
+
`@lobehub/icons-static-svg` 1.95.1 under the LobeHub MIT license below, scaled
|
|
660
|
+
to 20 units tall with its even-odd fill kept. Both keep their source paths and
|
|
661
|
+
use `currentColor`.
|
|
662
|
+
|
|
663
|
+
## Brand color marks
|
|
664
|
+
|
|
665
|
+
The `*Color` icons show a brand's mark in its official colors. Each one is
|
|
666
|
+
built on its mono icon's geometry and footprint, so the two swap without
|
|
667
|
+
shifting. Linear and bold share one drawing, except `InstagramColor`, which
|
|
668
|
+
follows the two mono Instagram drawings.
|
|
669
|
+
|
|
670
|
+
`ClaudeAiColor`, `ClaudeCodeColor`, `DeepseekColor`, `PerplexityColor`,
|
|
671
|
+
`NvidiaColor`, `DiscordColor`, `TwitterColor`, `ReactColor`, `GitColor`,
|
|
672
|
+
`TelegramColor`, `RedditColor`, `NpmColor`, and `BlueskyColor` paint the mono
|
|
673
|
+
path in the brand color. `LinkedinColor`, `YoutubeColor`, `TypescriptColor`,
|
|
674
|
+
`FacebookColor`, and `PinterestColor` fill their container and draw the
|
|
675
|
+
cutout glyph in white, as the official marks do.
|
|
676
|
+
|
|
677
|
+
`GoogleColor`, `DevinColor`, `MistralColor`, `GeminiColor`, `MetaAiColor`,
|
|
678
|
+
`QwenColor`, `CodexColor`, `KimiColor`, `OpenclawColor`, and
|
|
679
|
+
`AntigravityColor` take their colors and gradients from the matching icons in
|
|
680
|
+
`@lobehub/icons-static-svg` 1.95.1 under the LobeHub MIT license below.
|
|
681
|
+
Google's colors are cut along the source's straight boundaries. OpenClaw and
|
|
682
|
+
Antigravity reuse the source pieces, which match our silhouettes; Antigravity's
|
|
683
|
+
blurred color fields are scaled to our frame.
|
|
684
|
+
|
|
685
|
+
`ChromeColor`, `SlackColor`, `SupabaseColor`, and `BunColor` follow the
|
|
686
|
+
official artwork from the [SVG Logos](https://github.com/gilbarbara/logos)
|
|
687
|
+
collection, released under
|
|
688
|
+
[CC0 1.0](https://creativecommons.org/publicdomain/zero/1.0/). Chrome's sectors,
|
|
689
|
+
ring, and center are rebuilt on our disc from that geometry, the Slack pieces
|
|
690
|
+
and Supabase halves line up with our marks, and Bun's full illustration is
|
|
691
|
+
fitted to our Bun's footprint with its outline and shadow drawn as one
|
|
692
|
+
silhouette. `FigmaColor` draws Figma's five pieces in its brand colors on the
|
|
693
|
+
bold mark's grid.
|
|
694
|
+
|
|
695
|
+
`InstagramColor` uses Instagram's two radial gradients as defined in
|
|
696
|
+
[Skill Icons](https://github.com/tandpfun/skill-icons) under the tandpfun MIT
|
|
697
|
+
license below. `TiktokColor` places cyan and red copies of our note behind it,
|
|
698
|
+
`SnapchatColor` fills our outline in Snapchat yellow, and
|
|
699
|
+
`MicrosoftCopilotColor` splits our Copilot mark into its two tiles, with
|
|
700
|
+
gradients sampled from Microsoft's 2026 Copilot icon.
|
|
701
|
+
|
|
702
|
+
The TikTok note and the Kimi tile use `currentColor`, so they flip with the
|
|
703
|
+
text color on dark backgrounds as those brands' own marks do.
|
|
704
|
+
|
|
705
|
+
Brand names and logos are trademarks of their respective owners and appear
|
|
706
|
+
here only to identify their products.
|
|
707
|
+
|
|
708
|
+
MIT License
|
|
709
|
+
|
|
710
|
+
Copyright (c) 2023 LobeHub
|
|
711
|
+
|
|
712
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
713
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
714
|
+
in the Software without restriction, including without limitation the rights
|
|
715
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
716
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
717
|
+
furnished to do so, subject to the following conditions:
|
|
718
|
+
|
|
719
|
+
The above copyright notice and this permission notice shall be included in all
|
|
720
|
+
copies or substantial portions of the Software.
|
|
721
|
+
|
|
722
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
723
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
724
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
725
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
726
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
727
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
728
|
+
SOFTWARE.
|
|
729
|
+
|
|
730
|
+
MIT License
|
|
731
|
+
|
|
732
|
+
Copyright (c) 2022 tandpfun
|
|
733
|
+
|
|
734
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
735
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
736
|
+
in the Software without restriction, including without limitation the rights
|
|
737
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
738
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
739
|
+
furnished to do so, subject to the following conditions:
|
|
740
|
+
|
|
741
|
+
The above copyright notice and this permission notice shall be included in all
|
|
742
|
+
copies or substantial portions of the Software.
|
|
743
|
+
|
|
744
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
745
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
746
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
747
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
748
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
749
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
750
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -81,6 +81,10 @@ arrows and chevrons, and solid brand marks such as `youtube`, use the same
|
|
|
81
81
|
drawing in both. Any other variant throws. Stroke width affects stroked
|
|
82
82
|
geometry; filled outlines retain their original geometry.
|
|
83
83
|
|
|
84
|
+
Brand logos with official colors also come as `<name>-color`, such as
|
|
85
|
+
`google-color` and `claude-ai-color`. They keep their brand colors; only
|
|
86
|
+
neutral parts such as the TikTok note follow the text color.
|
|
87
|
+
|
|
84
88
|
To type your own props, import `IconName`, `IconProps`, and `IconVariantMap`
|
|
85
89
|
from `@honeyicons/react`. `@honeyicons/react/icons.json` lists each icon's name,
|
|
86
90
|
export, category, variants, and tags, and `@honeyicons/react/catalog` exports the
|
|
@@ -96,17 +100,6 @@ export const Divider = createIcon("Divider", {
|
|
|
96
100
|
});
|
|
97
101
|
```
|
|
98
102
|
|
|
99
|
-
## Upgrading to 0.0.5
|
|
100
|
-
|
|
101
|
-
- The low-level `Icon iconNode={...}` API is replaced by `Icon icon="name"`.
|
|
102
|
-
Use `createIcon` for custom SVG nodes.
|
|
103
|
-
- Deprecated icon aliases have been removed. Use the canonical exports listed
|
|
104
|
-
in `icons.json`.
|
|
105
|
-
- Only `linear` and `bold` are supported. Unsupported variants throw instead of
|
|
106
|
-
substituting another style. Unused `secondaryColor` and `secondaryOpacity`
|
|
107
|
-
props have been removed.
|
|
108
|
-
- Shapes are now in `objects`, and spinners are in `status`.
|
|
109
|
-
|
|
110
103
|
## Agent skill
|
|
111
104
|
|
|
112
105
|
Coding agents such as Claude Code, Codex, and Cursor can install the Honeyicons
|