Интернет магазин шабонов
Форма входа

Статьи сайта

Micon - иконочный шрифт Windows 10 для веб-дизайнеров


Редизайн Windows 10 появился со многими новыми функциями и совершенно новым внешним видом. Одним из самых больших изменений стал стиль иконок, особенно по сравнению с Windows 7 и XP.
Благодаря набору Micon теперь вы можете добавлять иконки в стиле Win10 прямо на свой сайт.
Этот набор иконок поставляется в виде иконочного шрифта, и предоставляется он бесплатно через GitHub. Основной репозиторий имеет информацию о настройке, но на главной странице Micon представлены все значки с соответствующими именами классов.


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

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


Этот набор иконок также очень похож на Font Awesome, где вы можете вставлять значки прямо в свой HTML код. Фрагмент кода для значка батареи работает так же:
Код
<i class="mi mi-BatteryCharging10"></i>


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

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

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

Эти иконки даже хорошо работают с Bootstrap, поэтому вы можете комбинировать его с базой Bootstrap 3 / Bootstrap 4 для некоторых реальных пользовательских макетов.

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