Иконка Колокольчик — двухцветная
Настроить: толщина линии, подложка, второй тон
Об иконке «Колокольчик»
Колокольчик с тонированным куполом: заливка 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 | вектор | 367 Б | Скачать |
| PNG | 16×16 px | 247 Б | Скачать |
| PNG | 24×24 px | 255 Б | Скачать |
| PNG | 32×32 px | 311 Б | Скачать |
| PNG | 48×48 px | 406 Б | Скачать |
| PNG | 64×64 px | 527 Б | Скачать |
| PNG | 128×128 px | 1014 Б | Скачать |
| PNG | 256×256 px | 2,0 КБ | Скачать |
| PNG | 512×512 px | 4,4 КБ | Скачать |
| WebP | 64×64 px | 340 Б | Скачать |
| WebP | 128×128 px | 594 Б | Скачать |
| WebP | 256×256 px | 1,1 КБ | Скачать |
| WebP | 512×512 px | 2,1 КБ | Скачать |
| ICO | 16–256 px | 4,8 КБ | Скачать |