remixicon 4.7.0 → 4.9.0
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/License +186 -201
- package/README.md +57 -32
- package/README_CN.md +56 -36
- package/fonts/remixicon.css +786 -694
- package/fonts/remixicon.eot +0 -0
- package/fonts/remixicon.glyph.json +1 -1
- package/fonts/remixicon.less +786 -694
- package/fonts/remixicon.module.less +786 -694
- package/fonts/remixicon.scss +1563 -1379
- package/fonts/remixicon.styl +783 -691
- package/fonts/remixicon.svg +4100 -3824
- package/fonts/remixicon.symbol.svg +4 -4
- package/fonts/remixicon.ttf +0 -0
- package/fonts/remixicon.woff +0 -0
- package/fonts/remixicon.woff2 +0 -0
- package/icons/Business/area-chart-fill.svg +1 -0
- package/icons/Business/area-chart-line.svg +1 -0
- package/icons/Business/global-off-fill.svg +1 -0
- package/icons/Business/global-off-line.svg +1 -0
- package/icons/Business/megaphone-2-fill.svg +1 -0
- package/icons/Business/megaphone-2-line.svg +1 -0
- package/icons/Business/send-ins-fill.svg +1 -0
- package/icons/Business/send-ins-line.svg +1 -0
- package/icons/Business/stacked-chart-fill.svg +1 -0
- package/icons/Business/stacked-chart-line.svg +1 -0
- package/icons/Design/brush-ai-3-fill.svg +1 -1
- package/icons/Design/color-filter-ai-fill.svg +1 -1
- package/icons/Design/color-filter-ai-line.svg +1 -1
- package/icons/Design/draw-fill.svg +1 -0
- package/icons/Design/draw-line.svg +1 -0
- package/icons/Design/focus-fill.svg +1 -1
- package/icons/Design/focus-line.svg +1 -1
- package/icons/Design/ink-bottle-fill.svg +1 -1
- package/icons/Design/ink-bottle-line.svg +1 -1
- package/icons/Design/mosaic-fill.svg +1 -0
- package/icons/Design/mosaic-line.svg +1 -0
- package/icons/Design/pantone-line.svg +1 -1
- package/icons/Design/wrench-fill.svg +1 -1
- package/icons/Development/issues-fill.svg +1 -0
- package/icons/Development/issues-line.svg +1 -0
- package/icons/Development/issues-reopen-fill.svg +1 -0
- package/icons/Development/issues-reopen-line.svg +1 -0
- package/icons/Device/network-error-fill.svg +1 -0
- package/icons/Device/network-error-line.svg +1 -0
- package/icons/Device/network-fill.svg +1 -0
- package/icons/Device/network-line.svg +1 -0
- package/icons/Device/network-off-fill.svg +1 -0
- package/icons/Device/network-off-line.svg +1 -0
- package/icons/Device/qr-scan-ai-fill.svg +1 -0
- package/icons/Device/qr-scan-ai-line.svg +1 -0
- package/icons/Device/signal-cellular-1-fill.svg +1 -0
- package/icons/Device/signal-cellular-1-line.svg +1 -0
- package/icons/Device/signal-cellular-2-fill.svg +1 -0
- package/icons/Device/signal-cellular-2-line.svg +1 -0
- package/icons/Device/signal-cellular-3-fill.svg +1 -0
- package/icons/Device/signal-cellular-3-line.svg +1 -0
- package/icons/Device/signal-cellular-off-fill.svg +1 -0
- package/icons/Device/signal-cellular-off-line.svg +1 -0
- package/icons/Device/sim-card-warning-fill.svg +1 -0
- package/icons/Device/sim-card-warning-line.svg +1 -0
- package/icons/Document/certificate-2-fill.svg +1 -0
- package/icons/Document/certificate-2-line.svg +1 -0
- package/icons/Document/certificate-fill.svg +1 -0
- package/icons/Document/certificate-line.svg +1 -0
- package/icons/Document/file-scan-fill.svg +1 -0
- package/icons/Document/file-scan-line.svg +1 -0
- package/icons/Editor/cursor-hand.svg +1 -0
- package/icons/Editor/font-sans-serif.svg +1 -1
- package/icons/Editor/font-serif.svg +1 -0
- package/icons/Editor/hand-2.svg +1 -0
- package/icons/Food/cookie-fill.svg +1 -0
- package/icons/Food/cookie-line.svg +1 -0
- package/icons/Game & Sports/baseball-fill.svg +1 -0
- package/icons/Game & Sports/baseball-line.svg +1 -0
- package/icons/Game & Sports/piano-fill.svg +1 -0
- package/icons/Game & Sports/piano-grand-fill.svg +1 -0
- package/icons/Game & Sports/piano-grand-line.svg +1 -0
- package/icons/Game & Sports/piano-line.svg +1 -0
- package/icons/Game & Sports/poker-diamonds-fill.svg +1 -0
- package/icons/Game & Sports/poker-diamonds-line.svg +1 -0
- package/icons/Game & Sports/target-line.svg +1 -0
- package/icons/Health & Medical/brain-4-fill.svg +1 -0
- package/icons/Health & Medical/brain-4-line.svg +1 -0
- package/icons/Logos/cursor-ai-fill.svg +1 -0
- package/icons/Logos/cursor-ai-line.svg +1 -0
- package/icons/Logos/fiverr-fill.svg +1 -0
- package/icons/Logos/fiverr-line.svg +1 -0
- package/icons/Logos/gitbook-fill.svg +1 -0
- package/icons/Logos/gitbook-line.svg +1 -0
- package/icons/Logos/gitee-fill.svg +1 -0
- package/icons/Logos/gitee-line.svg +1 -0
- package/icons/Logos/grok-ai-fill.svg +1 -0
- package/icons/Logos/grok-ai-line.svg +1 -0
- package/icons/Logos/java-fill.svg +1 -1
- package/icons/Logos/microsoft-copilot-fill.svg +1 -0
- package/icons/Logos/microsoft-copilot-line.svg +1 -0
- package/icons/Logos/qwen-ai-fill.svg +1 -0
- package/icons/Logos/qwen-ai-line.svg +1 -0
- package/icons/Logos/reddit-2-fill.svg +1 -0
- package/icons/Logos/reddit-2-line.svg +1 -0
- package/icons/Logos/subreddit-fill.svg +1 -0
- package/icons/Logos/subreddit-line.svg +1 -0
- package/icons/Logos/upwork-fill.svg +1 -0
- package/icons/Logos/upwork-line.svg +1 -0
- package/icons/Logos/zhipu-ai-fill.svg +1 -0
- package/icons/Logos/zhipu-ai-line.svg +1 -0
- package/icons/Map/space-ship-2-fill.svg +1 -0
- package/icons/Map/space-ship-2-line.svg +1 -0
- package/icons/Media/image-download-fill.svg +1 -0
- package/icons/Media/image-download-line.svg +1 -0
- package/icons/Media/image-upload-fill.svg +1 -0
- package/icons/Media/image-upload-line.svg +1 -0
- package/icons/Others/binoculars-fill.svg +1 -0
- package/icons/Others/binoculars-line.svg +1 -0
- package/icons/Others/flower-line.svg +1 -1
- package/icons/Others/plug-3-fill.svg +1 -0
- package/icons/Others/plug-3-line.svg +1 -0
- package/icons/User & Faces/emotion-add-fill.svg +1 -0
- package/icons/User & Faces/emotion-add-line.svg +1 -0
- package/icons/User & Faces/ghost-3-fill.svg +1 -0
- package/icons/User & Faces/ghost-3-line.svg +1 -0
- package/icons/User & Faces/ghost-4-fill.svg +1 -0
- package/icons/User & Faces/ghost-4-line.svg +1 -0
- package/icons/Weather/snowflake-fill.svg +1 -1
- package/icons/Weather/snowflake-line.svg +1 -1
- package/package.json +1 -1
- package/icons/Editor/font-sans.svg +0 -1
- package/icons/Others/poker-diamonds-fill.svg +0 -1
- package/icons/Others/poker-diamonds-line.svg +0 -1
- package/icons/Others/target-line.svg +0 -1
- /package/icons/{Others → Game & Sports}/basketball-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/basketball-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/billiards-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/billiards-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/boxing-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/boxing-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/chess-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/chess-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/dice-1-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/dice-1-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/dice-2-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/dice-2-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/dice-3-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/dice-3-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/dice-4-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/dice-4-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/dice-5-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/dice-5-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/dice-6-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/dice-6-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/dice-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/dice-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/football-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/football-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/game-2-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/game-2-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/game-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/game-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/golf-ball-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/golf-ball-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/ping-pong-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/ping-pong-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/poker-clubs-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/poker-clubs-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/poker-hearts-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/poker-hearts-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/poker-spades-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/poker-spades-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/sword-fill.svg +0 -0
- /package/icons/{Others → Game & Sports}/sword-line.svg +0 -0
- /package/icons/{Others → Game & Sports}/target-fill.svg +0 -0
package/License
CHANGED
|
@@ -1,201 +1,186 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
identification within third-party archives.
|
|
188
|
-
|
|
189
|
-
Copyright [yyyy] [name of copyright owner]
|
|
190
|
-
|
|
191
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
192
|
-
you may not use this file except in compliance with the License.
|
|
193
|
-
You may obtain a copy of the License at
|
|
194
|
-
|
|
195
|
-
http://www.apache.org/licenses/LICENSE-2.0
|
|
196
|
-
|
|
197
|
-
Unless required by applicable law or agreed to in writing, software
|
|
198
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
199
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
200
|
-
See the License for the specific language governing permissions and
|
|
201
|
-
limitations under the License.
|
|
1
|
+
Remix Icon License v1.0
|
|
2
|
+
Version 1.0 – January 2026
|
|
3
|
+
Copyright (c) 2017–2026 Remix Design
|
|
4
|
+
|
|
5
|
+
This License governs the use of the Remix Icon library, including all icons,
|
|
6
|
+
SVG files, font files, and related assets (collectively, the "Icons").
|
|
7
|
+
|
|
8
|
+
1. Grant of License
|
|
9
|
+
|
|
10
|
+
Subject to the terms and conditions of this License, Remix Design grants you
|
|
11
|
+
a worldwide, royalty-free, non-exclusive license to use, copy, modify,
|
|
12
|
+
merge, and distribute the Icons, as permitted below.
|
|
13
|
+
|
|
14
|
+
2. Permitted Uses
|
|
15
|
+
|
|
16
|
+
You are permitted to:
|
|
17
|
+
|
|
18
|
+
2.1 Commercial and Non-Commercial Use
|
|
19
|
+
Use the Icons in personal, commercial, and client projects, including
|
|
20
|
+
but not limited to:
|
|
21
|
+
- Websites, web applications, and mobile applications
|
|
22
|
+
- Software products and SaaS platforms
|
|
23
|
+
- User interface designs, design systems, and UI kits
|
|
24
|
+
- Presentations, documentation, and marketing materials
|
|
25
|
+
- Physical or digital products where the Icons are decorative or
|
|
26
|
+
functional elements
|
|
27
|
+
|
|
28
|
+
2.2 Modification and Derivative Works
|
|
29
|
+
- Modify, adapt, or customize the Icons
|
|
30
|
+
- Change colors, sizes, stroke styles, or other visual attributes
|
|
31
|
+
to fit your project needs
|
|
32
|
+
|
|
33
|
+
2.3 Distribution as Part of a Larger Work
|
|
34
|
+
Include the Icons (modified or unmodified) as part of a larger product,
|
|
35
|
+
provided that:
|
|
36
|
+
- The Icons are functional or decorative components of the product, and
|
|
37
|
+
- The Icons are not marketed or sold as the primary value of the product
|
|
38
|
+
|
|
39
|
+
2.4 Attribution (Optional)
|
|
40
|
+
Attribution to Remix Icon is appreciated but not required.
|
|
41
|
+
Suggested attribution:
|
|
42
|
+
"Icons by Remix Icon (https://remixicon.com)"
|
|
43
|
+
|
|
44
|
+
3. Restrictions
|
|
45
|
+
|
|
46
|
+
3.1 Prohibited: Standalone Icon Sales
|
|
47
|
+
You may NOT:
|
|
48
|
+
- Sell, sublicense, or distribute the Icons as a standalone product
|
|
49
|
+
- Package the Icons as an independent icon pack, icon library, or
|
|
50
|
+
icon font for sale
|
|
51
|
+
- Offer the Icons as a downloadable asset collection where the Icons
|
|
52
|
+
themselves constitute the primary product value
|
|
53
|
+
|
|
54
|
+
Clarification:
|
|
55
|
+
A product is considered a prohibited standalone icon sale if:
|
|
56
|
+
- The Icons are the primary advertised feature, or
|
|
57
|
+
- Removing the Icons would eliminate the core value of the product
|
|
58
|
+
|
|
59
|
+
Examples:
|
|
60
|
+
- Prohibited: "Premium Icon Pack – 2,000+ Icons for $29"
|
|
61
|
+
- Prohibited: "Extended Remix Icon Library (Paid)"
|
|
62
|
+
- Permitted: Website or app templates that include Icons as UI elements
|
|
63
|
+
- Permitted: Design systems or UI kits where Icons are a minor component
|
|
64
|
+
|
|
65
|
+
3.2 Prohibited: Competing Icon Libraries
|
|
66
|
+
You may NOT use the Icons to create, distribute, or sell a competing
|
|
67
|
+
icon library or icon set, even if the Icons are modified with only
|
|
68
|
+
minor or superficial changes (such as color, size, stroke width,
|
|
69
|
+
corner radius, or layout).
|
|
70
|
+
|
|
71
|
+
3.3 Prohibited: Logo, Trademark, and Brand Identity Use
|
|
72
|
+
You may NOT use the Icons, whether modified or unmodified, as:
|
|
73
|
+
- A logo, trademark, or brand identifier
|
|
74
|
+
- The primary visual identity of a company, product, or service
|
|
75
|
+
|
|
76
|
+
This includes, but is not limited to:
|
|
77
|
+
- Creating a logo by applying simple modifications such as color changes,
|
|
78
|
+
rotation, combination, or layout
|
|
79
|
+
- Using an Icon as a brand mark, app icon, or identity symbol where the
|
|
80
|
+
Icon itself represents the brand
|
|
81
|
+
|
|
82
|
+
Rationale:
|
|
83
|
+
Remix Icon is designed for functional and informational use. Using the
|
|
84
|
+
Icons as brand identifiers may impair their recognizability and neutrality
|
|
85
|
+
in other functional contexts.
|
|
86
|
+
|
|
87
|
+
4. Brand Icons and Trademarks
|
|
88
|
+
|
|
89
|
+
Some Icons represent third-party brands or services.
|
|
90
|
+
|
|
91
|
+
4.1 Permitted Use of Brand Icons
|
|
92
|
+
You may use brand icons solely to represent or link to the corresponding
|
|
93
|
+
brand, product, or service.
|
|
94
|
+
Examples:
|
|
95
|
+
- Using a GitHub icon to link to a GitHub repository
|
|
96
|
+
- Displaying social media icons in a website footer
|
|
97
|
+
|
|
98
|
+
4.2 Prohibited Use of Brand Icons
|
|
99
|
+
You may NOT:
|
|
100
|
+
- Use brand icons as your own logo or trademark
|
|
101
|
+
- Modify brand icons to create a new brand identity
|
|
102
|
+
- Use brand icons in a way that implies endorsement or affiliation
|
|
103
|
+
by the brand owner
|
|
104
|
+
- Use brand icons for purposes unrelated to the represented brand
|
|
105
|
+
|
|
106
|
+
4.3 Trademark Responsibility
|
|
107
|
+
All brand icons are subject to the trademark rights of their respective
|
|
108
|
+
owners. This License does not grant any trademark rights.
|
|
109
|
+
Users are responsible for ensuring that their use of brand icons complies
|
|
110
|
+
with applicable trademark laws.
|
|
111
|
+
|
|
112
|
+
5. Copyright and License Notice
|
|
113
|
+
|
|
114
|
+
When distributing the complete Icon library or substantial portions thereof:
|
|
115
|
+
|
|
116
|
+
- You must retain existing copyright notices in source files
|
|
117
|
+
- You should include a copy of this License or a link to it
|
|
118
|
+
|
|
119
|
+
For individual use of Icons within projects (e.g., compiled apps, websites,
|
|
120
|
+
presentations), no copyright notice is required.
|
|
121
|
+
|
|
122
|
+
6. No Trademark Rights
|
|
123
|
+
|
|
124
|
+
This License does not grant permission to use:
|
|
125
|
+
|
|
126
|
+
- The "Remix Icon" name, logo, or trademarks
|
|
127
|
+
- Any trademarks represented by brand icons
|
|
128
|
+
|
|
129
|
+
You may refer to Remix Icon by name solely for attribution purposes.
|
|
130
|
+
|
|
131
|
+
7. Disclaimer of Warranty
|
|
132
|
+
|
|
133
|
+
THE ICONS ARE PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
134
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO WARRANTIES OF MERCHANTABILITY,
|
|
135
|
+
FITNESS FOR A PARTICULAR PURPOSE, AND NON-INFRINGEMENT.
|
|
136
|
+
|
|
137
|
+
8. Limitation of Liability
|
|
138
|
+
|
|
139
|
+
IN NO EVENT SHALL REMIX DESIGN BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER
|
|
140
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT, OR OTHERWISE, ARISING
|
|
141
|
+
FROM, OUT OF, OR IN CONNECTION WITH THE ICONS OR THEIR USE.
|
|
142
|
+
|
|
143
|
+
9. License Compatibility
|
|
144
|
+
|
|
145
|
+
You may integrate the Icons into projects under permissive licenses
|
|
146
|
+
(such as MIT, BSD, or Apache 2.0), provided that:
|
|
147
|
+
|
|
148
|
+
- The Icons themselves remain governed by this License
|
|
149
|
+
- The restrictions in Section 3 continue to apply
|
|
150
|
+
|
|
151
|
+
This License may be incompatible with licenses that require unrestricted
|
|
152
|
+
redistribution of assets as standalone products or mandatory application
|
|
153
|
+
of strong copyleft or share-alike terms.
|
|
154
|
+
|
|
155
|
+
10. Termination
|
|
156
|
+
|
|
157
|
+
Your rights under this License terminate automatically if you breach its
|
|
158
|
+
terms.
|
|
159
|
+
|
|
160
|
+
Upon termination:
|
|
161
|
+
|
|
162
|
+
- You must cease any distribution that violates this License
|
|
163
|
+
- You may continue to use the Icons in projects already distributed
|
|
164
|
+
prior to termination
|
|
165
|
+
- End users who received such projects are not affected
|
|
166
|
+
|
|
167
|
+
11. License Versioning
|
|
168
|
+
|
|
169
|
+
Remix Design may publish revised versions of this License.
|
|
170
|
+
|
|
171
|
+
You may choose to use the Icons under:
|
|
172
|
+
|
|
173
|
+
- The version of this License under which you received them, or
|
|
174
|
+
- Any later version published by Remix Design
|
|
175
|
+
|
|
176
|
+
Once chosen, that version may be used indefinitely.
|
|
177
|
+
|
|
178
|
+
How to Apply This License
|
|
179
|
+
|
|
180
|
+
Include the following notice in your documentation when appropriate:
|
|
181
|
+
|
|
182
|
+
"This project uses icons from Remix Icon (https://remixicon.com),
|
|
183
|
+
licensed under the Remix Icon License v1.0."
|
|
184
|
+
|
|
185
|
+
When distributing the complete Icon library or substantial portions of it,
|
|
186
|
+
include a copy of this License.
|
package/README.md
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
English | [简体中文](./README_CN.md)
|
|
11
11
|
|
|
12
|
-
Remix Icon is a set of open-source neutral-style system symbols for designers and developers. Unlike a patchwork icon library,
|
|
12
|
+
Remix Icon is a set of open-source neutral-style system symbols for designers and developers. Unlike a patchwork icon library, 3100+ icons are all elaborately crafted so that they are born with the genes of readability, consistency, and perfect pixels. Each icon was designed in "Outlined" and "Filled" styles based on a 24x24 grid. Of course, all the icons are free for both personal and commercial use.
|
|
13
13
|
|
|
14
14
|
[](https://remixicon.com)
|
|
15
15
|
View the full set of Remix Icons at [remixicon.com](https://remixicon.com).
|
|
@@ -56,12 +56,12 @@ Copy the following code and add it to the <head> tag of your HTML document
|
|
|
56
56
|
|
|
57
57
|
```html
|
|
58
58
|
<link
|
|
59
|
-
|
|
60
|
-
|
|
59
|
+
href="https://cdn.jsdelivr.net/npm/remixicon@4.8.0/fonts/remixicon.css"
|
|
60
|
+
rel="stylesheet"
|
|
61
61
|
/>
|
|
62
62
|
```
|
|
63
63
|
|
|
64
|
-
> The `@4.
|
|
64
|
+
> The `@4.8.0` in the CDN link can be changed to any history version we've published.
|
|
65
65
|
|
|
66
66
|
#### Download Manually
|
|
67
67
|
|
|
@@ -72,8 +72,7 @@ Download [`remixicon.css`](https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/re
|
|
|
72
72
|
Add icon with class name, class name rule: ri-{name}-{style}
|
|
73
73
|
|
|
74
74
|
```html
|
|
75
|
-
<i class="ri-admin-line"></i>
|
|
76
|
-
<i class="ri-admin-fill"></i>
|
|
75
|
+
<i class="ri-admin-line"></i> <i class="ri-admin-fill"></i>
|
|
77
76
|
```
|
|
78
77
|
|
|
79
78
|
> **Note:** We changed the class name prefixes from `remixicon-` to `ri` from v2.0.0;
|
|
@@ -86,17 +85,27 @@ RemixIcon can be resized by CSS class integrated by `remixicon.css` . Icons inhe
|
|
|
86
85
|
|
|
87
86
|
```html
|
|
88
87
|
<div style="font-size: 24px;">
|
|
89
|
-
<i class="ri-admin-line ri-fw"></i>
|
|
90
|
-
|
|
91
|
-
<i class="ri-admin-line ri-
|
|
92
|
-
|
|
93
|
-
<i class="ri-admin-line ri-
|
|
94
|
-
|
|
95
|
-
<i class="ri-admin-line ri-
|
|
96
|
-
|
|
97
|
-
<i class="ri-admin-line ri-
|
|
88
|
+
<i class="ri-admin-line ri-fw"></i>
|
|
89
|
+
<!-- fixed width -->
|
|
90
|
+
<i class="ri-admin-line ri-xxs"></i>
|
|
91
|
+
<!-- 0.5em -->
|
|
92
|
+
<i class="ri-admin-line ri-xs"></i>
|
|
93
|
+
<!-- 0.75em -->
|
|
94
|
+
<i class="ri-admin-line ri-sm"></i>
|
|
95
|
+
<!-- 0.875em -->
|
|
96
|
+
<i class="ri-admin-line ri-1x"></i>
|
|
97
|
+
<!-- 1em -->
|
|
98
|
+
<i class="ri-admin-line ri-lg"></i>
|
|
99
|
+
<!-- 1.3333em -->
|
|
100
|
+
<i class="ri-admin-line ri-xl"></i>
|
|
101
|
+
<!-- 1.5em -->
|
|
102
|
+
<i class="ri-admin-line ri-2x"></i>
|
|
103
|
+
<!-- 2em -->
|
|
104
|
+
<i class="ri-admin-line ri-3x"></i>
|
|
105
|
+
<!-- 3em -->
|
|
98
106
|
...
|
|
99
|
-
<i class="ri-admin-line ri-10x"></i>
|
|
107
|
+
<i class="ri-admin-line ri-10x"></i>
|
|
108
|
+
<!-- 10em -->
|
|
100
109
|
</div>
|
|
101
110
|
```
|
|
102
111
|
|
|
@@ -108,15 +117,15 @@ Download [`remixicon.symbol.svg`](https://cdn.jsdelivr.net/npm/remixicon@2.5.0/f
|
|
|
108
117
|
|
|
109
118
|
```html
|
|
110
119
|
<svg class="remix">
|
|
111
|
-
|
|
120
|
+
<use xlink:href="your-path/remixicon.symbol.svg#ri-admin-fill"></use>
|
|
112
121
|
</svg>
|
|
113
122
|
```
|
|
114
123
|
|
|
115
124
|
```css
|
|
116
125
|
.remix {
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
126
|
+
width: 24px;
|
|
127
|
+
height: 24px;
|
|
128
|
+
fill: #333;
|
|
120
129
|
}
|
|
121
130
|
```
|
|
122
131
|
|
|
@@ -140,13 +149,13 @@ pnpm install @remixicon/react
|
|
|
140
149
|
import { RiHeartFill } from "@remixicon/react";
|
|
141
150
|
|
|
142
151
|
const MyComponent = () => {
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
152
|
+
return (
|
|
153
|
+
<RiHeartFill
|
|
154
|
+
size={36} // set custom `width` and `height`
|
|
155
|
+
color="red" // set `fill` color
|
|
156
|
+
className="my-icon" // add custom class name
|
|
157
|
+
/>
|
|
158
|
+
);
|
|
150
159
|
};
|
|
151
160
|
```
|
|
152
161
|
|
|
@@ -170,7 +179,7 @@ import { RiHeartFill } from "@remixicon/vue";
|
|
|
170
179
|
</script>
|
|
171
180
|
|
|
172
181
|
<template>
|
|
173
|
-
|
|
182
|
+
<RiHeartFill size="36px" color="red" className="my-icon" />
|
|
174
183
|
</template>
|
|
175
184
|
```
|
|
176
185
|
|
|
@@ -192,13 +201,29 @@ If there is no suitable icon for your usage scenario, you can create an [issue](
|
|
|
192
201
|
|
|
193
202
|
We use [`tags.json`](https://github.com/Remix-Design/remixicon/blob/master/tags.json) file to manage the search keywords of our [website](https://remixicon.com). But at the moment, we don't have a good automatic method to complete the keywords for each icon. So we hope you can help us to improve the `tags.json` file by creating [issues](https://github.com/Remix-Design/remixicon/issues), sending emails, or "pull request" of tags.json file to make the search engine better. Especially when one of our icons matches your scene but you don't find the icon with your keywords.
|
|
194
203
|
|
|
195
|
-
## Sub-
|
|
204
|
+
## Sub-Projects
|
|
196
205
|
|
|
197
|
-
|
|
206
|
+
#### RemixIcon-MCP
|
|
207
|
+
|
|
208
|
+
Allows you to quickly describe your needs in natural language within your IDE or AI-assisted environment. AI automatically selects the most suitable icons for your current functionality through the MCP (Model Context Protocol) server, eliminating the need for manual searching.
|
|
209
|
+
[RemixIcon-MCP](https://github.com/Remix-Design/RemixIcon-MCP)
|
|
210
|
+
|
|
211
|
+
#### RemixIcon-Figma-Plugin
|
|
212
|
+
|
|
213
|
+
You can quickly access RemixIcon through the plugin in Figma, just as convenient as using the official website.
|
|
214
|
+
[Official Plugin Link](https://www.figma.com/community/plugin/1089569154784319246/remixicon)
|
|
215
|
+
|
|
216
|
+
#### RemixIcon-Slides
|
|
217
|
+
|
|
218
|
+
PowerPoint and Keynote versions of Remix Icon, allowing direct style editing within PPT or Keynote.
|
|
219
|
+
[RemixIcon-Slides](https://github.com/Remix-Design/RemixIcon-Slides)
|
|
198
220
|
|
|
199
221
|
## License
|
|
200
222
|
|
|
201
|
-
Remix Icon is
|
|
223
|
+
Remix Icon is licensed under the [Remix Icon License v1.0](https://github.com/Remix-Design/remixicon/blob/master/License). Feel free to use these icons in your products and distribute them. We would be very grateful if you mentioned "Remix Icon" in your product info, but it's not required.
|
|
224
|
+
Thank you.
|
|
225
|
+
|
|
226
|
+
Effective January 2026, we have updated our license agreement. If you have any questions, you are welcome to discuss them [here](https://github.com/Remix-Design/RemixIcon/issues/1069#issue-3853235164).
|
|
202
227
|
|
|
203
228
|
## Support Us
|
|
204
229
|
|
|
@@ -212,4 +237,4 @@ RemixDesign: https://x.com/RemixDesignHQ
|
|
|
212
237
|
|
|
213
238
|
Designer: https://x.com/remixdesigner
|
|
214
239
|
|
|
215
|
-
Developer: https://
|
|
240
|
+
Developer: https://x.com/wendygaoyuan
|