unicons

ЮНИКОНА

1000+ пиксельных векторных значков и Iconfont для вашего следующего проекта. Эти значки разработаны IconsCout.

Начиная

Использование в качестве шрифта

На вашем веб -сайте легко использовать однократные однократы, просто вставив следующие за CSS. Вы также можете загрузить это репо и использовать 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

Вы можете легко установить Unicons с помощью NPM.

npm install --save @iconscout/unicons

Использование в качестве SVG

Если вы дизайнер, то всегда здорово иметь файлы SVG. Вы можете скачать SVG с официального веб -сайта Unicons или загрузить Icondrop, чтобы получить доступ к этим значкам прямо в Sketch, Adobe XD, Adobe Illustrator и многие другие.

Использование в Flutter Framework

Существует пакет Flutter, созданный Pedro Lemos, доступный в Pub.DEV, который можно легко использовать в вашем проекте.

Просто добавьте зависимость в вашем файле pubspec.yaml следующим образом:

 dependencies :
  unicons : ^1.0.0+2

Затем запустите команду выше:

flutter pub get

В качестве альтернативы, ваш редактор может поддержать flutter pub get . Проверьте документы на ваш редактор, чтобы узнать больше.

Теперь, в вашем коде DART, импортируйте пакет:

 import 'package:unicons/unicons.dart' ;

Использовать с фреймворками JS

Мы создали компоненты для популярных библиотек, таких как React, Vuejs, React Native. Вы можете отправиться в Office Github Repo, чтобы узнать больше.

Стиль линии

• Для React: https://github.com/iconscout/react-unicons
• Для Vuejs: https://github.com/iconscout/vue-unicons
• Для React Native: https://github.com/iconscout/react-native-unicons

Твердый стиль

• Для React: https://github.com/iconscout/react-unicons-solid
• Для Vuejs: https://github.com/iconscout/vue-unicons-solid

Монохромный стиль

• Для реагирования: https://github.com/iconscout/react-unicons-monochrome

Больше способов (Сообщество поддерживается)

• Vue-unicons от Anton Reshetov

Дорожная карта

• Сделайте компоненты реагирования
• Добавление значков бренда
• Проектирование твердого стиля
• Проектирование тонкого стиля
• Поддержка анимации CSS
• Сделайте SVG Sprite, в котором пользователь может управлять различными атрибутами, такими как ход, заполнение, ширина, высота и многое другое.

Внося

Мы будем рады получить общественную поддержку для однократных. Не стесняйтесь вилка и создавать запросы на притяжение. Мы дали небольшую дорожную карту выше, чтобы вы могли помочь нам построить эти функции.

Запросы на значок

Мы создали ветку в сообществе IconsCout, где вы можете запросить новые значки. И мы будем рады спроектировать их в ближайшие недели.

Лицензия

Юниконы являются значками с открытым исходным кодом и лицензированы по простой лицензии IconsCout. Вы можете использовать эти значки в своем личном и коммерческом проекте. Мы хотели бы увидеть атрибуцию в вашем приложении о экране, но это не обязательно.

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