Color

Advanced editing in SVG Editor

Carbon Icons

Crop Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: crop cut trim image edit

The Crop icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/319823.svg" alt="Crop icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/319823.svg" alt="Crop icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/319823.svg"
  alt="Crop icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-crop {
  background-image: url('https://proicons.com/icon/319823.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<g id="crop">
	<path id="crop_1_" d="M4.36,31H3.64v-2.64H1v-0.72h2.64V25h0.72v2.64H7v0.721H4.36V31z M26,28.36H10v-0.72h16
		c0.904,0,1.64-0.735,1.64-1.64V10h0.721v16C28.36,27.302,27.302,28.36,26,28.36z M4.36,22H3.64V6c0-1.301,1.059-2.36,2.36-2.36h16
		v0.72H6C5.096,4.36,4.36,5.096,4.36,6V22z M28.36,7h-0.72V4.36H25V3.64h2.64V1h0.721v2.64H31v0.72h-2.64V7z"/>
</g>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

Crop in other icon packs

Tabler Icons Outline

Bootstrap Icons

Phosphor Icons

Eva Icons Filled

Feather Icons

Lucide Icons

Copied!

Crop Icon

More from Carbon Icons

Crop in other icon packs