Light Dark System

Crop icon

crop

Two crossing corners that frame an image, for cropping photos and setting an aspect ratio.

Missing from Heroicons, where it was requested with 6 votes in #990 .

Component: CropIcon
Intended size: 24×24 px, 1.5 px stroke
Iconset: Sidekickicons
Keywords: trim, cut, resize, image, photo, edit, frame, aspect ratio

Outline 24×24 px, 1.5 px stroke Solid 24×24 px, solid fill Mini 20×20 px, solid fill Micro 16×16 px, solid fill

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v12.75a1.5 1.5 0 0 0 1.5 1.5H21M3 6.75h12.75a1.5 1.5 0 0 1 1.5 1.5V21" />
</svg>

Crop icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Cropped Cropped

Badges · Micro

Crop icon

Code

Crop icon in UI elements

Related icons

More Sidekickicons