Micon - Windows 10 Font Icon dla projektantów stron internetowych

The przeprojektowanie dla Windows 10 przyszedł z wieloma nowymi funkcjami i zupełnie nowym wyglądem. Jedna z największych zmian dotyczyła stylu ikon, szczególnie w porównaniu z Windows 7 i XP.

Dzięki do Zestaw Micon, możesz teraz wprowadzaj ikony w stylu Win10 bezpośrednio na swoją stronę.

Ten pakiet ikon przychodzi jako czcionka ikony i jego wydany za darmo przez GitHub. Główne repo ma informacje o konfiguracji, ale strona domowa Micon zawiera wszystkie ikony na wyświetlaczu z ich odpowiednimi nazwami klas.

Rzeczywista struktura strony ma podobny format do Font Awesome. Możesz przeglądaj wszystkie ikony i kliknij dowolny z nich, aby uzyskać więcej szczegółów na nowej stronie.

Weźmy na przykład tę ikonę ładowania akumulatora, która wykorzystuje konstrukcję akumulatora i małą wtyczkę do ładowania. Dostaniesz podgląd ikony w różnych rozmiarach, wraz z jego klasa ikon CSS, w tym przypadku mi-BatteryCharging10.

Ten zestaw ikon działa również podobnie do Font Awesome, gdzie możesz osadzaj ikony bezpośrednio w swoim HTML. Fragment kodu tej ikony baterii działa tak samo:

Rozpoczęcie pracy jest bardzo łatwe, wystarczy tylko kopia arkusza stylów Micon CSS i podstawowa wiedza na temat rozwoju front-end.

Sprawdź strona konfiguracji uczyć się więcej. Naprawdę po prostu musisz pobierz kopię pakietu Micon z GitHub i umieść ten arkusz stylów (wraz z odpowiednimi czcionkami ikon) na swojej stronie. Stamtąd odwołaj się do nazw klas jak wyżej i dobrze jest iść.

Ponieważ ten projekt jest open-source, jesteś swobodnie korzystać z tych ikon w dowolnym projekcie, osobistym lub komercyjnym. I możesz nawet stwórz własny plik postępując zgodnie z instrukcjami budowania z Micon GitHub. W ten sposób możesz spakuj tylko żądane ikony do plików czcionek i zmniejszyć całkowity rozmiar pliku.

Ogólnie jestem pod wrażeniem różnorodność ikon i łatwe ustawienie. Możesz znaleźć mnóstwo przykładów na stronie internetowej i nawet animowane ikony na stronie Przykłady zawierającej fragmenty kodu.

Te ikony nawet działa dobrze z Bootstrap, więc możesz połącz to ze strukturą BS3 / BS4 dla niektórych prawdziwych układów niestandardowych.

Pobierz bezpłatne prawa autorskie ze strony domowej Micon i zobacz, jak możesz wykorzystać te ikony w stylu Windows 10 do swojego następnego projektu.