Pixmora

Иконка палитры для цвета

Палитра Lucide с отверстием для большого пальца и круглыми лунками красок. В каталоге один глиф: отдельных «пипеток» на этой странице нет.

Как применить иконку «Палитра»

Сценарий страницы: Открытие выбора цвета оформления. Основной вариант - lucide:palette, набор Lucide, автор Lucide Contributors, лицензия ISC.

Палитра (palette): Форма палитры художника с лунками красок. Выбор цвета темы, кисти, оформления.

В панели темы 20–24 px. В мобильном тулбаре 28. Не обещайте, что палитра сама применит CSS переменные.

Это пример разметки без связки кнопки и color input. Открытие системного выбора цвета подключите в JS. value демо-чёрный; замените на свой. Путь к SVG замените.

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

Файлы SVG

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

Скачать SVG Палитра (lucide-palette.svg)

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

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

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

<label for="brand-color">Цвет акцента</label>
<button type="button" id="brand-color" aria-label="Выбрать цвет">
  <img src="lucide-palette.svg" width="20" height="20" alt="">
</button>
<input type="color" name="accent" value="#111111" hidden>

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

Есть ли иконка пипетки eyedropper?

На этой странице только palette. Пипетку ищите отдельно в каталоге /icons, если глиф нужен.

Чем palette отличается от sliders-horizontal?

palette - цвет как смысл. Ползунки - числовые параметры яркости, контраста и фильтров.