Micon - Windows 10 ikonové písmo pro návrháře webu

redesign pro Windows 10 přišel s mnoha novými funkcemi a zcela novým vzhledem. Jedna z největších změn nastala ve stylu ikon, zejména ve srovnání s Windows 7 a XP.

Díky Micon set, teď můžeš přiveďte ikony ve stylu Win10 přímo na vaše webové stránky.

Tento balíček ikon přichází jako písmo ikon a jeho uvolněn zdarma přes GitHub. Hlavní repo obsahuje informace o nastavení, ale domovskou stránku Micon obsahuje všechny ikony na displeji s příslušnými názvy tříd.

Vlastní struktura webu následuje podobný formát jako Font Awesome. Můžeš procházet všemi ikonami a kliknutím na některou z nich získáte další podrobnosti o nové stránce.

Například, vezměte tuto ikonu nabíjení baterie, která používá design baterie a malou nabíjecí zástrčku. Dostaneš náhled ikony v různých velikostech, spolu s jeho třídy ikon CSS, v tomto případě mi-BatteryCharging10.

Tato sada ikon také funguje podobně jako Font Awesome, kde můžete vložte ikony přímo do kódu HTML. Fragment kódu pro tuto ikonu baterie funguje stejně:

Je to velmi snadné začít, s jen kopie stylu Micon CSS a základní znalosti vývoje frontendu.

Podívejte se na nastavení se dozvědět více. Opravdu, stačí stáhněte si kopii balíčku Micon od společnosti GitHub a zahrnout tuto šablonu stylů (spolu s příslušnými fonty ikon) do vaší stránky. Odtud jen odkazovat na názvy tříd jako je uvedeno výše a jste dobrý jít.

Vzhledem k tomu, že tento projekt je open-source, jste používat tyto ikony s jakýmkoli projektem, osobním nebo komerčním. A můžete dokonce vytvořit svůj vlastní soubor podle pokynů pro sestavení z Micon GitHub. Tímto způsobem můžete zabalte jen ikony, které chcete do souborů písem a zmenšete celkovou velikost souboru.

Celkově jsem opravdu ohromen různé ikony a snadné nastavení. Můžeš najít mnoho příkladů na internetových stránkách a i animované ikony na stránce Příklady, která obsahuje úryvky kódu.

Tyto ikony dokonce dobře fungovat s Bootstrapem, takže můžeš kombinovat s BS3 / BS4 framework pro některé skutečné vlastní rozvržení.

Stáhněte si zdarma autorská práva z domovské stránky Micon a podívejte se, jak můžete pracovat s těmito ikonami ve stylu Windows 10 ve vašem dalším designu.