Дизайн
Egor Komarov

Google Fonts теперь поддерживает иконки

Возрадуемся, друзья! Google Fonts теперь поддерживает иконки с открытым исходным кодом, начиная с набора иконок Material Design. Это однозначно хорошие новости.

Скачать: fonts.google.com/icons

Поскольку иконография стала центральной частью любой системы дизайна, (Что я ванговал о трендах с иконками? 😉 ) Material Design поддерживает набор из более чем 2000 различных иконок, доступных в пяти стилях. А поскольку типографика и иконография так тесно связаны, Google теперь добавляет иконки в Google Fonts на fonts.google.com/icons

От создателей:

"Иконки в материальном дизайне - это восхитительные, красиво оформленные базовые иконки, доступные в различных стилях(Outlined, Filled, Rounded, Sharp, Two tone). И они доступны для загрузки или использования в качестве веб-шрифта через наш API.

Мы считаем, что каждый должен иметь доступ к качественным ресурсам для проектирования, поэтому иконки материалов имеют открытый исходный код и доступны по лицензии Apache 2.0. Мы также планируем добавить другие избранные наборы значков с открытым исходным кодом в Google Fonts в будущем.

Чтобы отпраздновать эту веху, мы также создали совершенно новый значок для самого Google Fonts. Мы решили ребрендировать нашу монограмму «F» и превратить ее в нечто новое, отражающее суть продуктов и услуг, предлагаемых Google Fonts.

На первый взгляд новый логотип может показаться абстрактными формами, состоящими из кругов и прямоугольников, но при более внимательном рассмотрении можно заметить несколько смешанных вместе глифов и иконок. Новый визуальный знак дает нам большую гибкость дизайна, а также дает вдохновение для общего внешнего вида пользовательского интерфейса, чтобы лучше отразить наше видение будущего шрифтов.

Вы увидите наш новый логотип в заголовке сайта и в других свойствах шрифтов.

Google Fonts будет постоянно предоставлять новые шрифты и значки, и мы надеемся, что вы взволнованы этим новым изменением, как и мы, теперь доступные на fonts.google.com"

Инструкция по использованию

🔥 Мои другие популярные статьи:

⚡ Если тебе понравился этот материал, ты можешь подписаться на мой Instagram / Facebook / Medium / Linkedin. Там ты найдешь больше интересных материалов о дизайне.

{ "author_name": "Egor Komarov", "author_type": "self", "tags": ["\u0438\u043a\u043e\u043d\u043a\u0438","\u0434\u0438\u0437\u0430\u0439\u043d","google"], "comments": 21, "likes": 76, "favorites": 113, "is_advertisement": false, "subsite_label": "design", "id": 216045, "is_wide": false, "is_ugc": true, "date": "Wed, 03 Mar 2021 14:04:32 +0300", "is_special": false }
0
21 комментарий
Популярные
По порядку
Написать комментарий...
3

Интересно, а другие иконошрифты будут опенсорсные? А то от одного упоминания материалдизайна в дрожь бросает еще с первой версии. Боишься не только собственной тени, но и тени карточек.

Ответить
2

Вы просто не умеете его готовить (с)

Ответить
2

Разумеется, в Play Market миллионы уродливых приложений, сделанных разработчиками без понимания UX/UI.

Но на рынке полно удачных примеров применения Material UI, как Android-приложений, так и веб-интерфейсов.

Ответить
2

Ну не знаю, вот чтобы запилить красивое приложение под ios почти не надо стараться, а вот в андройде нужно приложить усилие, чтобы твой материал интерфейс выглядел нормально

Ответить
0

И в iOS, и в Material Design есть своя эстетика. И там и там она достижима только силами профессионалов. 

Но при этом Material Design при всей своей простоте и даже некой брутальности, по моему наблюдению, быстрее понятен старшему поколению.

Ответить
0

////Но на рынке полно удачных примеров применения Material UI
а можно пример?

Ответить
–1

миллионы уродливых приложений, сделанных разработчиками без понимания UX/UI.

так он конкретно про их иконки, и они у них действительно не очень

Ответить
0

Не совсем так т.к. в иконках Material Design нет теней, на которые сетовал @Bekzat Sadykov

Ответить
1

Егор, а когда статья про поиск работы? Всем селом ждём 🙃

Ответить
2

Еще в процессе. Сегодня хочу еще пообщаться с рекрутером одним крутым, от него получить советы и рекомендации. 

Ответить
0

Понял, спасибо!

Ответить
1

Неужели!

Ответить
1

Я уже не различаю новые иконки продуктов Google. Они все одинаковые

Ответить
1

иконки material design - такое себе
Font Awesome лучше

Ответить
0

Вот это я понимаю, прогресс и инновации самые настоящие. 

Ответить
0

Отлично, очень удобный сервис для поиска Шрифтов.
Будет теперь и где иконки бесплатно брать

Ответить
0

Уже давно можно брать в плагинах для Фигмы.

Ответить
0

Не всегда подходят эти иконки, нельзя выбрать точную толщину обводки. Жаль нельзя углы иконок скруглить, местами смотрятся жестковато.

Ответить
0

Спасибо+ подписался

Ответить
0

бтв недавно скриптик для тампирманки нахреначил для кнопки копирования иконки

https://github.com/nt4f04uNd/tampermonkey-scripts

работает и для material.io

Ответить

Комментарии

null