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.
Files changed (171) hide show
  1. package/License +186 -201
  2. package/README.md +57 -32
  3. package/README_CN.md +56 -36
  4. package/fonts/remixicon.css +786 -694
  5. package/fonts/remixicon.eot +0 -0
  6. package/fonts/remixicon.glyph.json +1 -1
  7. package/fonts/remixicon.less +786 -694
  8. package/fonts/remixicon.module.less +786 -694
  9. package/fonts/remixicon.scss +1563 -1379
  10. package/fonts/remixicon.styl +783 -691
  11. package/fonts/remixicon.svg +4100 -3824
  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/area-chart-fill.svg +1 -0
  17. package/icons/Business/area-chart-line.svg +1 -0
  18. package/icons/Business/global-off-fill.svg +1 -0
  19. package/icons/Business/global-off-line.svg +1 -0
  20. package/icons/Business/megaphone-2-fill.svg +1 -0
  21. package/icons/Business/megaphone-2-line.svg +1 -0
  22. package/icons/Business/send-ins-fill.svg +1 -0
  23. package/icons/Business/send-ins-line.svg +1 -0
  24. package/icons/Business/stacked-chart-fill.svg +1 -0
  25. package/icons/Business/stacked-chart-line.svg +1 -0
  26. package/icons/Design/brush-ai-3-fill.svg +1 -1
  27. package/icons/Design/color-filter-ai-fill.svg +1 -1
  28. package/icons/Design/color-filter-ai-line.svg +1 -1
  29. package/icons/Design/draw-fill.svg +1 -0
  30. package/icons/Design/draw-line.svg +1 -0
  31. package/icons/Design/focus-fill.svg +1 -1
  32. package/icons/Design/focus-line.svg +1 -1
  33. package/icons/Design/ink-bottle-fill.svg +1 -1
  34. package/icons/Design/ink-bottle-line.svg +1 -1
  35. package/icons/Design/mosaic-fill.svg +1 -0
  36. package/icons/Design/mosaic-line.svg +1 -0
  37. package/icons/Design/pantone-line.svg +1 -1
  38. package/icons/Design/wrench-fill.svg +1 -1
  39. package/icons/Development/issues-fill.svg +1 -0
  40. package/icons/Development/issues-line.svg +1 -0
  41. package/icons/Development/issues-reopen-fill.svg +1 -0
  42. package/icons/Development/issues-reopen-line.svg +1 -0
  43. package/icons/Device/network-error-fill.svg +1 -0
  44. package/icons/Device/network-error-line.svg +1 -0
  45. package/icons/Device/network-fill.svg +1 -0
  46. package/icons/Device/network-line.svg +1 -0
  47. package/icons/Device/network-off-fill.svg +1 -0
  48. package/icons/Device/network-off-line.svg +1 -0
  49. package/icons/Device/qr-scan-ai-fill.svg +1 -0
  50. package/icons/Device/qr-scan-ai-line.svg +1 -0
  51. package/icons/Device/signal-cellular-1-fill.svg +1 -0
  52. package/icons/Device/signal-cellular-1-line.svg +1 -0
  53. package/icons/Device/signal-cellular-2-fill.svg +1 -0
  54. package/icons/Device/signal-cellular-2-line.svg +1 -0
  55. package/icons/Device/signal-cellular-3-fill.svg +1 -0
  56. package/icons/Device/signal-cellular-3-line.svg +1 -0
  57. package/icons/Device/signal-cellular-off-fill.svg +1 -0
  58. package/icons/Device/signal-cellular-off-line.svg +1 -0
  59. package/icons/Device/sim-card-warning-fill.svg +1 -0
  60. package/icons/Device/sim-card-warning-line.svg +1 -0
  61. package/icons/Document/certificate-2-fill.svg +1 -0
  62. package/icons/Document/certificate-2-line.svg +1 -0
  63. package/icons/Document/certificate-fill.svg +1 -0
  64. package/icons/Document/certificate-line.svg +1 -0
  65. package/icons/Document/file-scan-fill.svg +1 -0
  66. package/icons/Document/file-scan-line.svg +1 -0
  67. package/icons/Editor/cursor-hand.svg +1 -0
  68. package/icons/Editor/font-sans-serif.svg +1 -1
  69. package/icons/Editor/font-serif.svg +1 -0
  70. package/icons/Editor/hand-2.svg +1 -0
  71. package/icons/Food/cookie-fill.svg +1 -0
  72. package/icons/Food/cookie-line.svg +1 -0
  73. package/icons/Game & Sports/baseball-fill.svg +1 -0
  74. package/icons/Game & Sports/baseball-line.svg +1 -0
  75. package/icons/Game & Sports/piano-fill.svg +1 -0
  76. package/icons/Game & Sports/piano-grand-fill.svg +1 -0
  77. package/icons/Game & Sports/piano-grand-line.svg +1 -0
  78. package/icons/Game & Sports/piano-line.svg +1 -0
  79. package/icons/Game & Sports/poker-diamonds-fill.svg +1 -0
  80. package/icons/Game & Sports/poker-diamonds-line.svg +1 -0
  81. package/icons/Game & Sports/target-line.svg +1 -0
  82. package/icons/Health & Medical/brain-4-fill.svg +1 -0
  83. package/icons/Health & Medical/brain-4-line.svg +1 -0
  84. package/icons/Logos/cursor-ai-fill.svg +1 -0
  85. package/icons/Logos/cursor-ai-line.svg +1 -0
  86. package/icons/Logos/fiverr-fill.svg +1 -0
  87. package/icons/Logos/fiverr-line.svg +1 -0
  88. package/icons/Logos/gitbook-fill.svg +1 -0
  89. package/icons/Logos/gitbook-line.svg +1 -0
  90. package/icons/Logos/gitee-fill.svg +1 -0
  91. package/icons/Logos/gitee-line.svg +1 -0
  92. package/icons/Logos/grok-ai-fill.svg +1 -0
  93. package/icons/Logos/grok-ai-line.svg +1 -0
  94. package/icons/Logos/java-fill.svg +1 -1
  95. package/icons/Logos/microsoft-copilot-fill.svg +1 -0
  96. package/icons/Logos/microsoft-copilot-line.svg +1 -0
  97. package/icons/Logos/qwen-ai-fill.svg +1 -0
  98. package/icons/Logos/qwen-ai-line.svg +1 -0
  99. package/icons/Logos/reddit-2-fill.svg +1 -0
  100. package/icons/Logos/reddit-2-line.svg +1 -0
  101. package/icons/Logos/subreddit-fill.svg +1 -0
  102. package/icons/Logos/subreddit-line.svg +1 -0
  103. package/icons/Logos/upwork-fill.svg +1 -0
  104. package/icons/Logos/upwork-line.svg +1 -0
  105. package/icons/Logos/zhipu-ai-fill.svg +1 -0
  106. package/icons/Logos/zhipu-ai-line.svg +1 -0
  107. package/icons/Map/space-ship-2-fill.svg +1 -0
  108. package/icons/Map/space-ship-2-line.svg +1 -0
  109. package/icons/Media/image-download-fill.svg +1 -0
  110. package/icons/Media/image-download-line.svg +1 -0
  111. package/icons/Media/image-upload-fill.svg +1 -0
  112. package/icons/Media/image-upload-line.svg +1 -0
  113. package/icons/Others/binoculars-fill.svg +1 -0
  114. package/icons/Others/binoculars-line.svg +1 -0
  115. package/icons/Others/flower-line.svg +1 -1
  116. package/icons/Others/plug-3-fill.svg +1 -0
  117. package/icons/Others/plug-3-line.svg +1 -0
  118. package/icons/User & Faces/emotion-add-fill.svg +1 -0
  119. package/icons/User & Faces/emotion-add-line.svg +1 -0
  120. package/icons/User & Faces/ghost-3-fill.svg +1 -0
  121. package/icons/User & Faces/ghost-3-line.svg +1 -0
  122. package/icons/User & Faces/ghost-4-fill.svg +1 -0
  123. package/icons/User & Faces/ghost-4-line.svg +1 -0
  124. package/icons/Weather/snowflake-fill.svg +1 -1
  125. package/icons/Weather/snowflake-line.svg +1 -1
  126. package/package.json +1 -1
  127. package/icons/Editor/font-sans.svg +0 -1
  128. package/icons/Others/poker-diamonds-fill.svg +0 -1
  129. package/icons/Others/poker-diamonds-line.svg +0 -1
  130. package/icons/Others/target-line.svg +0 -1
  131. /package/icons/{Others → Game & Sports}/basketball-fill.svg +0 -0
  132. /package/icons/{Others → Game & Sports}/basketball-line.svg +0 -0
  133. /package/icons/{Others → Game & Sports}/billiards-fill.svg +0 -0
  134. /package/icons/{Others → Game & Sports}/billiards-line.svg +0 -0
  135. /package/icons/{Others → Game & Sports}/boxing-fill.svg +0 -0
  136. /package/icons/{Others → Game & Sports}/boxing-line.svg +0 -0
  137. /package/icons/{Others → Game & Sports}/chess-fill.svg +0 -0
  138. /package/icons/{Others → Game & Sports}/chess-line.svg +0 -0
  139. /package/icons/{Others → Game & Sports}/dice-1-fill.svg +0 -0
  140. /package/icons/{Others → Game & Sports}/dice-1-line.svg +0 -0
  141. /package/icons/{Others → Game & Sports}/dice-2-fill.svg +0 -0
  142. /package/icons/{Others → Game & Sports}/dice-2-line.svg +0 -0
  143. /package/icons/{Others → Game & Sports}/dice-3-fill.svg +0 -0
  144. /package/icons/{Others → Game & Sports}/dice-3-line.svg +0 -0
  145. /package/icons/{Others → Game & Sports}/dice-4-fill.svg +0 -0
  146. /package/icons/{Others → Game & Sports}/dice-4-line.svg +0 -0
  147. /package/icons/{Others → Game & Sports}/dice-5-fill.svg +0 -0
  148. /package/icons/{Others → Game & Sports}/dice-5-line.svg +0 -0
  149. /package/icons/{Others → Game & Sports}/dice-6-fill.svg +0 -0
  150. /package/icons/{Others → Game & Sports}/dice-6-line.svg +0 -0
  151. /package/icons/{Others → Game & Sports}/dice-fill.svg +0 -0
  152. /package/icons/{Others → Game & Sports}/dice-line.svg +0 -0
  153. /package/icons/{Others → Game & Sports}/football-fill.svg +0 -0
  154. /package/icons/{Others → Game & Sports}/football-line.svg +0 -0
  155. /package/icons/{Others → Game & Sports}/game-2-fill.svg +0 -0
  156. /package/icons/{Others → Game & Sports}/game-2-line.svg +0 -0
  157. /package/icons/{Others → Game & Sports}/game-fill.svg +0 -0
  158. /package/icons/{Others → Game & Sports}/game-line.svg +0 -0
  159. /package/icons/{Others → Game & Sports}/golf-ball-fill.svg +0 -0
  160. /package/icons/{Others → Game & Sports}/golf-ball-line.svg +0 -0
  161. /package/icons/{Others → Game & Sports}/ping-pong-fill.svg +0 -0
  162. /package/icons/{Others → Game & Sports}/ping-pong-line.svg +0 -0
  163. /package/icons/{Others → Game & Sports}/poker-clubs-fill.svg +0 -0
  164. /package/icons/{Others → Game & Sports}/poker-clubs-line.svg +0 -0
  165. /package/icons/{Others → Game & Sports}/poker-hearts-fill.svg +0 -0
  166. /package/icons/{Others → Game & Sports}/poker-hearts-line.svg +0 -0
  167. /package/icons/{Others → Game & Sports}/poker-spades-fill.svg +0 -0
  168. /package/icons/{Others → Game & Sports}/poker-spades-line.svg +0 -0
  169. /package/icons/{Others → Game & Sports}/sword-fill.svg +0 -0
  170. /package/icons/{Others → Game & Sports}/sword-line.svg +0 -0
  171. /package/icons/{Others → Game & Sports}/target-fill.svg +0 -0
package/README_CN.md CHANGED
@@ -57,12 +57,12 @@ import 'remixicon/fonts/remixicon.css'
57
57
 
58
58
  ```html
59
59
  <link
60
- href="https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css"
61
- rel="stylesheet"
60
+ href="https://cdn.jsdelivr.net/npm/remixicon@4.8.0/fonts/remixicon.css"
61
+ rel="stylesheet"
62
62
  />
63
63
  ```
64
64
 
65
- > 上面 CDN 链接中的 `@4.5.0` 可以更改为任何我们曾经发布过的历史版本号。
65
+ > 上面 CDN 链接中的 `@4.8.0` 可以更改为任何我们曾经发布过的历史版本号。
66
66
 
67
67
  #### 手动下载引入
68
68
 
@@ -73,8 +73,7 @@ import 'remixicon/fonts/remixicon.css'
73
73
  引入 Remix Icon 图标库后,就可以在 web 项目中使用了,只要在使用图标的时候将图标名称作为类名就可以了。类名规则:ri-{name}-{style}
74
74
 
75
75
  ```html
76
- <i class="ri-admin-line"></i>
77
- <i class="ri-admin-fill"></i>
76
+ <i class="ri-admin-line"></i> <i class="ri-admin-fill"></i>
78
77
  ```
79
78
 
80
79
  > **注意:** 从 v2.0.0 开始,我们修改了 class 名称的前缀,从 `remixicon-` 改为了 `ri-`;
@@ -87,17 +86,27 @@ import 'remixicon/fonts/remixicon.css'
87
86
 
88
87
  ```html
89
88
  <div style="font-size: 24px;">
90
- <i class="ri-admin-line ri-fw"></i> <!-- fixed width -->
91
- <i class="ri-admin-line ri-xxs"></i> <!-- 0.5em -->
92
- <i class="ri-admin-line ri-xs"></i> <!-- 0.75em -->
93
- <i class="ri-admin-line ri-sm"></i> <!-- 0.875em -->
94
- <i class="ri-admin-line ri-1x"></i> <!-- 1em -->
95
- <i class="ri-admin-line ri-lg"></i> <!-- 1.3333em -->
96
- <i class="ri-admin-line ri-xl"></i> <!-- 1.5em -->
97
- <i class="ri-admin-line ri-2x"></i> <!-- 2em -->
98
- <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 -->
99
107
  ...
100
- <i class="ri-admin-line ri-10x"></i> <!-- 10em -->
108
+ <i class="ri-admin-line ri-10x"></i>
109
+ <!-- 10em -->
101
110
  </div>
102
111
  ```
103
112
 
@@ -109,15 +118,15 @@ import 'remixicon/fonts/remixicon.css'
109
118
 
110
119
  ```html
111
120
  <svg class="remix">
112
- <use xlink:href="存放路径/remixicon.symbol.svg#ri-admin-fill"></use>
121
+ <use xlink:href="存放路径/remixicon.symbol.svg#ri-admin-fill"></use>
113
122
  </svg>
114
123
  ```
115
124
 
116
125
  ```css
117
126
  .remix {
118
- width: 24px;
119
- height: 24px;
120
- fill: #333;
127
+ width: 24px;
128
+ height: 24px;
129
+ fill: #333;
121
130
  }
122
131
  ```
123
132
 
@@ -141,13 +150,13 @@ pnpm install @remixicon/react
141
150
  import { RiHeartFill } from "@remixicon/react";
142
151
 
143
152
  const MyComponent = () => {
144
- return (
145
- <RiHeartFill
146
- size={36} // 设置大小
147
- color="red" // 设置颜色
148
- className="my-icon" // 添加自定义样式名
149
- />
150
- );
153
+ return (
154
+ <RiHeartFill
155
+ size={36} // 设置大小
156
+ color="red" // 设置颜色
157
+ className="my-icon" // 添加自定义样式名
158
+ />
159
+ );
151
160
  };
152
161
  ```
153
162
 
@@ -171,39 +180,50 @@ import { RiHeartFill } from "@remixicon/vue";
171
180
  </script>
172
181
 
173
182
  <template>
174
- <RiHeartFill size="36px" color="red" className="my-icon" />
183
+ <RiHeartFill size="36px" color="red" className="my-icon" />
175
184
  </template>
176
185
  ```
177
186
 
178
- ### Figma
179
-
180
- [官方插件](https://www.figma.com/community/plugin/1089569154784319246/remixicon)
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`,内容表述清楚即可。
185
190
 
186
- ### 图标申请
191
+ #### 图标申请
187
192
 
188
193
  如果图标库中缺少某个适合您业务场景的图标,您可以通过创建[issue](https://github.com/Remix-Design/remixicon/issues)的方式进行申请,issue 标题格式为:“Icon request: <图标名称>”,并完善 issue 模板中的相应信息。感谢您提出图标申请,这也是帮助我们完善图标库的一种协作共建方式。
189
194
 
190
195
  > RemixIcon 主要聚焦于用户界面类的图标,如果 RemixIcon 没有包含您需要的 logo 类的图标,推荐使用 [Simple Icons](https://github.com/simple-icons/simple-icons),这是一个优秀的 logo 类图标合集。如果您需要的 logo 经常在 UI 端展示,比如社交媒体类图标,也可以发出申请。
191
196
 
192
- ### 图标搜索关键词
197
+ #### 图标搜索关键词
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
201
  ## 相关项目
197
202
 
198
- [RemixIcon-Slides](https://github.com/Remix-Design/RemixIcon-Slides) Remix Icon 的 PPT 版本和 Keynote 版本。
203
+ #### RemixIcon-MCP
204
+
205
+ 允许你在 IDE 或 AI 辅助环境中通过自然语言描述快速需求,AI 通过 MCP(Model Context Protocol)服务器帮你自动选择最适合你当前功能的图标,无需手动翻找。
206
+ [RemixIcon-MCP](https://github.com/Remix-Design/RemixIcon-MCP)
207
+
208
+ #### RemixIcon-Figma-Plugin
209
+
210
+ 你可以在 Figma 中通过插件来快速获取 RemixIcon,和官网一样好用。
211
+ [官方插件地址](https://www.figma.com/community/plugin/1089569154784319246/remixicon)
212
+
213
+ #### RemixIcon-Slides
214
+
215
+ Remix Icon 的 PPT 版本和 Keynote 版本,可在 PPT 或 Keynote 中直接编辑样式。
216
+ [RemixIcon-Slides](https://github.com/Remix-Design/RemixIcon-Slides)
199
217
 
200
218
  ## 协议许可
201
219
 
202
- Remix Icon 是基于 [Apache License Version 2.0](https://github.com/Remix-Design/remixicon/blob/master/License) 开源协议的。请放心使用和分享本图标库,您可以查看协议详情来了解详细的开源策略。如果您能在您的产品介绍中署名 Remix Icon,我们将会非常感激,但这并不是必须的。唯一需要注意的是,您不能二次销售本图标库中的图标,否则我们会进行追究。
220
+ Remix Icon 是基于 [Remix Icon License v1.0](https://github.com/Remix-Design/remixicon/blob/master/License) 开源协议的。请放心使用和分享本图标库,您可以查看协议详情来了解详细的开源策略。如果您能在您的产品介绍中署名 Remix Icon,我们将会非常感激,但这并不是必须的。
221
+
222
+ 自 2026 年 1 月起,我们更新了许可协议。如果您有任何疑问,欢迎在[此处](https://github.com/Remix-Design/RemixIcon/issues/1069#issue-3853235164)进行讨论。
203
223
 
204
224
  ## 支持我们
205
225
 
206
- 很简单,只需要点一下 GitHub 本项目右上角的小星星就可以了!精神鼓励就是支持我们持续维护本项目的最大动力。请我们喝杯咖啡当然也没问题哈哈~
226
+ 很简单,只需要点一下 GitHub 本项目右上角的小星星就可以了!精神鼓励就是支持我们持续维护本项目的最大动力。请我们喝杯咖啡当然也没问题哈哈(我们也确实挺缺钱的)~
207
227
 
208
228
  ## 关注我们
209
229