Skip to content

Commit

Permalink
Update to V2.5.0
Browse files Browse the repository at this point in the history
  • Loading branch information
xiaochunjimmy committed May 23, 2020
1 parent 8b96228 commit 7558181
Show file tree
Hide file tree
Showing 4 changed files with 377 additions and 60 deletions.
12 changes: 7 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@

English | [简体中文](./README_CN.md)

Remix Icon is a set of open-source neutral-style system symbols for designers and developers. Unlike a patchwork icon library, 2100+ icons are all elaborately crafted so that they are born with the gene 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.
Remix Icon is a set of open-source neutral-style system symbols for designers and developers. Unlike a patchwork icon library, 2200+ icons are all elaborately crafted so that they are born with the gene 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.

[![icon demo](http://cdn.remixicon.com/preview.svg)](https://remixicon.com)
View the full set of Remix Icons at [remixicon.com](https://remixicon.com).
Expand Down Expand Up @@ -41,6 +41,8 @@ Using SVG on the web is as simple as JPEG or PNG. Such as:
npm install remixicon --save
```



```
import 'remixicon/fonts/remixicon.css'
```
Expand All @@ -50,16 +52,16 @@ import 'remixicon/fonts/remixicon.css'
Copy the following code and add it to the <head> tag of your html document.

```html
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.4.0/fonts/remixicon.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
```

> ==**Important Note:**== We've changed our CDN service to jsDelivr from v2.2.0, and the previous CDN service will be terminated on Jan 30, 2020. Please replace your old CDN to the new link above so as not to affect your business. We apologize for the inconvenience.
>
> The `@2.4.0` in the CDN link can be changed to any history version we've published.
> The `@2.5.0` in the CDN link can be changed to any history version we've published.
#### Download Manually

Download [`remixicon.css`](https://cdn.jsdelivr.net/npm/remixicon@2.4.0/fonts/remixicon.css) file, add it to the &lt;head&gt; tag of your html document.
Download [`remixicon.css`](https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css) file, add it to the &lt;head&gt; tag of your html document.

#### Use

Expand Down Expand Up @@ -97,7 +99,7 @@ RemixIcon can be resized by css class integrated by `remixicon.css` . Icons inhe
### SVG Sprite Usage

Download [`remixicon.symbol.svg`](https://cdn.remixicon.com/releases/v2.4.0/remixicon.symbol.svg) file into your project directory,use icons with the `<use>` element, such as:
Download [`remixicon.symbol.svg`](https://cdn.remixicon.com/releases/v2.5.0/remixicon.symbol.svg) file into your project directory,use icons with the `<use>` element, such as:

```html
<svg class='remix'>
Expand Down
8 changes: 4 additions & 4 deletions README_CN.md
Original file line number Diff line number Diff line change
Expand Up @@ -52,16 +52,16 @@ import 'remixicon/fonts/remixicon.css'
如果不打算通过安装的方式使用,可以直接复制下面这行代码到您HTML文档的 &lt;head&gt; 标签中,这样就完成了CDN方式的图标引入,简单快捷,推荐方式。

```html
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.4.0/fonts/remixicon.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
```

> ==**重要提醒**==:我们从 v2.2.0 版本开始将我们的 CDN 服务迁移到了 jsDelivr 上,之前的 CDN 链接将在2020年1月30日停止服务,请务必切换您的 CDN 为最新的服务链接,以免影响您的业务,对于由此带来的影响和不便,我们深感抱歉。
>
> 上面 CDN 链接中的 `@2.4.0` 可以更改为任何我们曾经发布过的历史版本号。
> 上面 CDN 链接中的 `@2.5.0` 可以更改为任何我们曾经发布过的历史版本号。
#### 手动下载引入

下载保存[`remixicon.css`](https://cdn.jsdelivr.net/npm/remixicon@2.4.0/fonts/remixicon.css)文件,添加到项目的&lt;head&gt; 标签中即可。
下载保存[`remixicon.css`](https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css)文件,添加到项目的&lt;head&gt; 标签中即可。

#### 使用

Expand Down Expand Up @@ -98,7 +98,7 @@ import 'remixicon/fonts/remixicon.css'
### SVG Sprite用法

下载 [`remixicon.symbol.svg`](https://cdn.remixicon.com/releases/v2.4.0/remixicon.symbol.svg) 并添加到您的项目目录中,通过 `<use>` 标签来引用图标,通过css可以自定义图标的大小和颜色等属性,例如:
下载 [`remixicon.symbol.svg`](https://cdn.remixicon.com/releases/v2.5.0/remixicon.symbol.svg) 并添加到您的项目目录中,通过 `<use>` 标签来引用图标,通过css可以自定义图标的大小和颜色等属性,例如:

```html
<svg class='remix'>
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "remixicon",
"version": "2.4.0",
"version": "2.5.0",
"description": "Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.",
"homepage": "https://remixicon.com",
"keywords": [
Expand Down
Loading

0 comments on commit 7558181

Please sign in to comment.