remixicon 4.8.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 +42 -31
- package/README_CN.md +41 -39
- package/fonts/remixicon.css +48 -9
- package/fonts/remixicon.eot +0 -0
- package/fonts/remixicon.glyph.json +1 -1
- package/fonts/remixicon.less +48 -9
- package/fonts/remixicon.module.less +48 -9
- package/fonts/remixicon.scss +87 -9
- package/fonts/remixicon.styl +45 -6
- package/fonts/remixicon.svg +125 -8
- 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/megaphone-2-fill.svg +1 -0
- package/icons/Business/megaphone-2-line.svg +1 -0
- package/icons/Design/brush-ai-3-fill.svg +1 -1
- package/icons/Design/draw-fill.svg +1 -0
- package/icons/Design/draw-line.svg +1 -0
- 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/Device/qr-scan-ai-fill.svg +1 -0
- package/icons/Device/qr-scan-ai-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/Editor/hand-2.svg +1 -0
- package/icons/Food/cookie-fill.svg +1 -0
- package/icons/Food/cookie-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/gitbook-fill.svg +1 -0
- package/icons/Logos/gitbook-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/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/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/User & Faces/ghost-4-fill.svg +1 -0
- package/icons/User & Faces/ghost-4-line.svg +1 -0
- package/package.json +1 -1
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
|
@@ -14,8 +14,6 @@ Remix Icon is a set of open-source neutral-style system symbols for designers an
|
|
|
14
14
|
[](https://remixicon.com)
|
|
15
15
|
View the full set of Remix Icons at [remixicon.com](https://remixicon.com).
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
|
|
19
17
|
## Usage
|
|
20
18
|
|
|
21
19
|
### Basic Usage
|
|
@@ -58,8 +56,8 @@ Copy the following code and add it to the <head> tag of your HTML document
|
|
|
58
56
|
|
|
59
57
|
```html
|
|
60
58
|
<link
|
|
61
|
-
|
|
62
|
-
|
|
59
|
+
href="https://cdn.jsdelivr.net/npm/remixicon@4.8.0/fonts/remixicon.css"
|
|
60
|
+
rel="stylesheet"
|
|
63
61
|
/>
|
|
64
62
|
```
|
|
65
63
|
|
|
@@ -74,8 +72,7 @@ Download [`remixicon.css`](https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/re
|
|
|
74
72
|
Add icon with class name, class name rule: ri-{name}-{style}
|
|
75
73
|
|
|
76
74
|
```html
|
|
77
|
-
<i class="ri-admin-line"></i>
|
|
78
|
-
<i class="ri-admin-fill"></i>
|
|
75
|
+
<i class="ri-admin-line"></i> <i class="ri-admin-fill"></i>
|
|
79
76
|
```
|
|
80
77
|
|
|
81
78
|
> **Note:** We changed the class name prefixes from `remixicon-` to `ri` from v2.0.0;
|
|
@@ -88,17 +85,27 @@ RemixIcon can be resized by CSS class integrated by `remixicon.css` . Icons inhe
|
|
|
88
85
|
|
|
89
86
|
```html
|
|
90
87
|
<div style="font-size: 24px;">
|
|
91
|
-
<i class="ri-admin-line ri-fw"></i>
|
|
92
|
-
|
|
93
|
-
<i class="ri-admin-line ri-
|
|
94
|
-
|
|
95
|
-
<i class="ri-admin-line ri-
|
|
96
|
-
|
|
97
|
-
<i class="ri-admin-line ri-
|
|
98
|
-
|
|
99
|
-
<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 -->
|
|
100
106
|
...
|
|
101
|
-
<i class="ri-admin-line ri-10x"></i>
|
|
107
|
+
<i class="ri-admin-line ri-10x"></i>
|
|
108
|
+
<!-- 10em -->
|
|
102
109
|
</div>
|
|
103
110
|
```
|
|
104
111
|
|
|
@@ -110,15 +117,15 @@ Download [`remixicon.symbol.svg`](https://cdn.jsdelivr.net/npm/remixicon@2.5.0/f
|
|
|
110
117
|
|
|
111
118
|
```html
|
|
112
119
|
<svg class="remix">
|
|
113
|
-
|
|
120
|
+
<use xlink:href="your-path/remixicon.symbol.svg#ri-admin-fill"></use>
|
|
114
121
|
</svg>
|
|
115
122
|
```
|
|
116
123
|
|
|
117
124
|
```css
|
|
118
125
|
.remix {
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
126
|
+
width: 24px;
|
|
127
|
+
height: 24px;
|
|
128
|
+
fill: #333;
|
|
122
129
|
}
|
|
123
130
|
```
|
|
124
131
|
|
|
@@ -142,13 +149,13 @@ pnpm install @remixicon/react
|
|
|
142
149
|
import { RiHeartFill } from "@remixicon/react";
|
|
143
150
|
|
|
144
151
|
const MyComponent = () => {
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
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
|
+
);
|
|
152
159
|
};
|
|
153
160
|
```
|
|
154
161
|
|
|
@@ -172,7 +179,7 @@ import { RiHeartFill } from "@remixicon/vue";
|
|
|
172
179
|
</script>
|
|
173
180
|
|
|
174
181
|
<template>
|
|
175
|
-
|
|
182
|
+
<RiHeartFill size="36px" color="red" className="my-icon" />
|
|
176
183
|
</template>
|
|
177
184
|
```
|
|
178
185
|
|
|
@@ -194,25 +201,29 @@ If there is no suitable icon for your usage scenario, you can create an [issue](
|
|
|
194
201
|
|
|
195
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.
|
|
196
203
|
|
|
197
|
-
|
|
198
|
-
|
|
199
204
|
## Sub-Projects
|
|
200
205
|
|
|
201
206
|
#### RemixIcon-MCP
|
|
207
|
+
|
|
202
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.
|
|
203
209
|
[RemixIcon-MCP](https://github.com/Remix-Design/RemixIcon-MCP)
|
|
204
210
|
|
|
205
211
|
#### RemixIcon-Figma-Plugin
|
|
212
|
+
|
|
206
213
|
You can quickly access RemixIcon through the plugin in Figma, just as convenient as using the official website.
|
|
207
214
|
[Official Plugin Link](https://www.figma.com/community/plugin/1089569154784319246/remixicon)
|
|
208
215
|
|
|
209
216
|
#### RemixIcon-Slides
|
|
217
|
+
|
|
210
218
|
PowerPoint and Keynote versions of Remix Icon, allowing direct style editing within PPT or Keynote.
|
|
211
219
|
[RemixIcon-Slides](https://github.com/Remix-Design/RemixIcon-Slides)
|
|
212
220
|
|
|
213
221
|
## License
|
|
214
222
|
|
|
215
|
-
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).
|
|
216
227
|
|
|
217
228
|
## Support Us
|
|
218
229
|
|