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.
Files changed (60) hide show
  1. package/License +186 -201
  2. package/README.md +42 -31
  3. package/README_CN.md +41 -39
  4. package/fonts/remixicon.css +48 -9
  5. package/fonts/remixicon.eot +0 -0
  6. package/fonts/remixicon.glyph.json +1 -1
  7. package/fonts/remixicon.less +48 -9
  8. package/fonts/remixicon.module.less +48 -9
  9. package/fonts/remixicon.scss +87 -9
  10. package/fonts/remixicon.styl +45 -6
  11. package/fonts/remixicon.svg +125 -8
  12. package/fonts/remixicon.symbol.svg +4 -4
  13. package/fonts/remixicon.ttf +0 -0
  14. package/fonts/remixicon.woff +0 -0
  15. package/fonts/remixicon.woff2 +0 -0
  16. package/icons/Business/megaphone-2-fill.svg +1 -0
  17. package/icons/Business/megaphone-2-line.svg +1 -0
  18. package/icons/Design/brush-ai-3-fill.svg +1 -1
  19. package/icons/Design/draw-fill.svg +1 -0
  20. package/icons/Design/draw-line.svg +1 -0
  21. package/icons/Design/ink-bottle-fill.svg +1 -1
  22. package/icons/Design/ink-bottle-line.svg +1 -1
  23. package/icons/Design/mosaic-fill.svg +1 -0
  24. package/icons/Design/mosaic-line.svg +1 -0
  25. package/icons/Design/pantone-line.svg +1 -1
  26. package/icons/Design/wrench-fill.svg +1 -1
  27. package/icons/Device/qr-scan-ai-fill.svg +1 -0
  28. package/icons/Device/qr-scan-ai-line.svg +1 -0
  29. package/icons/Device/sim-card-warning-fill.svg +1 -0
  30. package/icons/Device/sim-card-warning-line.svg +1 -0
  31. package/icons/Document/certificate-2-fill.svg +1 -0
  32. package/icons/Document/certificate-2-line.svg +1 -0
  33. package/icons/Document/certificate-fill.svg +1 -0
  34. package/icons/Document/certificate-line.svg +1 -0
  35. package/icons/Editor/hand-2.svg +1 -0
  36. package/icons/Food/cookie-fill.svg +1 -0
  37. package/icons/Food/cookie-line.svg +1 -0
  38. package/icons/Health & Medical/brain-4-fill.svg +1 -0
  39. package/icons/Health & Medical/brain-4-line.svg +1 -0
  40. package/icons/Logos/cursor-ai-fill.svg +1 -0
  41. package/icons/Logos/cursor-ai-line.svg +1 -0
  42. package/icons/Logos/gitbook-fill.svg +1 -0
  43. package/icons/Logos/gitbook-line.svg +1 -0
  44. package/icons/Logos/grok-ai-fill.svg +1 -0
  45. package/icons/Logos/grok-ai-line.svg +1 -0
  46. package/icons/Logos/microsoft-copilot-fill.svg +1 -0
  47. package/icons/Logos/microsoft-copilot-line.svg +1 -0
  48. package/icons/Logos/qwen-ai-fill.svg +1 -0
  49. package/icons/Logos/qwen-ai-line.svg +1 -0
  50. package/icons/Logos/reddit-2-fill.svg +1 -0
  51. package/icons/Logos/reddit-2-line.svg +1 -0
  52. package/icons/Logos/subreddit-fill.svg +1 -0
  53. package/icons/Logos/subreddit-line.svg +1 -0
  54. package/icons/Logos/zhipu-ai-fill.svg +1 -0
  55. package/icons/Logos/zhipu-ai-line.svg +1 -0
  56. package/icons/Map/space-ship-2-fill.svg +1 -0
  57. package/icons/Map/space-ship-2-line.svg +1 -0
  58. package/icons/User & Faces/ghost-4-fill.svg +1 -0
  59. package/icons/User & Faces/ghost-4-line.svg +1 -0
  60. package/package.json +1 -1
package/README_CN.md CHANGED
@@ -14,8 +14,6 @@ Remix Icon 是一套面向设计师和开发者的开源图标库。我们在设
14
14
  [![icon demo](./.github/files/preview.svg)](https://remixicon.com)
15
15
  前往官网查看整套图标库 [remixicon.com](https://remixicon.com).
16
16
 
17
-
18
-
19
17
  ## 使用说明
20
18
 
21
19
  ### 基本用法
@@ -59,8 +57,8 @@ import 'remixicon/fonts/remixicon.css'
59
57
 
60
58
  ```html
61
59
  <link
62
- href="https://cdn.jsdelivr.net/npm/remixicon@4.8.0/fonts/remixicon.css"
63
- rel="stylesheet"
60
+ href="https://cdn.jsdelivr.net/npm/remixicon@4.8.0/fonts/remixicon.css"
61
+ rel="stylesheet"
64
62
  />
65
63
  ```
66
64
 
@@ -75,8 +73,7 @@ import 'remixicon/fonts/remixicon.css'
75
73
  引入 Remix Icon 图标库后,就可以在 web 项目中使用了,只要在使用图标的时候将图标名称作为类名就可以了。类名规则:ri-{name}-{style}
76
74
 
77
75
  ```html
78
- <i class="ri-admin-line"></i>
79
- <i class="ri-admin-fill"></i>
76
+ <i class="ri-admin-line"></i> <i class="ri-admin-fill"></i>
80
77
  ```
81
78
 
82
79
  > **注意:** 从 v2.0.0 开始,我们修改了 class 名称的前缀,从 `remixicon-` 改为了 `ri-`;
@@ -89,17 +86,27 @@ import 'remixicon/fonts/remixicon.css'
89
86
 
90
87
  ```html
91
88
  <div style="font-size: 24px;">
92
- <i class="ri-admin-line ri-fw"></i> <!-- fixed width -->
93
- <i class="ri-admin-line ri-xxs"></i> <!-- 0.5em -->
94
- <i class="ri-admin-line ri-xs"></i> <!-- 0.75em -->
95
- <i class="ri-admin-line ri-sm"></i> <!-- 0.875em -->
96
- <i class="ri-admin-line ri-1x"></i> <!-- 1em -->
97
- <i class="ri-admin-line ri-lg"></i> <!-- 1.3333em -->
98
- <i class="ri-admin-line ri-xl"></i> <!-- 1.5em -->
99
- <i class="ri-admin-line ri-2x"></i> <!-- 2em -->
100
- <i class="ri-admin-line ri-3x"></i> <!-- 3em -->
89
+ <i class="ri-admin-line ri-fw"></i>
90
+ <!-- fixed width -->
91
+ <i class="ri-admin-line ri-xxs"></i>
92
+ <!-- 0.5em -->
93
+ <i class="ri-admin-line ri-xs"></i>
94
+ <!-- 0.75em -->
95
+ <i class="ri-admin-line ri-sm"></i>
96
+ <!-- 0.875em -->
97
+ <i class="ri-admin-line ri-1x"></i>
98
+ <!-- 1em -->
99
+ <i class="ri-admin-line ri-lg"></i>
100
+ <!-- 1.3333em -->
101
+ <i class="ri-admin-line ri-xl"></i>
102
+ <!-- 1.5em -->
103
+ <i class="ri-admin-line ri-2x"></i>
104
+ <!-- 2em -->
105
+ <i class="ri-admin-line ri-3x"></i>
106
+ <!-- 3em -->
101
107
  ...
102
- <i class="ri-admin-line ri-10x"></i> <!-- 10em -->
108
+ <i class="ri-admin-line ri-10x"></i>
109
+ <!-- 10em -->
103
110
  </div>
104
111
  ```
105
112
 
@@ -111,15 +118,15 @@ import 'remixicon/fonts/remixicon.css'
111
118
 
112
119
  ```html
113
120
  <svg class="remix">
114
- <use xlink:href="存放路径/remixicon.symbol.svg#ri-admin-fill"></use>
121
+ <use xlink:href="存放路径/remixicon.symbol.svg#ri-admin-fill"></use>
115
122
  </svg>
116
123
  ```
117
124
 
118
125
  ```css
119
126
  .remix {
120
- width: 24px;
121
- height: 24px;
122
- fill: #333;
127
+ width: 24px;
128
+ height: 24px;
129
+ fill: #333;
123
130
  }
124
131
  ```
125
132
 
@@ -143,13 +150,13 @@ pnpm install @remixicon/react
143
150
  import { RiHeartFill } from "@remixicon/react";
144
151
 
145
152
  const MyComponent = () => {
146
- return (
147
- <RiHeartFill
148
- size={36} // 设置大小
149
- color="red" // 设置颜色
150
- className="my-icon" // 添加自定义样式名
151
- />
152
- );
153
+ return (
154
+ <RiHeartFill
155
+ size={36} // 设置大小
156
+ color="red" // 设置颜色
157
+ className="my-icon" // 添加自定义样式名
158
+ />
159
+ );
153
160
  };
154
161
  ```
155
162
 
@@ -173,12 +180,10 @@ import { RiHeartFill } from "@remixicon/vue";
173
180
  </script>
174
181
 
175
182
  <template>
176
- <RiHeartFill size="36px" color="red" className="my-icon" />
183
+ <RiHeartFill size="36px" color="red" className="my-icon" />
177
184
  </template>
178
185
  ```
179
186
 
180
-
181
-
182
187
  ## 协作共建
183
188
 
184
189
  > **Note:** 为了保证每一枚图标的质量,现阶段我们还不接受第三方小伙伴绘制的图标。如果您想要向 Remix Icon 贡献自己设计的图标,请创建一个[issue](https://github.com/Remix-Design/remixicon/issues)来提交自己的图标设计,并在 issue 详情中附上自己图标的下载地址,我们会按照 Remix Icon 图标风格规范进行审核,通过后将会添加到图标库中,并在更新日志中署上作者的 ID。如果你对 GitHub 不是很熟悉,不清除 issue 和 pull request 是什么,也可以直接给我们发邮件 `jimmy@remixdesign.cn`,内容表述清楚即可。
@@ -193,36 +198,33 @@ import { RiHeartFill } from "@remixicon/vue";
193
198
 
194
199
  目前我们的[图标官网](https://remixicon.com)是通过[`tags.json`](https://github.com/Remix-Design/remixicon/blob/master/tags.json)文件来管理搜索关键词的,目前我们已经为所有图标添加了中文关键词,因此我们可以通过中文对图标进行搜索和定位;但是由于关键词不是很健全,所以用户还是经常无法通过某个特定关键词搜索到已有图标。而目前我们还没有一个很好的自动化策略来穷举每一个图标的关键词,只能通过人肉添加的方式来进行完善,希望用户可以通过提[issue](https://github.com/Remix-Design/remixicon/issues) 或者 pull request 的方式来帮我们一块完善维护 `tags.json`,让搜索功能变得更加好用。
195
200
 
196
-
197
-
198
201
  ## 相关项目
199
202
 
200
203
  #### RemixIcon-MCP
204
+
201
205
  允许你在 IDE 或 AI 辅助环境中通过自然语言描述快速需求,AI 通过 MCP(Model Context Protocol)服务器帮你自动选择最适合你当前功能的图标,无需手动翻找。
202
206
  [RemixIcon-MCP](https://github.com/Remix-Design/RemixIcon-MCP)
203
207
 
204
208
  #### RemixIcon-Figma-Plugin
209
+
205
210
  你可以在 Figma 中通过插件来快速获取 RemixIcon,和官网一样好用。
206
211
  [官方插件地址](https://www.figma.com/community/plugin/1089569154784319246/remixicon)
207
212
 
208
213
  #### RemixIcon-Slides
209
- Remix Icon 的 PPT 版本和 Keynote 版本,可在 PPT 或 Keynote 中直接编辑样式。
210
- [RemixIcon-Slides](https://github.com/Remix-Design/RemixIcon-Slides)
211
-
212
214
 
215
+ Remix Icon 的 PPT 版本和 Keynote 版本,可在 PPT 或 Keynote 中直接编辑样式。
216
+ [RemixIcon-Slides](https://github.com/Remix-Design/RemixIcon-Slides)
213
217
 
214
218
  ## 协议许可
215
219
 
216
- Remix Icon 是基于 [Apache License Version 2.0](https://github.com/Remix-Design/remixicon/blob/master/License) 开源协议的。请放心使用和分享本图标库,您可以查看协议详情来了解详细的开源策略。如果您能在您的产品介绍中署名 Remix Icon,我们将会非常感激,但这并不是必须的。唯一需要注意的是,您不能二次销售本图标库中的图标,否则我们会进行追究。
217
-
220
+ Remix Icon 是基于 [Remix Icon License v1.0](https://github.com/Remix-Design/remixicon/blob/master/License) 开源协议的。请放心使用和分享本图标库,您可以查看协议详情来了解详细的开源策略。如果您能在您的产品介绍中署名 Remix Icon,我们将会非常感激,但这并不是必须的。
218
221
 
222
+ 自 2026 年 1 月起,我们更新了许可协议。如果您有任何疑问,欢迎在[此处](https://github.com/Remix-Design/RemixIcon/issues/1069#issue-3853235164)进行讨论。
219
223
 
220
224
  ## 支持我们
221
225
 
222
226
  很简单,只需要点一下 GitHub 本项目右上角的小星星就可以了!精神鼓励就是支持我们持续维护本项目的最大动力。请我们喝杯咖啡当然也没问题哈哈(我们也确实挺缺钱的)~
223
227
 
224
-
225
-
226
228
  ## 关注我们
227
229
 
228
230
  我们都是 X / Twitter 上的新人,欢迎关注我们为我们增加一点人气~
@@ -1,21 +1,21 @@
1
1
  /*
2
- * Remix Icon v4.8.0
2
+ * Remix Icon v4.9.0
3
3
  * https://remixicon.com
4
4
  * https://github.com/Remix-Design/RemixIcon
5
5
  *
6
6
  * Copyright RemixIcon.com
7
- * Released under the Apache License Version 2.0
7
+ * Released under the Remix Icon License 1.0
8
8
  *
9
- * Date: 2025-12-26
9
+ * Date: 2026-01-27
10
10
  */
11
11
  @font-face {
12
12
  font-family: "remixicon";
13
- src: url('remixicon.eot?t=1766743011500'); /* IE9*/
14
- src: url('remixicon.eot?t=1766743011500#iefix') format('embedded-opentype'), /* IE6-IE8 */
15
- url("remixicon.woff2?t=1766743011500") format("woff2"),
16
- url("remixicon.woff?t=1766743011500") format("woff"),
17
- url('remixicon.ttf?t=1766743011500') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
18
- url('remixicon.svg?t=1766743011500#remixicon') format('svg'); /* iOS 4.1- */
13
+ src: url('remixicon.eot?t=1769486070745'); /* IE9*/
14
+ src: url('remixicon.eot?t=1769486070745#iefix') format('embedded-opentype'), /* IE6-IE8 */
15
+ url("remixicon.woff2?t=1769486070745") format("woff2"),
16
+ url("remixicon.woff?t=1769486070745") format("woff"),
17
+ url('remixicon.ttf?t=1769486070745') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
18
+ url('remixicon.svg?t=1769486070745#remixicon') format('svg'); /* iOS 4.1- */
19
19
  font-display: swap;
20
20
  }
21
21
 
@@ -3231,4 +3231,43 @@
3231
3231
  .ri-stacked-chart-line:before { content: "\f672"; }
3232
3232
  .ri-upwork-fill:before { content: "\f673"; }
3233
3233
  .ri-upwork-line:before { content: "\f674"; }
3234
+ .ri-brain-4-fill:before { content: "\f675"; }
3235
+ .ri-brain-4-line:before { content: "\f676"; }
3236
+ .ri-certificate-2-fill:before { content: "\f677"; }
3237
+ .ri-certificate-2-line:before { content: "\f678"; }
3238
+ .ri-certificate-fill:before { content: "\f679"; }
3239
+ .ri-certificate-line:before { content: "\f67a"; }
3240
+ .ri-cookie-fill:before { content: "\f67b"; }
3241
+ .ri-cookie-line:before { content: "\f67c"; }
3242
+ .ri-cursor-ai-fill:before { content: "\f67d"; }
3243
+ .ri-cursor-ai-line:before { content: "\f67e"; }
3244
+ .ri-draw-fill:before { content: "\f67f"; }
3245
+ .ri-draw-line:before { content: "\f680"; }
3246
+ .ri-ghost-4-fill:before { content: "\f681"; }
3247
+ .ri-ghost-4-line:before { content: "\f682"; }
3248
+ .ri-gitbook-fill:before { content: "\f683"; }
3249
+ .ri-gitbook-line:before { content: "\f684"; }
3250
+ .ri-grok-ai-fill:before { content: "\f685"; }
3251
+ .ri-grok-ai-line:before { content: "\f686"; }
3252
+ .ri-hand-2:before { content: "\f687"; }
3253
+ .ri-megaphone-2-fill:before { content: "\f688"; }
3254
+ .ri-megaphone-2-line:before { content: "\f689"; }
3255
+ .ri-microsoft-copilot-fill:before { content: "\f68a"; }
3256
+ .ri-microsoft-copilot-line:before { content: "\f68b"; }
3257
+ .ri-mosaic-fill:before { content: "\f68c"; }
3258
+ .ri-mosaic-line:before { content: "\f68d"; }
3259
+ .ri-qr-scan-ai-fill:before { content: "\f68e"; }
3260
+ .ri-qr-scan-ai-line:before { content: "\f68f"; }
3261
+ .ri-qwen-ai-fill:before { content: "\f690"; }
3262
+ .ri-qwen-ai-line:before { content: "\f691"; }
3263
+ .ri-reddit-2-fill:before { content: "\f692"; }
3264
+ .ri-reddit-2-line:before { content: "\f693"; }
3265
+ .ri-sim-card-warning-fill:before { content: "\f694"; }
3266
+ .ri-sim-card-warning-line:before { content: "\f695"; }
3267
+ .ri-space-ship-2-fill:before { content: "\f696"; }
3268
+ .ri-space-ship-2-line:before { content: "\f697"; }
3269
+ .ri-subreddit-fill:before { content: "\f698"; }
3270
+ .ri-subreddit-line:before { content: "\f699"; }
3271
+ .ri-zhipu-ai-fill:before { content: "\f69a"; }
3272
+ .ri-zhipu-ai-line:before { content: "\f69b"; }
3234
3273
 
Binary file