10 przydatnych i darmowych ikon czcionek, które powinieneś zaznaczyć

Ponieważ coraz więcej urządzeń przyjmuje ekrany o wysokiej rozdzielczości, ikony czcionek stają się popularnym wyborem. Można zmieniać jego rozmiar bez utraty jakości i konfigurowalny przez CSS. Możemy łatwo zmienić kolor, rozmiar, a nawet animować ikony czcionek za pomocą CSS3. Plus to jest niezależny od rozdzielczości co sprawia, że wygląda ostro na każdej gęstości ekranu.

FontAwesome jest zdecydowanie jednym z najpopularniejszych źródeł czcionek, z ogromną kolekcją ikon. Jednak pobieranie całej kolekcji jest bardzo zbędne, gdy trzeba użyć tylko kilku. Tu są 10 alternatywnych źródeł dobrze spreparowanych ikon czcionek mam nadzieję, że czasami okaże się przydatna do zbudowania kolejnych wspaniałych witryn i aplikacji zamiast FontAwesome.

StackIcons

StackIcons to ikony czcionek dla ponad 60 nowoczesnych marek społecznościowych. Jest dostarczany z CSS, co pozwala na stylizację czcionki w wielu kształtach pojemników. Możesz uzyskać ikony marki społecznej w kółkach, kwadratach lub zaokrąglonych krawędziach. Możesz także pokolorować ikony w więcej niż jednym kolorze, dając bardziej realistyczne kolory marki.

Licencja: SIL Otwórz czcionkę i MIT

Twemoji Awesome

Twemoji to projekt emotikonów o otwartym kodzie źródłowym z Twittera. Elle Kasai przeniosła go na ikonę czcionki o nazwie Twemoji Awesome. Wszystkie nazwy klas do wyświetlania ikon są takie same, jak Ściągawka Twemoji, ale musisz użyć kreski zamiast podkreślenia, to wszystko. Oto przykład dodawania hatching_chick Ikona:

Licencja: MIT i CC-BY dla grafiki emotikonów

Czcionka Diao

Font Diao to kolekcja ikon czcionek z popularnej strony internetowej lub firmy z Chin, takich jak Alibaba, Alipay, WeChat, Xiaomi i Weibo. Czcionka może się przydać, gdy budujesz witryny przeznaczone dla odbiorców z Chin kontynentalnych, którzy prawdopodobnie znają tę konkretną czcionkę.

Licencja: Licencja publiczna

Socialicious

Socialicious to czcionka tworzona wyłącznie dla popularnych serwisów społecznościowych, takich jak Facebook, Twitter i Instagram. Czcionka została zaprojektowana tak, aby dobrze współpracować z Bootstrap. Oto przykładowy kod do budowania przycisku z Bootstrap .btn klasa w połączeniu z klasami czcionek.

   Połącz się z Linkedin

Licencja: Licencja MIT.

Oktikony

Oktikony to zestaw ikon czcionek prezentowanych przez GitHub, pozwalający na używanie tej samej ikony, co GitHub w projekcie. Istnieje ponad 170 ikon gotowych do zastosowania w następnym projekcie.

Czcionka płatności

Jeśli korzystasz z bramki płatności, możesz chcieć pobrać te ikony czcionek. Pakiet zawiera 95 ikon snu, które są popularnymi metodami płatności lub bramami, takimi jak Visa, American Express i inne.

Licencja: SIL OFL 1.1

Ikony Android

Jest to zestaw ikon stworzony przez Opoloo, wcześniej znany jako społeczność Android. Zawiera 250 niesamowitych ikon w 5 rozmiarach i 14 kolorach rodzimych ikon Androida.

Licencja: Attribution-ShareAlike 4.0 International

DODATKI

DODATKI to zestaw ikon czcionek wykonanych przez Theodore'a Vorillasa. Zawiera 85 symboli i logo znanych aplikacji programistycznych, takich jak ikona GitHub, ikona Gulp, ikona Angular i wiele innych.

Licencja: MIT

Otwórz Iconic

Open Icon zawiera 223 ikony gotowe do użycia z bootstrapem, frameworkiem lub własnym arkuszem stylów. Rozmiar czcionki jest niewielki, zaledwie 12,4 kB, czyli około jednej czwartej tego, co można znaleźć w FontAwesome. Fajną rzeczą jest to, że ikony te można przeskalować do 8px.

Licencja: SIL.

Materiałowa czcionka kultowa

W tym pakiecie znajduje się 15 kategorii ikon czcionek inspirowanych wzornictwem materiałów Google. Aby z nich skorzystać, wystarczy zainstalować Material-Design-Iconic-Font.ttf, a następnie użyć tego arkusza kalkulacyjnego. Skopiuj wklej ikony (nie unicode) do swojego projektu. Możesz powiększać ikony, nadawać im granice, obracać, obracać lub odwracać je za pomocą CSS.