超过480 个精心制作的开源图标集合库，支持 SVG,Sketch,Web Font

EVA图标

Eva Icons包含480多种精心制作的精美开源图标，用于常见操作和项目。

在桌面上下载我们的套装，以将其用于Web，iOS和Android的数字产品中。

与Eva设计系统兼容。

NPM

Install the package:

npm i eva-icons

Include it to your page:

<script src="path/to/dist/eva-icons.js"></script>

Or require the package (may vary depending on your build system):

const eva = require('eva-icons');import * as eva from 'eva-icons';

CDN

Load from CDN in your project:

<script src="unpkg.com/eva-icons"></script>

After including the script, eva will be available as a global variable.

JavaScript

Add the data-eva attribute with the icon name to an element:

<i data-eva="github"></i>

Call eva.replace(); to replace all elements with the data-eva data attribute with SVG elements. You can also pass some additional parameters to the replace method to modify the replace function behavior.

<!DOCTYPE html><html lang="en"> <title></title> <script src="https://unpkg.com/eva-icons"></script> <body>  <i data-eva="github"></i> <script> eva.replace() </script> </body></html>

Thanks to Feather Icons for the build process inspiration.

Additional attributes:

data-eva-fill: set icon color

data-eva-height: set icon height

data-eva-width: set icon width

data-eva-animation: set icon animation

<i data-eva="github" data-eva-fill="#ff0000" data-eva-height="48" data-eva-width="48"></i>

Fonts

Eva Icons are also available as a Web Font.

Include the font css into your page:

<link href="path/to/style/eva-icons.css">

Add eva and eva-icon classes to an element:

<i class="eva eva-github"></i>

We recommend using SVG icons due to better rendering and performance capabilities, more details.

更多使用方法可以查看官方文档

开源地址：

https://github.com/akveo/eva-icons

更多更优质的资讯，请关注我，你的支持会鼓励我不断分享更多更好的优质文章。

声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！

超过480 个精心制作的开源图标集合库，支持 SVG,Sketch,Web Font

EVA图标

NPM

CDN

JavaScript

Fonts

开源地址：

相关推荐