unicons

單人

1000多個像素完美的矢量圖標和下一個項目的IconFont。這些圖標是由IconScout設計的。

入門

用作字體

只需插入以下CSS即可在網站上使用Unicons。您也可以下載此存儲庫並使用css文件夾中的CSS。

 < link
  rel =" stylesheet "
  href =" https://unicons.iconscout.com/release/v4.0.0/css/unicons.css "
/>

並在下面使用body圖標。

 < i class =" uil uil-comments " > </ i >

使用為NPM軟件包

您可以使用NPM輕鬆安裝UNICON。

npm install --save @iconscout/unicons

用作SVG

如果您是設計師，那麼擁有SVG文件總是很棒的。您可以從官方Unicons網站下載SVG，也可以下載Icondrop，將這些圖標直接訪問Sketch，Adobe XD，Adobe Illustrator等。

在Flutter框架中使用

Pedro Lemos在Pub.Dev中可用，可以在您的項目中輕鬆使用Pedro Lemos創建的顫動軟件包。

只需在您的pubspec.yaml文件中添加依賴項如下：

 dependencies :
  unicons : ^1.0.0+2

然後，運行上面的命令：

flutter pub get

另外，您的編輯器可能會支持flutter pub get 。檢查您的編輯文檔以了解更多信息。

現在，在您的飛鏢代碼中，導入包：

 import 'package:unicons/unicons.dart' ;

與JS框架一起使用

我們為諸如React，Vuejs和React Native之類的流行庫創建了組件。您可以前往官方的Github Repo了解更多信息。

線樣式

• for React：https：//github.com/iconscout/reaeact-unicons
• 對於vuejs：https：//github.com/iconscout/vue-unicons
• 對於反應本機：https：//github.com/iconscout/reeact-native-unicons

堅固的風格

• for React：https：//github.com/iconscout/reeact-unicons-solid
• 對於vuejs：https：//github.com/iconscout/vue-unicons-solid

單色風格

• for React：https：//github.com/iconscout/reeact-unicons-monochrome

更多方式（受社區支持）

• 安東·雷什托夫（Anton Reshetov）

路線圖

• 製作反應組件
• 添加品牌圖標
• 設計堅固的風格
• 設計薄線樣式
• 支持CSS動畫
• 製作SVG Sprite，用戶可以控制不同屬性，例如中風，填充，寬度，高度等。

貢獻

我們很樂意為單人提供社區支持。請隨意分叉並創建拉動請求。我們在上面的路線圖上給出了一個小的路線圖，以便您可以幫助我們構建這些功能。

圖標請求

我們已經在IconScout社區創建了一個線程，您可以在其中請求新圖標。我們將很樂意在接下來的幾週內設計它們。

執照

Unicons是開源圖標，並根據ICONSCOUT簡單許可獲得許可。您可以在個人和商業項目中自由使用這些圖標。我們希望在您的應用程序的屏幕上看到歸因，但這不是強制性的。

Unicons by < a href =" https://iconscout.com/ " > IconScout </ a >