Pixmora

Иконка обрезки для кадрирования

Два угла 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.

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

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

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

<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 - рамка кадра изображения, не ножницы для вырезания произвольной формы.

Соседние темы

Другие инструменты