Micon - А Windows 10 икона шрифт за уеб дизайнери

Най- редизайн за Windows 10 дойде с много нови функции и изцяло нов облик. Една от най-големите промени дойде в стила на иконите, особено в сравнение с Windows 7 и XP.

Благодаря на Микрофон, сега можете въвеждат Win10-стил икони точно в сайта си.

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

Действителната структура на сайта следва подобен формат на Font Awesome. Можеш прегледайте всички икони и кликнете върху някой от тях, за да получите повече информация за нова страница.

Например, вземете тази икона за зареждане на батерията, която използва дизайн на батерията и малък щепсел за зареждане. Ще получите Визуализация на иконата в различни размери, заедно с CSS икона клас, в такъв случай MI-BatteryCharging10.

Този набор от икони също работи много подобно на Font Awesome, където можете вградете иконите в HTML. Фрагментът на кода за тази икона на батерията работи по същия начин:

Това е супер лесно да започнете, с просто копие на стиловата таблица на Micon CSS и някои основни познания за разработката на предния край.

Разгледайте страница за настройка да научиш повече. Наистина, просто трябва изтеглете копие от пакета Micon от GitHub и включете тази страница със стиловете (заедно с правилните шрифтове на икони). Оттам просто реферирайте имената на класовете както по-горе и си добре да тръгваш.

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

Като цяло, наистина съм впечатлен от разнообразие от икони и лесна настройка. Можете да намерите много примери на уебсайта и дори анимирани икони на страницата Примери, която включва кодови фрагменти.

Тези икони дори работи добре с Bootstrap, значи можеш комбинирайте с рамката BS3 / BS4 за някои истински персонализирани оформления.

Изтеглете безплатно авторско право от началната страница на Micon и вижте как можете да работите с тези икони на Windows 10 в следващия си дизайн.