Иконка обрезки для кадрирования
Два угла Lucide образуют рамку кадрирования. В наборе один смысловой глиф crop: отдельных «масок» под соцсети здесь нет.
Как применить иконку «Кадрирование»
Два угла Lucide образуют рамку кадрирования. В наборе один смысловой глиф crop: отдельных «масок» под соцсети здесь нет.
Сценарий страницы: Кнопка кадрирования в редакторе фото. Основной вариант - lucide:crop, набор Lucide, автор Lucide Contributors, лицензия ISC.
Кадрирование (crop): Два Г-образных угла напротив друг друга. Обрезка фото, смена соотношения сторон, выход из полного кадра.
В панели инструментов 20–24 px. В мобильном редакторе можно 28. Не подписывайте crop как «удалить фон»: это только рамка обрезки.
Это пример разметки без редактора. Логику выделения области и сохранения кадра подключите в своём коде. Путь к SVG замените.
Лицензия ISC: https://github.com/lucide-icons/lucide/blob/main/LICENSE. Полный текст лицензии добавляется в metadata скачиваемого SVG.
Файлы SVG
Стандартные SVG с полным текстом лицензии ISC в metadata. Отдельных страниц под размер и цвет нет. PNG с выбранным размером и цветом готовится в браузере и требует JavaScript.
Пример разметки
Доступная подпись: Обрезать изображение. Имя файла в примере совпадает с основным вариантом; при смене варианта замените путь на скачанный файл.
<button type="button" aria-label="Обрезать изображение"> <img src="lucide-crop.svg" width="24" height="24" alt=""> </button>
Это пример разметки без редактора. Логику выделения области и сохранения кадра подключите в своём коде. Путь к SVG замените.
Частые вопросы
Есть ли варианты 1:1 и 16:9 отдельными файлами?
Нет. Один глиф crop. Соотношение сторон задайте интерфейсом редактора, не сменой SVG.
Чем crop отличается от scissors?
На этой странице scissors нет. crop - рамка кадра изображения, не ножницы для вырезания произвольной формы.
Соседние темы
- Иконка изображения для галереи
- Иконка фотоаппарата для снимка
- Иконка ползунков для параметров
- Каталог SVG-иконок
- Перевести SVG в CSS