Micon - Windows 10 Icon Font для веб-дизайнеров

редизайн для Windows 10 пришли со многими новыми функциями и совершенно новый внешний вид. Одно из самых больших изменений пришло в стиль иконок, особенно по сравнению с Windows 7 и XP.

Благодаря Набор Micon, Ты можешь сейчас принести значки в стиле Win10 прямо на ваш сайт.

Этот набор иконок поставляется как значок шрифта И его выпущен бесплатно через GitHub. Основной репо имеет информацию о настройке, но домашняя страница Micon имеет все значки на дисплее с их соответствующими именами классов.

Фактическая структура сайта следует формату, подобному Font Awesome. Вы можете просмотреть все значки и нажмите любую из них, чтобы получить больше деталей на новой странице.

Например, возьмите этот значок зарядки аккумулятора, который использует дизайн аккумулятора и небольшой зарядный штекер. Вы получите предварительный просмотр иконки разных размеров, вместе с его класс значков CSS, в этом случае ми-BatteryCharging10.

Этот набор иконок также работает как Font Awesome, где вы можете встроить значки прямо в ваш HTML. Фрагмент кода для этой иконки аккумулятора работает так же:

Это очень легко начать, просто копия таблицы стилей Micon CSS а также некоторые базовые знания фронт-энда.

Проверьте страница настройки Узнать больше. На самом деле, вам просто нужно скачать копию пакета Micon с GitHub и включите эту таблицу стилей (вместе с соответствующими шрифтами значков) на свою страницу. Оттуда просто ссылаться на имена классов как выше, и вы готовы идти.

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

В целом, я действительно впечатлен разнообразие иконок и простая настройка. Ты можешь найти множество примеров на сайте и даже анимированные иконки на странице примеров, которая включает фрагменты кода.

Эти значки даже хорошо работать с Bootstrap, так что вы можете объединить его с каркасом BS3 / BS4 для некоторых реальных пользовательских макетов.

Загрузите бесплатное авторское право с домашней страницы Micon и узнайте, как вы можете использовать эти значки в стиле Windows 10 в своем следующем дизайне..