EVA圖標

Eva Icons包含480多種精心製作的精美開源圖標，用於常見操作和項目。

在桌面上下載我們的套裝，以將其用於Web，iOS和Android的數字產品中。

與Eva設計系統兼容。

NPM

• Install the package:

npm i eva-icons

• Include it to your page:

• 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:

After including the>

JavaScript

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

• 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.

 <title>
 
 
 
 
 
 

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

Fonts

Eva Icons are also available as a Web Font.

• Include the font css into your page:

<link>

• Add eva and eva-icon classes to an element:

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

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

開源地址：

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

更多更優質的資訊，請關注我，你的支持會鼓勵我不斷分享更多更好的優質文章。