Иконка Меню — двухцветная
Настроить: толщина линии, подложка, второй тон
Об иконке «Меню»
Три ровные полоски на скруглённой квадратной плашке, залитой тем же цветом с непрозрачностью 35%. Получается готовая кнопка меню: подложка обозначает зону нажатия, а штрихи 1,5 px остаются контрастными и не теряются на пёстром фоне. Такой вариант пригодится в шапке мобильной версии лендинга поверх яркой обложки, на сенсорном терминале с крупными элементами управления и в тулбаре дашборда, где он раскрывает навигацию. Когда панель открыта, значок логично сменить на крестик из этого же набора — плашка остаётся на месте, и переход выглядит спокойно. Цвет задаётся на странице сразу для обоих слоёв, файлы доступны в SVG, PNG (16–512 px), ICO и WebP. Рядом пригодятся три точки.
Ещё из набора «Интерфейс UI Duotone»
Весь набор · 100 →Похожие иконки
Как использовать
- В Figma. Нажмите «Копировать SVG» и вставьте код на холст сочетанием Ctrl+V — иконка останется векторной. Подробнее об иконках в Figma.
- Цвет. Выберите цвет в палитре над кнопками — все файлы соберутся в новом цвете. В SVG цвет задан через currentColor, его меняет CSS-свойство color. Четыре способа поменять цвет SVG.
- Лицензия. Бесплатно для личных и коммерческих проектов, указывать автора не нужно; нельзя только перепродавать иконки как есть. Условия лицензии · как устроены лицензии на иконки.
Хотите поблагодарить автора? Поставьте ссылку на иконку:
Все форматы и размеры
14 файлов
| Формат | Размер | Вес | Скачать |
|---|---|---|---|
| SVG | вектор | 331 Б | Скачать |
| PNG | 16×16 px | 173 Б | Скачать |
| PNG | 24×24 px | 221 Б | Скачать |
| PNG | 32×32 px | 252 Б | Скачать |
| PNG | 48×48 px | 284 Б | Скачать |
| PNG | 64×64 px | 399 Б | Скачать |
| PNG | 128×128 px | 837 Б | Скачать |
| PNG | 256×256 px | 1,8 КБ | Скачать |
| PNG | 512×512 px | 4,2 КБ | Скачать |
| WebP | 64×64 px | 228 Б | Скачать |
| WebP | 128×128 px | 418 Б | Скачать |
| WebP | 256×256 px | 756 Б | Скачать |
| WebP | 512×512 px | 1,5 КБ | Скачать |
| ICO | 16–256 px | 4,0 КБ | Скачать |