10 Корисні і безкоштовні піктограми шрифтів, які слід закладати

Оскільки все більше і більше пристроїв приймають екрани високої чіткості, піктограми шрифтів стають популярним вибором для прийняття. Це змінюється без погіршення якості і налаштувати за допомогою CSS. Ми легко можемо змінити колір, розмір і навіть аніматичні значки шрифтів за допомогою CSS3. Плюс це незалежність від дозволу що дозволяє виглядати чітко на будь-якій щільності екрану.

FontAwesome є одним з найпопулярніших джерел шрифту, з величезною колекцією іконок. Але дуже важко завантажити всю колекцію, коли потрібно використовувати лише декілька. Тут 10 альтернативних джерел добре створених іконок шрифтів що я сподіваюся, що вам буде корисно іноді будувати ваші наступні великі веб-сайти та програми замість FontAwesome.

Іконки стека

StackIcons - це іконки шрифтів для більш ніж 60 сучасних соціальних брендів. Він поставляється з CSS, дозволяючи вам стиль вашого шрифту в багатьох формах контейнера. Іконки соціального бренду можна отримати у колах, квадратах або із закругленими краями. Ви також можете пофарбувати іконки більш ніж в один колір, надаючи вам більш реалістичні кольори бренду.

Ліцензія: SIL Відкрити шрифт і MIT

Twemoji Awesome

Twemoji - це проект з відкритим вихідним кодом з Twitter. Elle Kasai перенесла його на значок шрифту, який викликається Twemoji Awesome. Всі імена класів для відображення піктограм такі ж, як і Twemoji Cheat Sheet, але ви повинні використовувати тире замість підкреслення, це все. Ось приклад того, як ми додаємо hatching_chick значок:

Ліцензія: MIT і CC-BY для графіки Emoticon

Шрифт Diao

Шрифт Diao - це набір іконок шрифтів з популярного сайту або компанії, що базується в Китаї, таких як Alibaba, Alipay, WeChat, Xiaomi і Weibo. Шрифт може бути корисним, коли ви будуєте wesbites, призначені для аудиторії материкового Китаю, які, ймовірно, знайомі з цим шрифтом.

Ліцензія: Публічна ліцензія

Соціальні

Socialicious - це шрифт, який побудований виключно для популярних соціальних веб-сайтів, таких як Facebook, Twitter і Instagram. Шрифт побудований, щоб добре працювати з Bootstrap. Ось приклад коду для створення кнопки з Bootstrap .btn класу в поєднанні з класами шрифтів.

   Зв'яжіться з Linkedin

Ліцензія: Ліцензія MIT.

Octicons

Octicons являє собою набір іконок шрифтів, представлених GitHub, що дозволяє використовувати той самий значок, що і GitHub у вашому проекті. Існує більше 170 іконок, готових подати заявку на ваш наступний проект.

Шрифт оплати

Якщо ви використовуєте платіжний шлюз, ви можете захопити ці піктограми шрифтів. Пакет містить 95 піктограм сну, які є популярними способами оплати або шлюзами, такими як Visa, American Express та багато іншого.

Ліцензія: SIL OFL 1.1

Піктограми Android

Це набір іконок, створений компанією Opoloo, раніше відомий як спільнота Android. Вона включає в себе 250 чудових іконок у 5 розмірах і 14 кольорів рідних іконок Android.

Ліцензія: Атрибуція-ShareAlike 4.0 Міжнародний

DevIcons

DevIcons являє собою набір іконок шрифтів ручної роботи Теодора Ворілласа. Він містить 85 символів і логотипів знайомих додатків розробки, таких як GitHub, Gulp icon, Angular icon і багато інших.

Ліцензія: MIT

Відкриті знакові

Відкрита іконка містить 223 іконки, готові до використання з завантажувальною версією, рамкою або власною таблицею стилів. Розмір шрифту невеликий, всього 12,4 Кб, що становить приблизно чверть від того, що можна знайти у FontAwesome. Цікаво, що ці іконки можуть бути зменшені до 8px.

Ліцензія: SIL.

Матеріальний дизайн Знаковий шрифт

У цьому пакеті є 15 категорій піктограм шрифтів, створених компанією Google Material Design. Щоб їх використовувати, просто встановіть Material-Design-Iconic-Font.ttf, а потім скористайтеся цією шахрайською таблицею. Скопіюйте вставте іконки (не unicode) у ваш проект. Ви можете збільшити піктограми, дати їй межі, обертати, обертати або перевертати його за допомогою CSS.