Иконка Меню — линейная
Об иконке «Меню»
Три горизонтальные линии одинаковой длины, уложенные друг над другом с равным шагом, — знакомая всем кнопка-«гамбургер». За ней обычно прячется навигация сайта на узком экране, выдвижная панель мобильного приложения или перечень разделов личного кабинета. В админке значок сворачивает и разворачивает боковую колонку, а в презентации может отметить слайд с оглавлением. Полоски толщиной 1,5 px с круглыми окончаниями стоят на пиксельных позициях сетки 24×24 и не сливаются даже в 16 px. SVG удобно вставить в вёрстку инлайном и перекрасить через currentColor, а PNG нужного размера подойдёт для документов. Хорошая пара для бургер-меню — иконки списка и боковой панели.
Ещё из набора «Интерфейс UI»
Весь набор · 100 →Похожие иконки
Как использовать
- В Figma. Нажмите «Копировать SVG» и вставьте код на холст сочетанием Ctrl+V — иконка останется векторной. Подробнее об иконках в Figma.
- Цвет. Выберите цвет в палитре над кнопками — все файлы соберутся в новом цвете. В SVG цвет задан через currentColor, его меняет CSS-свойство color. Четыре способа поменять цвет SVG.
- Лицензия. Бесплатно для личных и коммерческих проектов, указывать автора не нужно; нельзя только перепродавать иконки как есть. Условия лицензии · как устроены лицензии на иконки.
Хотите поблагодарить автора? Поставьте ссылку на иконку:
Все форматы и размеры
14 файлов
| Формат | Размер | Вес | Скачать |
|---|---|---|---|
| SVG | вектор | 228 Б | Скачать |
| PNG | 16×16 px | 115 Б | Скачать |
| PNG | 24×24 px | 130 Б | Скачать |
| PNG | 32×32 px | 149 Б | Скачать |
| PNG | 48×48 px | 149 Б | Скачать |
| PNG | 64×64 px | 187 Б | Скачать |
| PNG | 128×128 px | 325 Б | Скачать |
| PNG | 256×256 px | 800 Б | Скачать |
| PNG | 512×512 px | 1,9 КБ | Скачать |
| WebP | 64×64 px | 98 Б | Скачать |
| WebP | 128×128 px | 130 Б | Скачать |
| WebP | 256×256 px | 202 Б | Скачать |
| WebP | 512×512 px | 386 Б | Скачать |
| ICO | 16–256 px | 1,9 КБ | Скачать |