Skip to content

Commit

Permalink
Update to 1.2.0
Browse files Browse the repository at this point in the history
  • Loading branch information
xiaochunjimmy committed Apr 29, 2019
1 parent dbf2dc8 commit f9e888d
Show file tree
Hide file tree
Showing 4 changed files with 4,353 additions and 776 deletions.
8 changes: 4 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,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, 1400+ 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, 1500+ 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 @@ -45,11 +45,11 @@ import 'remixicon/fonts/remixicon.css'
Copy the following code and add it to the <head> tag of your html document.

```html
<link href="http://cdn.remixicon.com/releases/v1.1.2/remixicon.css" rel="stylesheet">
<link href="http://cdn.remixicon.com/releases/v1.2.0/remixicon.css" rel="stylesheet">
```

#### Download Manually
Download [`remixicon.css`](http://cdn.remixicon.com/releases/v1.1.2/remixicon.css) file, add it to the &lt;head&gt; tag of your html document.
Download [`remixicon.css`](http://cdn.remixicon.com/releases/v1.2.0/remixicon.css) file, add it to the &lt;head&gt; tag of your html document.

#### Use
Add icon with class name, class name rule: remixicon-{name}-{style}
Expand All @@ -63,7 +63,7 @@ Add icon with class name, class name rule: remixicon-{name}-{style}
### SVG Sprite Usage

Download [`remixicon.symbol.svg`](http://cdn.remixicon.com/releases/v1.1.2/remixicon.symbol.svg) file into your project directory,use icons with the `<use>` element, such as:
Download [`remixicon.symbol.svg`](http://cdn.remixicon.com/releases/v1.2.0/remixicon.symbol.svg) file into your project directory,use icons with the `<use>` element, such as:

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

```html
<link href="http://cdn.remixicon.com/releases/v1.1.2/remixicon.css" rel="stylesheet">
<link href="http://cdn.remixicon.com/releases/v1.2.0/remixicon.css" rel="stylesheet">
```

#### 手动下载引入
下载保存[`remixicon.css`](http://cdn.remixicon.com/releases/v1.1.2/remixicon.css)文件,添加到项目的&lt;head&gt; 标签中即可。
下载保存[`remixicon.css`](http://cdn.remixicon.com/releases/v1.2.0/remixicon.css)文件,添加到项目的&lt;head&gt; 标签中即可。

#### 使用
引入Remix Icon图标库后,就可以在web项目中使用了,只要在使用图标的时候将图标名称作为类名就可以了。类名规则:remixicon-{name}-{style}
Expand All @@ -62,7 +62,7 @@ import 'remixicon/fonts/remixicon.css'
### SVG Sprite用法

下载 [`remixicon.symbol.svg`](http://cdn.remixicon.com/releases/v1.1.2/remixicon.symbol.svg) 并添加到您的项目目录中,通过 `<use>` 标签来引用图标,通过css可以自定义图标的大小和颜色等属性,例如:
下载 [`remixicon.symbol.svg`](http://cdn.remixicon.com/releases/v1.2.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": "1.1.2",
"version": "1.2.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 f9e888d

Please sign in to comment.