@honeyicons/react 0.0.1
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/MIGRATION.md +56 -0
- package/NOTICE.md +378 -0
- package/README.md +34 -0
- package/dist/catalog.js +2747 -0
- package/dist/index.js +1669 -0
- package/dist/types/catalog.d.ts +14 -0
- package/dist/types/categories.d.ts +2 -0
- package/dist/types/create-icon.d.ts +8 -0
- package/dist/types/icon.d.ts +20 -0
- package/dist/types/icons/add.d.ts +1 -0
- package/dist/types/icons/alert-triangle.d.ts +3 -0
- package/dist/types/icons/align-center.d.ts +1 -0
- package/dist/types/icons/align-left.d.ts +1 -0
- package/dist/types/icons/align-right.d.ts +1 -0
- package/dist/types/icons/anthropic.d.ts +1 -0
- package/dist/types/icons/antigravity.d.ts +1 -0
- package/dist/types/icons/archive.d.ts +3 -0
- package/dist/types/icons/arrow-down-left.d.ts +1 -0
- package/dist/types/icons/arrow-down-right.d.ts +1 -0
- package/dist/types/icons/arrow-down.d.ts +3 -0
- package/dist/types/icons/arrow-left.d.ts +3 -0
- package/dist/types/icons/arrow-right.d.ts +3 -0
- package/dist/types/icons/arrow-up-left.d.ts +1 -0
- package/dist/types/icons/arrow-up-right.d.ts +1 -0
- package/dist/types/icons/arrow-up.d.ts +3 -0
- package/dist/types/icons/bell.d.ts +1 -0
- package/dist/types/icons/bookmark.d.ts +1 -0
- package/dist/types/icons/brain.d.ts +1 -0
- package/dist/types/icons/bun.d.ts +1 -0
- package/dist/types/icons/calendar.d.ts +3 -0
- package/dist/types/icons/cart.d.ts +1 -0
- package/dist/types/icons/check-double.d.ts +3 -0
- package/dist/types/icons/check.d.ts +1 -0
- package/dist/types/icons/chevron-down.d.ts +1 -0
- package/dist/types/icons/chevron-left.d.ts +1 -0
- package/dist/types/icons/chevron-right.d.ts +1 -0
- package/dist/types/icons/chevron-up.d.ts +1 -0
- package/dist/types/icons/chevrons-down.d.ts +3 -0
- package/dist/types/icons/chevrons-left.d.ts +3 -0
- package/dist/types/icons/chevrons-right.d.ts +3 -0
- package/dist/types/icons/chevrons-up.d.ts +3 -0
- package/dist/types/icons/chrome.d.ts +1 -0
- package/dist/types/icons/clapperboard.d.ts +1 -0
- package/dist/types/icons/claude-ai.d.ts +1 -0
- package/dist/types/icons/claude-code.d.ts +1 -0
- package/dist/types/icons/close.d.ts +1 -0
- package/dist/types/icons/cloud.d.ts +1 -0
- package/dist/types/icons/code.d.ts +1 -0
- package/dist/types/icons/codex.d.ts +1 -0
- package/dist/types/icons/command.d.ts +1 -0
- package/dist/types/icons/computer.d.ts +1 -0
- package/dist/types/icons/copy.d.ts +1 -0
- package/dist/types/icons/cursor.d.ts +1 -0
- package/dist/types/icons/deepseek.d.ts +1 -0
- package/dist/types/icons/devin.d.ts +1 -0
- package/dist/types/icons/discord.d.ts +1 -0
- package/dist/types/icons/dislike.d.ts +1 -0
- package/dist/types/icons/door-open.d.ts +3 -0
- package/dist/types/icons/edit-off.d.ts +1 -0
- package/dist/types/icons/edit.d.ts +3 -0
- package/dist/types/icons/email.d.ts +1 -0
- package/dist/types/icons/facebook.d.ts +1 -0
- package/dist/types/icons/file-check.d.ts +3 -0
- package/dist/types/icons/file-code.d.ts +1 -0
- package/dist/types/icons/file-remove.d.ts +1 -0
- package/dist/types/icons/file.d.ts +1 -0
- package/dist/types/icons/folder-add.d.ts +1 -0
- package/dist/types/icons/folder-open.d.ts +1 -0
- package/dist/types/icons/folder.d.ts +3 -0
- package/dist/types/icons/gemini.d.ts +1 -0
- package/dist/types/icons/git-branch.d.ts +3 -0
- package/dist/types/icons/git-merge-conflict.d.ts +3 -0
- package/dist/types/icons/git-pull-request.d.ts +1 -0
- package/dist/types/icons/git.d.ts +1 -0
- package/dist/types/icons/github-copilot.d.ts +1 -0
- package/dist/types/icons/github.d.ts +1 -0
- package/dist/types/icons/google.d.ts +1 -0
- package/dist/types/icons/grok.d.ts +1 -0
- package/dist/types/icons/hammer.d.ts +3 -0
- package/dist/types/icons/hashtag.d.ts +1 -0
- package/dist/types/icons/headphones.d.ts +3 -0
- package/dist/types/icons/home.d.ts +1 -0
- package/dist/types/icons/image-add.d.ts +3 -0
- package/dist/types/icons/image.d.ts +3 -0
- package/dist/types/icons/index.d.ts +164 -0
- package/dist/types/icons/instagram.d.ts +3 -0
- package/dist/types/icons/integration.d.ts +1 -0
- package/dist/types/icons/kimi.d.ts +1 -0
- package/dist/types/icons/layers.d.ts +1 -0
- package/dist/types/icons/lightning.d.ts +1 -0
- package/dist/types/icons/like.d.ts +1 -0
- package/dist/types/icons/linkedin.d.ts +1 -0
- package/dist/types/icons/list-down.d.ts +1 -0
- package/dist/types/icons/list-up.d.ts +1 -0
- package/dist/types/icons/lock-open.d.ts +3 -0
- package/dist/types/icons/lock.d.ts +1 -0
- package/dist/types/icons/logout.d.ts +1 -0
- package/dist/types/icons/maximize.d.ts +1 -0
- package/dist/types/icons/menu.d.ts +3 -0
- package/dist/types/icons/meta-ai.d.ts +1 -0
- package/dist/types/icons/microphone.d.ts +1 -0
- package/dist/types/icons/microsoft-copilot.d.ts +3 -0
- package/dist/types/icons/minimize.d.ts +1 -0
- package/dist/types/icons/minus.d.ts +1 -0
- package/dist/types/icons/mistral.d.ts +1 -0
- package/dist/types/icons/moon.d.ts +1 -0
- package/dist/types/icons/more-horizontal.d.ts +1 -0
- package/dist/types/icons/more-vertical.d.ts +1 -0
- package/dist/types/icons/npm.d.ts +1 -0
- package/dist/types/icons/nvidia.d.ts +1 -0
- package/dist/types/icons/openai.d.ts +1 -0
- package/dist/types/icons/openclaw.d.ts +1 -0
- package/dist/types/icons/opencode.d.ts +1 -0
- package/dist/types/icons/paper-plane.d.ts +1 -0
- package/dist/types/icons/paperclip.d.ts +1 -0
- package/dist/types/icons/pen.d.ts +1 -0
- package/dist/types/icons/perplexity.d.ts +1 -0
- package/dist/types/icons/pin.d.ts +1 -0
- package/dist/types/icons/pinterest.d.ts +1 -0
- package/dist/types/icons/play.d.ts +1 -0
- package/dist/types/icons/qwen.d.ts +1 -0
- package/dist/types/icons/react.d.ts +1 -0
- package/dist/types/icons/reddit.d.ts +1 -0
- package/dist/types/icons/redo.d.ts +1 -0
- package/dist/types/icons/reorder.d.ts +1 -0
- package/dist/types/icons/repeat.d.ts +1 -0
- package/dist/types/icons/search.d.ts +1 -0
- package/dist/types/icons/settings.d.ts +1 -0
- package/dist/types/icons/share.d.ts +1 -0
- package/dist/types/icons/sidebar-left.d.ts +1 -0
- package/dist/types/icons/sidebar-right.d.ts +1 -0
- package/dist/types/icons/slack.d.ts +1 -0
- package/dist/types/icons/smartphone.d.ts +1 -0
- package/dist/types/icons/snapchat.d.ts +1 -0
- package/dist/types/icons/soundwave.d.ts +1 -0
- package/dist/types/icons/spinner-arc.d.ts +3 -0
- package/dist/types/icons/spinner-orbit.d.ts +1 -0
- package/dist/types/icons/spinner-pulse.d.ts +1 -0
- package/dist/types/icons/spinner-wave.d.ts +3 -0
- package/dist/types/icons/spinner.d.ts +1 -0
- package/dist/types/icons/square-pen.d.ts +3 -0
- package/dist/types/icons/star.d.ts +1 -0
- package/dist/types/icons/sticker.d.ts +1 -0
- package/dist/types/icons/stop.d.ts +1 -0
- package/dist/types/icons/sun.d.ts +1 -0
- package/dist/types/icons/supabase.d.ts +1 -0
- package/dist/types/icons/tablet.d.ts +1 -0
- package/dist/types/icons/telegram.d.ts +1 -0
- package/dist/types/icons/terminal.d.ts +1 -0
- package/dist/types/icons/threads.d.ts +1 -0
- package/dist/types/icons/tiktok.d.ts +1 -0
- package/dist/types/icons/trash.d.ts +1 -0
- package/dist/types/icons/twitter.d.ts +1 -0
- package/dist/types/icons/typescript.d.ts +3 -0
- package/dist/types/icons/undo.d.ts +1 -0
- package/dist/types/icons/unfold-less.d.ts +1 -0
- package/dist/types/icons/unfold-more.d.ts +1 -0
- package/dist/types/icons/user-group.d.ts +1 -0
- package/dist/types/icons/user.d.ts +1 -0
- package/dist/types/icons/vercel.d.ts +1 -0
- package/dist/types/icons/verified-check.d.ts +1 -0
- package/dist/types/icons/video-camera.d.ts +3 -0
- package/dist/types/icons/volume-high.d.ts +3 -0
- package/dist/types/icons/volume-low.d.ts +3 -0
- package/dist/types/icons/volume-off.d.ts +3 -0
- package/dist/types/icons/widget-add.d.ts +1 -0
- package/dist/types/icons/widget.d.ts +1 -0
- package/dist/types/icons/windsurf.d.ts +1 -0
- package/dist/types/icons/x.d.ts +1 -0
- package/dist/types/icons/xai.d.ts +1 -0
- package/dist/types/icons/youtube.d.ts +1 -0
- package/dist/types/icons/zai.d.ts +1 -0
- package/dist/types/icons/zoom-in.d.ts +3 -0
- package/dist/types/icons/zoom-out.d.ts +3 -0
- package/dist/types/index.d.ts +6 -0
- package/dist/types/types.d.ts +6 -0
- package/package.json +45 -0
package/MIGRATION.md
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
# Icon naming migration
|
|
2
|
+
|
|
3
|
+
Canonical icon names now describe their shapes and use descriptive kebab-case SVG filenames. React exports use PascalCase. All 164 icons retain their geometry and available variants.
|
|
4
|
+
|
|
5
|
+
## Arrow imports require attention
|
|
6
|
+
|
|
7
|
+
The old `ArrowDown`, `ArrowUp`, `ArrowLeft`, and `ArrowRight` exports depicted chevrons. Use `ChevronDown`, `ChevronUp`, `ChevronLeft`, and `ChevronRight` to preserve those shapes. The `Arrow*` names now depict arrows with shafts, previously named `Arrow*02`. Diagonal arrows are unchanged.
|
|
8
|
+
|
|
9
|
+
All other renamed exports remain available as deprecated aliases. The catalog lists only canonical names, and old filenames and component names remain searchable. Existing app and shared UI imports have been migrated to preserve their displayed shapes.
|
|
10
|
+
|
|
11
|
+
## Renamed exports
|
|
12
|
+
|
|
13
|
+
| Previous export | Canonical export |
|
|
14
|
+
| --- | --- |
|
|
15
|
+
| `ArrowDown` | `ChevronDown` |
|
|
16
|
+
| `ArrowDown02` | `ArrowDown` |
|
|
17
|
+
| `ArrowDownDouble` | `ChevronsDown` |
|
|
18
|
+
| `ArrowLeft` | `ChevronLeft` |
|
|
19
|
+
| `ArrowLeft02` | `ArrowLeft` |
|
|
20
|
+
| `ArrowLeftDouble` | `ChevronsLeft` |
|
|
21
|
+
| `ArrowRight` | `ChevronRight` |
|
|
22
|
+
| `ArrowRight02` | `ArrowRight` |
|
|
23
|
+
| `ArrowRightDouble` | `ChevronsRight` |
|
|
24
|
+
| `ArrowUp` | `ChevronUp` |
|
|
25
|
+
| `ArrowUp02` | `ArrowUp` |
|
|
26
|
+
| `ArrowUpDouble` | `ChevronsUp` |
|
|
27
|
+
| `Branch` | `GitBranch` |
|
|
28
|
+
| `Calendar03` | `Calendar` |
|
|
29
|
+
| `CheckCheck` | `CheckDouble` |
|
|
30
|
+
| `Danger` | `AlertTriangle` |
|
|
31
|
+
| `Edit01` | `Edit` |
|
|
32
|
+
| `Exit` | `DoorOpen` |
|
|
33
|
+
| `FileRead` | `FileCheck` |
|
|
34
|
+
| `Folder01` | `Folder` |
|
|
35
|
+
| `Hamburger` | `Menu` |
|
|
36
|
+
| `Headphone` | `Headphones` |
|
|
37
|
+
| `Images` | `Image` |
|
|
38
|
+
| `ImagesAdd` | `ImageAdd` |
|
|
39
|
+
| `Insta` | `Instagram` |
|
|
40
|
+
| `LockUnlock` | `LockOpen` |
|
|
41
|
+
| `MergeConflict` | `GitMergeConflict` |
|
|
42
|
+
| `MsCopilot` | `MicrosoftCopilot` |
|
|
43
|
+
| `Muted` | `VolumeOff` |
|
|
44
|
+
| `Pallet` | `Archive` |
|
|
45
|
+
| `SearchMinus` | `ZoomOut` |
|
|
46
|
+
| `SearchPlus` | `ZoomIn` |
|
|
47
|
+
| `SendMessage` | `SquarePen` |
|
|
48
|
+
| `SpinnerLarge` | `SpinnerArc` |
|
|
49
|
+
| `SpinnerTinker` | `SpinnerWave` |
|
|
50
|
+
| `Tool` | `Hammer` |
|
|
51
|
+
| `Ts` | `Typescript` |
|
|
52
|
+
| `Videocamera` | `VideoCamera` |
|
|
53
|
+
| `Volume` | `VolumeLow` |
|
|
54
|
+
| `VolumeLoud` | `VolumeHigh` |
|
|
55
|
+
|
|
56
|
+
SVG filenames follow the same mapping in kebab-case, for example `send-message.svg` becomes `square-pen.svg`.
|
package/NOTICE.md
ADDED
|
@@ -0,0 +1,378 @@
|
|
|
1
|
+
# Third-party icons
|
|
2
|
+
|
|
3
|
+
`ImageAdd`, `Headphones`, `Clapperboard`, `VerifiedCheck`, `Cart`, `Share`,
|
|
4
|
+
`Email`, and `Repeat` use the user-supplied Solar **Gallery Add**, **Headphones
|
|
5
|
+
Round**, **Clapperboard Play**, **Verified Check**, **Cart**, **Share**,
|
|
6
|
+
**Letter**, and **Repeat** outlines from the
|
|
7
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
8
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
9
|
+
Their filled geometry, cutouts, and baked outline weights are preserved with
|
|
10
|
+
`currentColor`; source classes and unused root stroke attributes are removed.
|
|
11
|
+
|
|
12
|
+
`Repeat` subsequently received a smaller loop footprint for optical balance
|
|
13
|
+
with the arrow set. Its filled loop retains a 1.5-unit outline; the original
|
|
14
|
+
filled arrowheads are repositioned without scaling or changing their curves.
|
|
15
|
+
|
|
16
|
+
`UserGroup` adapts the supplied **Users Group Two Rounded (Outline)** from the
|
|
17
|
+
same Solar set and license. The center torso is reshaped to match User's rounded
|
|
18
|
+
body and flatter base; the head and side figures retain their supplied filled
|
|
19
|
+
paths. The center body retains a filled outline with a 1.5-unit inset.
|
|
20
|
+
|
|
21
|
+
`Image` and `VideoCamera` are new Honeyicons drawings made at the user's
|
|
22
|
+
request to replace accidentally duplicated references. They use smooth corner
|
|
23
|
+
curves, a 1.5-unit stroke, and round caps and joins. Image follows the supplied
|
|
24
|
+
Gallery Add landscape motif.
|
|
25
|
+
|
|
26
|
+
`Cloud` is adapted from the user-supplied **Cloud (Outline)** in the
|
|
27
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
28
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
29
|
+
Its filled outline, cutout, curves, and baked weight are preserved with
|
|
30
|
+
`currentColor`; unused source attributes are removed.
|
|
31
|
+
|
|
32
|
+
`Smartphone` and `Tablet` are adapted from the corresponding user-supplied
|
|
33
|
+
**Outline** icons in the
|
|
34
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
35
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
36
|
+
The filled bodies, cutouts, home indicators, smooth corners, and baked outline
|
|
37
|
+
weights are preserved with `currentColor`; unused source attributes are removed.
|
|
38
|
+
|
|
39
|
+
`Hashtag` and `Star` are adapted from the corresponding
|
|
40
|
+
user-supplied **Outline** icons in the
|
|
41
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
42
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
43
|
+
All filled geometry, cutouts, rounding, and baked outline weights are preserved
|
|
44
|
+
with `currentColor`. Source classes and unused root stroke attributes are removed.
|
|
45
|
+
|
|
46
|
+
`Code` is adapted from the user-supplied **Code (Outline)** in the
|
|
47
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
48
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
49
|
+
All three filled paths and their rounding, proportions, and baked outline
|
|
50
|
+
weight are preserved with `currentColor`; unused source attributes are removed.
|
|
51
|
+
|
|
52
|
+
`FileRemove` and `FileCode` are adapted from the user-supplied **File Remove
|
|
53
|
+
(Outline)** and **Code File (Outline)** in the
|
|
54
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
55
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
56
|
+
The supplied filled paths, cutouts, and baked outline weights are preserved
|
|
57
|
+
with `currentColor`; source classes and unused root stroke attributes are removed.
|
|
58
|
+
|
|
59
|
+
`Logout` uses the user-supplied **Logout 3 (Outline)** from the same Solar set
|
|
60
|
+
and license. Its filled door geometry is preserved. The supplied left-pointing
|
|
61
|
+
arrow retains its filled outline and rounded tips, with a shorter shaft and
|
|
62
|
+
smooth curves at the inner notches where the head meets the shaft.
|
|
63
|
+
|
|
64
|
+
`File` and `FileCheck` are adapted from the user-supplied **File Text (Outline)** and
|
|
65
|
+
**File Check (Outline)** in the
|
|
66
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
67
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
68
|
+
|
|
69
|
+
Changes: used the requested names and removed source classes and unused root
|
|
70
|
+
stroke attributes. The filled file outline, folded corner, text lines, checkmark, cutouts,
|
|
71
|
+
and baked outline weight are preserved with `currentColor`. No second stroke
|
|
72
|
+
is added.
|
|
73
|
+
|
|
74
|
+
`Bookmark` is adapted from the user-supplied **Bookmark (Outline)** in the
|
|
75
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
76
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
77
|
+
|
|
78
|
+
Changes: removed the source class and unused root stroke attributes. Both
|
|
79
|
+
filled paths, the cutouts, smooth rounding, proportions, and baked outline
|
|
80
|
+
weight are preserved with `currentColor`. No second stroke is added.
|
|
81
|
+
|
|
82
|
+
`User`, `Archive`, `Add`, `Minus`, `Close`, `Hammer`, `Pin`, `AlertTriangle`, and `Widget`
|
|
83
|
+
are adapted from the user-supplied **User**, **Library**, **Add**, **Minus**,
|
|
84
|
+
**Close**, **Sledgehammer**, **Pin**, **Danger Triangle**, and **Widget** outlines
|
|
85
|
+
in the [Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
86
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
87
|
+
|
|
88
|
+
Changes: used the requested Honeyicons names and removed source classes and
|
|
89
|
+
unused root stroke attributes. All supplied filled paths, cutouts, proportions,
|
|
90
|
+
rounded contours, and baked outline weights are preserved with `currentColor`.
|
|
91
|
+
No second stroke is added.
|
|
92
|
+
|
|
93
|
+
`SidebarRight` and `SidebarLeft` are adapted from **Sidebar Minimalistic
|
|
94
|
+
(Linear)** in the
|
|
95
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
96
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
97
|
+
|
|
98
|
+
Source: [Sidebar Minimalistic.svg](https://github.com/480-Design/Solar-Icon-Set/blob/main/icons/SVG/Linear/Network%2C%20IT%2C%20Programming/Sidebar%20Minimalistic.svg).
|
|
99
|
+
|
|
100
|
+
Changes: normalized the width to 18 units and optically adjusted the body to
|
|
101
|
+
18 units tall, with more pronounced smooth corner curves for clarity at 16px.
|
|
102
|
+
The original panel-width ratio is preserved, with mirrored left/right dividers.
|
|
103
|
+
Both use `currentColor` and inherit the standard 1.5-unit stroke and rounded
|
|
104
|
+
caps and joins from the Honeyicons renderer.
|
|
105
|
+
|
|
106
|
+
`Moon` is adapted from **Moon (Linear)** in the
|
|
107
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
108
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
109
|
+
|
|
110
|
+
Source: [Moon.svg](https://github.com/480-Design/Solar-Icon-Set/blob/main/icons/SVG/Linear/Weather/Moon.svg).
|
|
111
|
+
|
|
112
|
+
Changes: replaced the fixed fill with `currentColor`. Solar supplies this linear
|
|
113
|
+
icon as a filled outline; its original geometry, rounded tips, and baked
|
|
114
|
+
1.5-unit weight are preserved without adding a second stroke.
|
|
115
|
+
|
|
116
|
+
`ListDown` and `ListUp` are adapted from the user-supplied **List Down
|
|
117
|
+
Minimalistic (Outline)** and **List Up Minimalistic (Outline)** in the
|
|
118
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
119
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
120
|
+
|
|
121
|
+
Changes: represented the filled outlines as separate stroked subpaths,
|
|
122
|
+
preserving the original line lengths, spacing, and chevron proportions. Uses
|
|
123
|
+
`currentColor` and inherits the standard 1.5-unit stroke and rounded caps and
|
|
124
|
+
joins from the Honeyicons renderer.
|
|
125
|
+
|
|
126
|
+
`ZoomOut` is adapted from the user-supplied **Minimalistic Magnifier Zoom Out
|
|
127
|
+
(Outline)** in the
|
|
128
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
129
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
130
|
+
|
|
131
|
+
Changes: represented the filled outline as a stroked circle and separate line
|
|
132
|
+
subpaths, matched the existing Honeyicons Search circle and connected handle,
|
|
133
|
+
and scaled the centered minus uniformly to 90%. Uses `currentColor` and inherits the standard
|
|
134
|
+
1.5-unit stroke and rounded caps and joins from the Honeyicons renderer.
|
|
135
|
+
|
|
136
|
+
`ZoomIn` is adapted from the user-supplied **Magnifier Zoom In (Outline)** in the
|
|
137
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
138
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
139
|
+
|
|
140
|
+
Changes: represented the filled outline as a stroked circle and separate line
|
|
141
|
+
subpaths, matched the existing Honeyicons Search circle and handle, and scaled
|
|
142
|
+
the centered plus uniformly to 90%. Uses `currentColor` and inherits the
|
|
143
|
+
standard 1.5-unit stroke and rounded caps and joins from the Honeyicons renderer.
|
|
144
|
+
|
|
145
|
+
`VolumeLow` is adapted from **Volume (Linear)** in the
|
|
146
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
147
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
148
|
+
|
|
149
|
+
Source: [Volume.svg](https://github.com/480-Design/Solar-Icon-Set/blob/main/icons/SVG/Linear/Video%2C%20Audio%2C%20Sound/Volume.svg).
|
|
150
|
+
|
|
151
|
+
Changes: scaled Volume uniformly to 90% to match Volume Loud, preserving its
|
|
152
|
+
silhouette and details. It uses `currentColor` and inherits the standard
|
|
153
|
+
1.5-unit stroke and rounded caps and joins from the Honeyicons renderer.
|
|
154
|
+
|
|
155
|
+
`Microphone` uses the user-supplied **Microphone Large (Outline)** from the
|
|
156
|
+
same Solar set and CC BY 4.0 license. Its complete filled path, cutouts, grille
|
|
157
|
+
details, rounded capsule, and outer cradle are preserved with `currentColor`.
|
|
158
|
+
Source classes and unused root stroke attributes are removed; no second
|
|
159
|
+
stroke is added.
|
|
160
|
+
|
|
161
|
+
`Soundwave` is adapted from the user-supplied **Soundwave (Outline)** in the
|
|
162
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
163
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
164
|
+
|
|
165
|
+
Changes: represented the five filled outlines as separate stroked subpaths,
|
|
166
|
+
preserving their original lengths and spacing; used `currentColor` and inherited
|
|
167
|
+
the standard 1.5-unit stroke and rounded caps and joins from the Honeyicons renderer.
|
|
168
|
+
|
|
169
|
+
`Stop`, `Play`, `VolumeHigh`, and `VolumeOff` are adapted from their corresponding
|
|
170
|
+
**Linear** icons in the
|
|
171
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
172
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
173
|
+
|
|
174
|
+
Sources: [Stop.svg](https://github.com/480-Design/Solar-Icon-Set/blob/main/icons/SVG/Linear/Video%2C%20Audio%2C%20Sound/Stop.svg),
|
|
175
|
+
[Play.svg](https://github.com/480-Design/Solar-Icon-Set/blob/main/icons/SVG/Linear/Video%2C%20Audio%2C%20Sound/Play.svg),
|
|
176
|
+
[Volume Loud.svg](https://github.com/480-Design/Solar-Icon-Set/blob/main/icons/SVG/Linear/Video%2C%20Audio%2C%20Sound/Volume%20Loud.svg),
|
|
177
|
+
[Muted.svg](https://github.com/480-Design/Solar-Icon-Set/blob/main/icons/SVG/Linear/Video%2C%20Audio%2C%20Sound/Muted.svg).
|
|
178
|
+
|
|
179
|
+
Changes: scaled Stop, Play, and Volume Loud uniformly to 90% and centered their
|
|
180
|
+
geometry on the 24-unit grid for consistent padding. VolumeOff retains its original
|
|
181
|
+
geometry. All preserve their silhouettes and proportions, use `currentColor`,
|
|
182
|
+
and inherit the standard 1.5-unit stroke and rounded caps and joins from the
|
|
183
|
+
Honeyicons renderer.
|
|
184
|
+
|
|
185
|
+
`Layers` is adapted from **Layers Minimalistic (Linear)** in the
|
|
186
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
187
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
188
|
+
|
|
189
|
+
Source: [Layers Minimalistic.svg](https://github.com/480-Design/Solar-Icon-Set/blob/main/icons/SVG/Linear/Design%2C%20Tools/Layers%20Minimalistic.svg).
|
|
190
|
+
|
|
191
|
+
Changes: scaled path coordinates uniformly to 90% around the center of the
|
|
192
|
+
24-unit grid for consistent padding; preserved the silhouette and spacing
|
|
193
|
+
proportions, used `currentColor`, and inherited the standard 1.5-unit stroke and
|
|
194
|
+
rounded caps and joins from the Honeyicons renderer.
|
|
195
|
+
|
|
196
|
+
`Menu` is adapted from the user-supplied **Hamburger Menu (Outline)** in the
|
|
197
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
198
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
199
|
+
|
|
200
|
+
Changes: represented the three filled outlines as separate stroked subpaths,
|
|
201
|
+
preserving their original lengths and spacing; used `currentColor` and inherited
|
|
202
|
+
the standard 1.5-unit stroke and rounded caps and joins from the Honeyicons renderer.
|
|
203
|
+
|
|
204
|
+
`Paperclip` is adapted from **Paperclip 2 (Linear)** in the
|
|
205
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
206
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
207
|
+
|
|
208
|
+
Source: [Paperclip 2.svg](https://github.com/480-Design/Solar-Icon-Set/blob/main/icons/SVG/Linear/Messages%2C%20Conversation/Paperclip%202.svg).
|
|
209
|
+
|
|
210
|
+
Changes: scaled path coordinates uniformly to 90% around the center of the
|
|
211
|
+
24-unit grid for consistent padding; retained a 1.5-unit stroke, used
|
|
212
|
+
`currentColor`, and inherited rounded caps and joins from the Honeyicons renderer.
|
|
213
|
+
|
|
214
|
+
`PaperPlane` is adapted from **Plain 3 (Linear)** (also known as Plane 3) in the
|
|
215
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
216
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
217
|
+
|
|
218
|
+
Source: [Plain 3.svg](https://github.com/480-Design/Solar-Icon-Set/blob/main/icons/SVG/Linear/Messages%2C%20Conversation/Plain%203.svg).
|
|
219
|
+
|
|
220
|
+
Changes: scaled path coordinates uniformly to 90% around the center of the
|
|
221
|
+
24-unit grid for consistent padding; retained the silhouette and separate inner
|
|
222
|
+
line, used `currentColor`, and inherited the standard 1.5-unit stroke and rounded
|
|
223
|
+
caps and joins from the Honeyicons renderer.
|
|
224
|
+
|
|
225
|
+
`Reorder` is adapted from **Reorder (Linear)** in the
|
|
226
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
227
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
228
|
+
|
|
229
|
+
Source: [Reorder.svg](https://github.com/480-Design/Solar-Icon-Set/blob/main/icons/SVG/Linear/Essentional%2C%20UI/Reorder.svg).
|
|
230
|
+
|
|
231
|
+
Changes: combined the four lines into one path with separate subpaths, preserving
|
|
232
|
+
their original lengths and spacing; used `currentColor` and inherited the
|
|
233
|
+
standard 1.5-unit stroke and rounded caps and joins from the Honeyicons renderer.
|
|
234
|
+
|
|
235
|
+
`Settings` and `WidgetAdd` are adapted from **Settings (Linear)** and
|
|
236
|
+
**Widget Add (Linear)** in the
|
|
237
|
+
[Solar Icon Set by 480 Design](https://github.com/480-Design/Solar-Icon-Set),
|
|
238
|
+
licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
|
|
239
|
+
|
|
240
|
+
Sources: [Settings.svg](https://github.com/480-Design/Solar-Icon-Set/blob/main/icons/SVG/Linear/Settings%2C%20Fine%20Tuning/Settings.svg),
|
|
241
|
+
[Widget Add.svg](https://github.com/480-Design/Solar-Icon-Set/blob/main/icons/SVG/Linear/Settings%2C%20Fine%20Tuning/Widget%20Add.svg).
|
|
242
|
+
|
|
243
|
+
Changes: scaled geometry uniformly around the center of the 24-unit grid
|
|
244
|
+
(Settings to 90%; Widget Add to 18/19) for consistent padding; preserved the
|
|
245
|
+
original silhouettes and proportions, used `currentColor`, and inherited the
|
|
246
|
+
standard 1.5-unit stroke and rounded caps and joins from the Honeyicons renderer.
|
|
247
|
+
|
|
248
|
+
## Hugeicons
|
|
249
|
+
|
|
250
|
+
`Like` and `Dislike` are adapted from `ThumbsUpIcon` and `ThumbsDownIcon` in
|
|
251
|
+
`@hugeicons/core-free-icons` version 4.3.0. Their smooth path geometry is scaled
|
|
252
|
+
uniformly to 90% around the center of the 24-unit grid for consistent padding.
|
|
253
|
+
Both inherit the standard Honeyicons 1.5-unit stroke and rounded caps and joins.
|
|
254
|
+
The MIT notice below also applies to them.
|
|
255
|
+
|
|
256
|
+
`Edit`, `EditOff`, `MoreHorizontal`, `MoreVertical`, `Integration`,
|
|
257
|
+
`UnfoldMore`, and `UnfoldLess` use the corresponding `Edit01Icon`, `EditOffIcon`,
|
|
258
|
+
`MoreHorizontalIcon`, `MoreVerticalIcon`, `FlowIcon`, `UnfoldMoreIcon`, and
|
|
259
|
+
`UnfoldLessIcon` exports from `@hugeicons/core-free-icons` version 4.3.0.
|
|
260
|
+
They preserve the source paths and inherit the standard 1.5-unit stroke and
|
|
261
|
+
round caps and joins. Component keys and per-path stroke weights are removed.
|
|
262
|
+
The MIT notice below also applies to them.
|
|
263
|
+
|
|
264
|
+
`Undo` and `Redo` use mirrored curved return shafts with rounded arrowheads
|
|
265
|
+
derived from the existing Honeyicons directional arrows. Their head curvature
|
|
266
|
+
originates in the Hugeicons `Arrow*02Icon` exports. Coordinates are resized while
|
|
267
|
+
keeping the standard 1.5-unit stroke and round caps and joins. The MIT notice
|
|
268
|
+
below also applies to these head curves.
|
|
269
|
+
|
|
270
|
+
`Maximize` and `Minimize` compose the existing `ArrowUpRight` and `ArrowDownLeft`
|
|
271
|
+
head curves into paired outward and inward arrows, following the user-supplied
|
|
272
|
+
Solar layout references.
|
|
273
|
+
The heads originate in the corresponding Hugeicons exports, are resized by
|
|
274
|
+
adjusting path coordinates, and retain the standard 1.5-unit stroke and rounded
|
|
275
|
+
caps and joins. The MIT notice below also applies to them.
|
|
276
|
+
|
|
277
|
+
`LockOpen` and `Lock` are adapted from `LockOpenIcon` in
|
|
278
|
+
`@hugeicons/core-free-icons` version 4.3.0. `LockOpen` preserves the original
|
|
279
|
+
geometry; `Lock` reuses its body and closes the shackle with a matching rounded
|
|
280
|
+
arch. Both inherit the standard Honeyicons 1.5-unit stroke and rounded caps and
|
|
281
|
+
joins. The MIT notice below also applies to them.
|
|
282
|
+
|
|
283
|
+
`Check` and `CheckDouble` are adapted from `CheckIcon` and `CheckCheckIcon` in
|
|
284
|
+
`@hugeicons/core-free-icons` version 4.3.0. They preserve the original geometry,
|
|
285
|
+
including the smooth check bends, and inherit the standard Honeyicons 1.5-unit
|
|
286
|
+
stroke and rounded caps and joins. The MIT notice below also applies to them.
|
|
287
|
+
|
|
288
|
+
`Copy` is adapted from `Copy01Icon` in `@hugeicons/core-free-icons` version 4.3.0.
|
|
289
|
+
Its geometry is scaled uniformly to 18/19 around the center of the 24-unit grid,
|
|
290
|
+
preserving the overlapping shapes and their proportions. It inherits the
|
|
291
|
+
standard Honeyicons stroke, caps, and joins. The MIT notice below also applies
|
|
292
|
+
to it.
|
|
293
|
+
|
|
294
|
+
`Bell` is adapted from `BellIcon` in `@hugeicons/core-free-icons` version 4.3.0.
|
|
295
|
+
It preserves the original silhouette, smooth crown and lower corner curves on
|
|
296
|
+
the 24-unit grid, and inherits the standard Honeyicons 1.5-unit stroke and
|
|
297
|
+
rounded caps and joins. The MIT notice below also applies to it.
|
|
298
|
+
|
|
299
|
+
`Sun` is adapted from `Sun01Icon` in `@hugeicons/core-free-icons` version 4.3.0.
|
|
300
|
+
It retains its original geometry, including its eight dotted rays, and inherits
|
|
301
|
+
the standard Honeyicons stroke, caps, and joins. The MIT notice below also
|
|
302
|
+
applies to it.
|
|
303
|
+
|
|
304
|
+
`Calendar` is adapted from `Calendar03Icon` in `@hugeicons/core-free-icons`
|
|
305
|
+
version 4.3.0. Its geometry is scaled uniformly to 90% around the center of the
|
|
306
|
+
24-unit grid, preserving the rounded body, binding rings, and five date markers.
|
|
307
|
+
It inherits the standard Honeyicons stroke, caps, and joins. The MIT notice
|
|
308
|
+
below also applies to it.
|
|
309
|
+
|
|
310
|
+
`Computer`, `Folder`, `FolderOpen`, and `FolderAdd` are adapted from the matching
|
|
311
|
+
`ComputerIcon`, `Folder01Icon`, `Folder02Icon`, and `FolderAddIcon` exports in
|
|
312
|
+
`@hugeicons/core-free-icons` version 4.3.0. Their geometry is scaled uniformly to
|
|
313
|
+
90% around the center of the 24-unit grid, preserving their original shapes and
|
|
314
|
+
details while inheriting the standard Honeyicons stroke, caps, and joins.
|
|
315
|
+
Computer was subsequently updated at the user's request with softer screen
|
|
316
|
+
corner curves and a single centered stem and rounded horizontal base, retaining
|
|
317
|
+
the same overall bounds. The
|
|
318
|
+
MIT notice below also applies to them.
|
|
319
|
+
|
|
320
|
+
`ArrowDownLeft`, `ArrowDownRight`, `ArrowUpLeft`, and `ArrowUpRight` are adapted
|
|
321
|
+
from the corresponding `Arrow*01Icon` exports; `ArrowDown`, `ArrowUp`,
|
|
322
|
+
`ArrowLeft`, and `ArrowRight` use the matching `Arrow*02Icon` exports. These
|
|
323
|
+
eight arrows preserve the original Hugeicons geometry and inherit the standard
|
|
324
|
+
Honeyicons stroke, caps, and joins. The MIT notice below also applies to them.
|
|
325
|
+
|
|
326
|
+
`Brain`, `ChevronDown`, `ChevronUp`, `ChevronLeft`, `ChevronRight`, and the four
|
|
327
|
+
`Chevrons*` icons are adapted from the corresponding `AiBrain01Icon`,
|
|
328
|
+
`Arrow*01Icon`, and `Arrow*DoubleIcon` exports in `@hugeicons/core-free-icons`
|
|
329
|
+
version 4.3.0 by Hugeicons.
|
|
330
|
+
|
|
331
|
+
Source: [Hugeicons free icons](https://github.com/hugeicons/hugeicons).
|
|
332
|
+
|
|
333
|
+
Changes: scaled AI Brain geometry uniformly to 90% around the center of the
|
|
334
|
+
24-unit grid for consistent padding; preserved the arrow geometry and all
|
|
335
|
+
silhouettes. Removed component keys and per-path style attributes so the icons
|
|
336
|
+
inherit the standard 1.5-unit stroke and rounded caps and joins.
|
|
337
|
+
|
|
338
|
+
MIT License
|
|
339
|
+
|
|
340
|
+
Copyright (c) 2025 Hugeicons
|
|
341
|
+
|
|
342
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
343
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
344
|
+
in the Software without restriction, including without limitation the rights
|
|
345
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
346
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
347
|
+
furnished to do so, subject to the following conditions:
|
|
348
|
+
|
|
349
|
+
The above copyright notice and this permission notice shall be included in all
|
|
350
|
+
copies or substantial portions of the Software.
|
|
351
|
+
|
|
352
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
353
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
354
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
355
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
356
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
357
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
358
|
+
SOFTWARE.
|
|
359
|
+
|
|
360
|
+
## User-supplied brand marks
|
|
361
|
+
|
|
362
|
+
`Typescript`, `Google`, `Instagram`, `Twitter`, `Reddit`, `Facebook`, and `Npm` retain their
|
|
363
|
+
user-supplied brand paths, lettering, cutouts, and proportions. Fixed black
|
|
364
|
+
fills are replaced with `currentColor`; no outline stroke is added.
|
|
365
|
+
|
|
366
|
+
`Github`, `Zai`, `Codex`, `ClaudeCode`, `ClaudeAi`, `Anthropic`, `Antigravity`, `Qwen`, `Bun`, `Discord`, `Opencode`,
|
|
367
|
+
`Supabase`, `Deepseek`, `Openclaw`, and `Windsurf` retain the user-supplied filled SVG
|
|
368
|
+
geometry. Fixed black fills were replaced with `currentColor`; the original
|
|
369
|
+
cutouts and OpenCode panel opacity are preserved. No outline stroke is added.
|
|
370
|
+
`Qwen` and `Openclaw` use the user-provided names. These marks are not Hugeicons imports.
|
|
371
|
+
|
|
372
|
+
`Devin`, `MicrosoftCopilot`, `Openai`, `Mistral`, `Grok`, `React`, `Gemini`, and
|
|
373
|
+
`Pinterest` also preserve user-supplied filled paths with `currentColor`.
|
|
374
|
+
Grok omits the source clip definition, which matches the SVG viewport.
|
|
375
|
+
|
|
376
|
+
`Vercel`, `Cursor`, `GithubCopilot`, `Linkedin`, `Nvidia`, `Tiktok`,
|
|
377
|
+
`Perplexity`, `MetaAi`, `Youtube`, `Threads`, `Chrome`, and the bold variant
|
|
378
|
+
of `Snapchat` preserve the supplied filled paths, using `currentColor`.
|
package/README.md
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
# @honeyicons/react
|
|
2
|
+
|
|
3
|
+
SVG icons for React with TypeScript support, a 24-unit grid, and theme-aware colors.
|
|
4
|
+
|
|
5
|
+
```sh
|
|
6
|
+
npm install @honeyicons/react
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
```tsx
|
|
10
|
+
import { Bell, Search } from "@honeyicons/react";
|
|
11
|
+
|
|
12
|
+
export function Toolbar() {
|
|
13
|
+
return (
|
|
14
|
+
<div>
|
|
15
|
+
<Bell size={24} title="Notifications" />
|
|
16
|
+
<Search size={16} color="currentColor" />
|
|
17
|
+
</div>
|
|
18
|
+
);
|
|
19
|
+
}
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
Requires React 18 or later. Icons accept SVG props, `size` (default `24`),
|
|
23
|
+
`color` (default `currentColor`), and `strokeWidth` (default `1.5`).
|
|
24
|
+
Use `title` to give an icon an accessible name. Icons without a title are
|
|
25
|
+
decorative by default.
|
|
26
|
+
|
|
27
|
+
Linear is the default variant. Selected icons also support other variants;
|
|
28
|
+
check the component's `variants` property before choosing one. Stroke width
|
|
29
|
+
affects stroked geometry; filled outlines retain their original geometry.
|
|
30
|
+
|
|
31
|
+
Catalog data is available from `@honeyicons/react/catalog`.
|
|
32
|
+
|
|
33
|
+
See [NOTICE.md](./NOTICE.md) for third-party icon licenses and attribution,
|
|
34
|
+
and [MIGRATION.md](./MIGRATION.md) for renamed exports.
|