Pixmora

Иконка листа для экологии

Лист Lucide: простой лист и пучок leafy-green. Для фильтра «эко» и природных категорий. Знак не подтверждает сертификат.

Как применить иконку «Лист»

Сценарий страницы: Фильтр «Экологичные товары». Основной вариант - lucide:leaf, набор Lucide, автор Lucide Contributors, лицензия ISC.

Лист (leaf): Один лист с центральной жилкой. Экофильтр, природа, «натуральный» акцент в UI.

Листовая зелень (leafy-green): Пучок листьев у основания: овощная зелень. Категория овощей, салат, свежая зелень.

В фильтре 16–20 px. На плашке состава 24. Не выдавайте пиктограмму за подтверждённый eco-label.

Это пример разметки без обработчиков. Критерии фильтра задайте в каталоге сами. Замените путь к SVG. Иконка листа не является знаком сертификации.

Лицензия ISC: https://github.com/lucide-icons/lucide/blob/main/LICENSE. Полный текст лицензии добавляется в metadata скачиваемого SVG.

Файлы SVG

Стандартные SVG с полным текстом лицензии ISC в metadata. Отдельных страниц под размер и цвет нет. PNG с выбранным размером и цветом готовится в браузере и требует JavaScript.

Полный текст лицензии ISC

Пример разметки

Доступная подпись: Экологичные товары. Имя файла в примере совпадает с основным вариантом; при смене варианта замените путь на скачанный файл.

<label>
  <input type="checkbox" name="eco" value="1">
  <img src="lucide-leaf.svg" width="20" height="20" alt="">
  Экологичные товары
</label>

Частые вопросы

Можно ли писать «сертифицировано» только с листом?

Нет. Сертификат подтверждают документы и текст. Лист - декоративная метафора.

Чем leaf отличается от tree?

leaf - лист. Для дерева ищите tree в каталоге, если нужен ствол и крона.