- Плагины с иконками для Figma
- Иконки для фигмы: обзор классного плагина «Material design icons»
- Как установить плагин с иконками «Material design icons»?
- Как вставить иконку в фигму с помощью плагина?
- Как перекрасить иконки в Figma?
- Заключение
- Icons
- Latest stories
- Magicoon – Free Figma icon set
- Figma 50 Free Emojis Stickers
- 100 Free Glass Figma Icons
- Ikonate – 338 Free Figma Icons
- 50 Free Figma Generic Icons
- Phosphor – 683 Free Figma Icons
- 200 Free Figma World Flags
- Figma Payment Methods Icon set
- Google Icons Recoloured in Figma
- UX Icons Figma Freebie
- Categories
- Ad Blocker Detected!
Плагины с иконками для Figma
В этой статье я решил поделиться всеми плагинами в Figma, которые предоставляют коллекцию иконок.
Статья для тех, кто ищет плагины с иконками. Поэтому я собрал их все в одном месте.
Каталог оригинальных иконок от Google.
Более 600 иконок.
Каталог иконок и не только в различных форматах.
Коллекция из 4000 иконок.
Иконки из шрифтов Font Awesome, SF Symbols и Material Icons.
Перед началом использования нужно установить эти шрифты.
Библиотека из 40 тысяч иконок от разных авторов.
Иконки от именитого шрифта Font Awesome.
Знаменитый пак иконок от Feather.
Плагин для вставки различного контента, в том числе и иконок.
На данный момент это все плагины Figma, которые имеют в себе каталог иконок различных стилей. Как только появится больше таких плагинов, так сразу организую продолжение.
Уведомления о новых статьях, новости, анонсы и всё, что связано со мной, как с автором статей, публикую в Telegram-канале. Жду всех, кому интересен мой контент.
А по какой лицензии из можно использовать?
а по какой лицензии можно продукт с использованием иконок на стоках продавать? Вроде бы MIT? С font awesome там вообще какую-то дичь придумали с регистрацией.
Как вообще их скачать?
Это плагины, дабы Вам не пришлось искать иконки по интернету для своих проектов. Но если хотите отдельно скачать посетите следующие сайты:
feathericons.com
boxicons.com
ionicons.com
material.io/resources/icons
materialdesignicons.com
fontawesome.com
Надо зайти в Figma, нажать на три чёрточки, слева сверху. Найти там Plugins нажать на него, далее Manage Plugins, дальше, слева в панели у нас будет популярные плагины Popular. Browse ail plugins — нажать и посмотреть плагины, которые вас заинтерисовали. Чтобы скачать себе плагин надо нажать, Instal. Вот и всё.
Очень плохой плагин! Лучше на самом сайте искать чем им пользоваться.
Универмаг «Москва» открыли в 1963 году: в нём были импортные кассовые аппараты, гастроном, парикмахерская и подиум для показов. В 90-х магазин приватизировали и несколько раз безуспешно пытались реконструировать, а между акционерами постоянно происходили конфликты — вплоть до убийства.
Источник
Иконки для фигмы: обзор классного плагина «Material design icons»
Ищите где скачать иконки для фигмы? В этом обзоре сделаю обзор полезного плагина для работы «Material design icons».
Как установить плагин с иконками «Material design icons»?
Чтобы установить плагин с иконками «Material design icons» перейдите по ссылке, и нажмите на кнопку «Install» сверху, справа, как показано на скриншоте выше.
Чтобы активировать плагин, перейдите в ваш проект. Нажмите на меню слева и выберите пункт «Plagins» далее «Material design icons».
Как вставить иконку в фигму с помощью плагина?
Чтобы вставить иконку в фигму с помощью плагина «Material design icons», просто выберите подходящую иконку и нажмите на неё левой клавишей мыши.
Из выпадающего списка слева вы можете выбирать один из нескольких стилей иконок:
- Classic — классические иконки для фигмы.
- Filled — иконки с заливкой.
- Outlines — иконки в виде линий.
- Rounded — иконки со скруглением.
- Sharp — иконки с острыми углами.
- Two tone — двухцветные иконки.
Справа вы можете выбирать размеры иконок. Просто выберите из списка подходящий размер. Также вы можете масштабировать иконки с помощью инструмента «Scale». Его можно выбрать сверху, слева, либо зажать клавишу «K».
Далее в плагине можно выбрать формат: SVG или PNG. В чем отличие этих двух форматов?
- У PNG формата при увеличении появляются пиксели. У SVG пикселей нет. Их можно масштабировать до бесконечности, без потери качества. Поэтому рекомендую использовать именно SVG формат для ваших проектов.
- SVG иконки вы можете перекрасить стандартным образом, а PNG нет.
Как перекрасить иконки в Figma?
Чтобы перекрасить SVG иконки выберите иконку и в панели справа (внизу надписи Fill) поменяйте её цвет. Для того, чтобы перекрасить иконку в формате PNG можно воспользоваться плагином «Color overlay».
Заключение
Итак, в этом обзоре вы разобрались где брать классные иконки в фигме. Узнали о плагине, которые позволяет вставлять иконки буквально за пару кликов мыши.
Источник
Icons
Figma Icons and Icon Sets: Fantastic free and premium icons for Figma
Latest stories
37 Downloads
Magicoon – Free Figma icon set
Free Figma Icons set by SeyfDesigner
91 Downloads
Figma 50 Free Emojis Stickers
Free Figma Icons set by Pavel Gnezdilov
86 Downloads
100 Free Glass Figma Icons
Free Figma Icons set by Pavel Gnezdilov
169 Downloads
Ikonate – 338 Free Figma Icons
Free Figma Icons set by Mikołaj Dobrucki
136 Downloads
50 Free Figma Generic Icons
Free Figma Icons set by diogo
214 Downloads
Phosphor – 683 Free Figma Icons
Free Figma Icons set by Phosphor Icons
61 Downloads
200 Free Figma World Flags
Free Figma Icons set by Sabri Hakuli
665 Downloads
Figma Payment Methods Icon set
Free Figma Icons set by Arthur Chayka
36 Downloads
Google Icons Recoloured in Figma
Free Figma Graphics by Tony Harkusha
161 Downloads
UX Icons Figma Freebie
Free Figma Icons set by Bogdan Bilich
Figma Template is the place to get Figma Tutorials & Figma Resources: Figma UI Kits, Figma Website Templates, Mobile Apps, Figma Mockups, and all sorts of freebies created & shared in the Figma Community.
This is a community project, Not affiliated in any way with Figma.com
Categories
© 2021 FigmaTemplate. All rights reserved.
This site uses functional cookies and external scripts to improve your experience.
Ad Blocker Detected!
This site uses functional cookies and external scripts to improve your experience. Which cookies and scripts are used and how they impact your visit is specified on the left. You may change your settings at any time. Your choices will not impact your visit.
NOTE: These settings will only apply to the browser and device you are currently using.
This website uses cookies to ensure you get the best experience on our website.
Источник