Add icons to this collection by clicking the heart icon.
Crop icon - also known as interface, shapes, crop, cut, cutter, symbol, cropping, multimedia option, and art and design. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-27.991"
x2="-22.705"
y1="646.483"
y2="641.197"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M501.333 0H416c-5.888 0-10.667 4.779-10.667 10.667v37.781c-1.792-3.392-5.227-5.781-9.344-5.781h-35.008c-5.888 0-10.667 4.779-10.667 10.667S355.093 64 360.981 64h35.008c4.117 0 7.552-2.389 9.344-5.781V96c0 5.888 4.779 10.667 10.667 10.667h37.781c-3.392 1.792-5.781 5.227-5.781 9.344v35.008c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667v-35.008c0-4.117-2.389-7.552-5.781-9.344h37.781c5.888 0 10.667-4.779 10.667-10.667V10.667C512 4.779 507.221 0 501.333 0zm-10.666 85.333h-64v-64h64v64z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-46.557"
x2="-41.56"
y1="646.338"
y2="641.341"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 106.667h37.781c-3.392 1.792-5.781 5.227-5.781 9.344v35.008c0 5.888 4.779 10.667 10.667 10.667S64 156.907 64 151.019v-35.008c0-4.117-2.389-7.552-5.781-9.344H96c5.888 0 10.667-4.779 10.667-10.667V58.219c1.792 3.392 5.227 5.781 9.323 5.781h35.008c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H115.99c-4.096 0-7.531 2.389-9.323 5.781v-37.78C106.667 4.779 101.888 0 96 0H10.667C4.779 0 0 4.779 0 10.667V96c0 5.888 4.779 10.667 10.667 10.667zm10.666-85.334h64v64h-64v-64z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-27.846"
x2="-22.85"
y1="627.627"
y2="622.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M501.333 405.333h-37.781c3.392-1.792 5.781-5.227 5.781-9.323v-35.008c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v35.008c0 4.096 2.389 7.552 5.781 9.344H416c-5.888 0-10.667 4.779-10.667 10.667v37.781c-1.792-3.413-5.227-5.803-9.344-5.803h-35.008c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h35.008c4.096 0 7.552-2.389 9.344-5.781v37.781c0 5.888 4.779 10.667 10.667 10.667h85.333c5.888 0 10.667-4.779 10.667-10.667V416c0-5.888-4.779-10.667-10.667-10.667zm-10.666 85.334h-64v-64h64v64z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-46.701"
x2="-41.416"
y1="627.771"
y2="622.486"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 512H96c5.888 0 10.667-4.779 10.667-10.667v-37.781c1.792 3.392 5.227 5.781 9.323 5.781h35.008c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H115.99c-4.096 0-7.531 2.389-9.323 5.781V416c0-5.888-4.779-10.667-10.667-10.667H58.219c3.392-1.792 5.781-5.227 5.781-9.323v-35.008c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v35.008c0 4.096 2.389 7.531 5.781 9.323h-37.78C4.779 405.333 0 410.112 0 416v85.333C0 507.221 4.779 512 10.667 512zm10.666-85.333h64v64h-64v-64z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-37.38"
x2="-35.853"
y1="625.748"
y2="624.221"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M197.675 469.333h35.008c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667h-35.008c-5.888 0-10.667 4.779-10.667 10.667a10.656 10.656 0 0 0 10.667 10.667z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-33.553"
x2="-32.025"
y1="625.748"
y2="624.221"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M279.339 469.333h35.008c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667h-35.008c-5.888 0-10.667 4.779-10.667 10.667a10.656 10.656 0 0 0 10.667 10.667z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-44.967"
x2="-43.439"
y1="637.162"
y2="635.634"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M64 197.675c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v35.008c0 5.888 4.779 10.667 10.667 10.667S64 238.571 64 232.683v-35.008z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-44.967"
x2="-43.439"
y1="633.334"
y2="631.806"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M53.333 268.672c-5.888 0-10.667 4.779-10.667 10.667v35.008c0 5.888 4.779 10.667 10.667 10.667S64 320.235 64 314.347v-35.008c0-5.91-4.779-10.667-10.667-10.667z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-37.38"
x2="-35.853"
y1="644.748"
y2="643.221"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M197.675 64h35.008c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.688-10.667h-34.987c-5.888 0-10.667 4.779-10.667 10.667S191.765 64 197.675 64z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-33.553"
x2="-32.025"
y1="644.748"
y2="643.22"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M279.339 64h35.008c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.688-10.667h-35.008c-5.888 0-10.667 4.779-10.667 10.667S273.429 64 279.339 64z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-25.967"
x2="-24.439"
y1="633.335"
y2="631.807"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M448 314.325c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667v-35.008c0-5.888-4.779-10.667-10.667-10.667S448 273.429 448 279.317v35.008z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-25.967"
x2="-24.44"
y1="637.162"
y2="635.635"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M458.667 243.328c5.888 0 10.667-4.779 10.667-10.667v-34.987c0-5.888-4.779-10.667-10.667-10.667S448 191.786 448 197.674v35.008c0 5.889 4.779 10.646 10.667 10.646z"
fill="url(#l)"
/>
</svg>
More icons in the same style and category