{"id":3056,"title":"\u0414\u0430 \u2014\u00a0\u0430\u043c\u0431\u0438\u0446\u0438\u044f\u043c, \u043d\u0435\u0442 \u2014\u00a0\u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438: \u00ab\u0420\u043e\u0441\u0431\u0430\u043d\u043a\u00bb \u0438\u0449\u0435\u0442 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432","url":"\/redirect?component=advertising&id=3056&url=https:\/\/vc.ru\/special\/rosbank&hash=48d484f797e172533ef95dbe2624084158bc983bdeb2b3d0714e66ba982ec284","isPaidAndBannersEnabled":false}

3 мар в 14:04 3 мар

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

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

21 21 комментарий

{"id":216045,"url":"https:\/\/vc.ru\/design\/216045-google-fonts-teper-podderzhivaet-ikonki","title":"Google Fonts \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0438\u043a\u043e\u043d\u043a\u0438","services":{"facebook":{"url":"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/design\/216045-google-fonts-teper-podderzhivaet-ikonki","short_name":"FB","title":"Facebook","width":600,"height":450},"vkontakte":{"url":"https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/design\/216045-google-fonts-teper-podderzhivaet-ikonki&title=Google Fonts \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0438\u043a\u043e\u043d\u043a\u0438","short_name":"VK","title":"\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435","width":600,"height":450},"twitter":{"url":"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/design\/216045-google-fonts-teper-podderzhivaet-ikonki&text=Google Fonts \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0438\u043a\u043e\u043d\u043a\u0438","short_name":"TW","title":"Twitter","width":600,"height":450},"telegram":{"url":"tg:\/\/msg_url?url=https:\/\/vc.ru\/design\/216045-google-fonts-teper-podderzhivaet-ikonki&text=Google Fonts \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0438\u043a\u043e\u043d\u043a\u0438","short_name":"TG","title":"Telegram","width":600,"height":450},"odnoklassniki":{"url":"http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.ru\/design\/216045-google-fonts-teper-podderzhivaet-ikonki","short_name":"OK","title":"\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438","width":600,"height":450},"email":{"url":"mailto:?subject=Google Fonts \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0438\u043a\u043e\u043d\u043a\u0438&body=https:\/\/vc.ru\/design\/216045-google-fonts-teper-podderzhivaet-ikonki","short_name":"Email","title":"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443","width":600,"height":450}},"isFavorited":false}

4458 просмотров

Скачать: 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"

Источник: https://material.io/blog/google-fonts-material-icons

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

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

10 лучших кириллических шрифтов для веб-сайта и приложения

Бесплатные иконки — полная коллекция лучших библиотек

9 главных UX/UI тренда в 2021 году

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

#дизайн #google #иконки

21 21 комментарий

Реклама на vc.ru Отключить рекламу

{ "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 }

{"id":41544,"url":"https:\/\/vc.ru\/u\/41544-egor-komarov","name":"Egor Komarov","avatar":"11afba07-1fd5-509f-90de-8b0f141d0270","karma":3682,"description":"www.komarov.design - \u0431\u043b\u043e\u0433 \u043e \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u043c \u0438 UX\/UI \u0434\u0438\u0437\u0430\u0439\u043d\u0435. \u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435, \u0440\u0435\u0441\u0443\u0440\u0441\u044b, \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b, \u0441\u0442\u0430\u0442\u044c\u0438, \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u0435\u043d\u0438\u0435.  12+ \u043b\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u044e \u0441 Digital \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430\u043c\u0438 \u0432 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 UI\/UX \u0438 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430. \u0421\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044e\u0441\u044c \u043d\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u0432\u0435\u0431-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c \u0438 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439.\u0412 2020 \u0433\u043e\u0434\u0443 \u044f \u0441\u043e\u0437\u0434\u0430\u043b www.komarov.design \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0434\u0435\u043b\u0438\u0442\u0441\u044c\u044f \u0441\u0430\u043c\u044b\u043c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c \u0438\u0437 \u043c\u0438\u0440\u0430 \u0434\u0438\u0437\u0430\u0439\u043d\u0430, \u043c\u0435\u043d\u0435\u0434\u0436\u043c\u0435\u043d\u0442\u0430 \u0438 \u0441\u0430\u043c\u043e\u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f.","isMe":false,"isPlus":true,"isVerified":false,"isSubscribed":false,"isNotificationsEnabled":false,"isShowMessengerButton":false}

21 комментарий

Популярные

По порядку

Написать комментарий...

Bekzat Sadykov

3 мар в 16:18

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

Ответить

Eugene Vasin

Bekzat

3 мар в 17:28

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

Ответить

Eugene Vasin

Eugene

3 мар

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

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

Ответить

Артур

Eugene

3 мар

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

Ответить