crop icon
crop-broken from Solar by 480 Design · Broken · Tools · CC-BY-4.0 Attribution required.
- Name
- crop-broken
- Set
- Solar
- Style
- Broken
- Category
- Tools
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
cropBootstrap IconscropBoxIcons v2cropBoxIcons v2 SolidcropCarboncropElement Pluscrop-fillEva IconscropFramework7 IconscropFont Awesome 6 SolidcropFont Awesome SolidcropFeather Iconscrop-16-filledFluent UI System Iconscropcss.ggcropHuge IconscropHumbleiconscropIconoircropIonIconscropJam IconscropLine AwesomecropLucidecropMaterial SymbolscropMaterial Symbols LightcropMaterial Design IconscropMyna UI IconscropPhosphor
More tools icons from Solar
align-bottom-boldalign-horizontal-center-boldalign-horizontal-spacing-boldalign-left-boldalign-right-boldalign-top-boldalign-vertical-center-boldalign-vertical-spacing-boldcolour-tuning-boldcrop-minimalistic-boldfilters-boldflip-horizontal-boldflip-vertical-boldframe-boldlayers-boldlayers-minimalistic-boldmirror-left-boldmirror-right-boldpaint-brush-boldpaint-roller-boldpalette-2-boldpalette-boldpalette-round-boldpipette-bold
Use the crop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M8.5 11.5C8.5 10.0858 8.5 9.37868 8.93934 8.93934C9.37868 8.5 10.0858 8.5 11.5 8.5H12.5C13.9142 8.5 14.6213 8.5 15.0607 8.93934C15.5 9.37868 15.5 10.0858 15.5 11.5V12.5C15.5 13.9142 15.5 14.6213 15.0607 15.0607C14.6213 15.5 13.9142 15.5 12.5 15.5H11.5C10.0858 15.5 9.37868 15.5 8.93934 15.0607C8.5 14.6213 8.5 13.9142 8.5 12.5V11.5Z"/><path stroke-linecap="round" d="M22 19H13C9.22876 19 7.34315 19 6.17157 17.8284C5.51839 17.1752 5.22937 16.3001 5.10149 15M5 11V2"/><path stroke-linecap="round" d="M8 5H11C14.7712 5 16.6569 5 17.8284 6.17157C18.4816 6.82475 18.7706 7.69989 18.8985 9M2 5H5M19 19V22M19 13V16"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarCropBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M8.5 11.5C8.5 10.0858 8.5 9.37868 8.93934 8.93934C9.37868 8.5 10.0858 8.5 11.5 8.5H12.5C13.9142 8.5 14.6213 8.5 15.0607 8.93934C15.5 9.37868 15.5 10.0858 15.5 11.5V12.5C15.5 13.9142 15.5 14.6213 15.0607 15.0607C14.6213 15.5 13.9142 15.5 12.5 15.5H11.5C10.0858 15.5 9.37868 15.5 8.93934 15.0607C8.5 14.6213 8.5 13.9142 8.5 12.5V11.5Z"/><path strokeLinecap="round" d="M22 19H13C9.22876 19 7.34315 19 6.17157 17.8284C5.51839 17.1752 5.22937 16.3001 5.10149 15M5 11V2"/><path strokeLinecap="round" d="M8 5H11C14.7712 5 16.6569 5 17.8284 6.17157C18.4816 6.82475 18.7706 7.69989 18.8985 9M2 5H5M19 19V22M19 13V16"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M8.5 11.5C8.5 10.0858 8.5 9.37868 8.93934 8.93934C9.37868 8.5 10.0858 8.5 11.5 8.5H12.5C13.9142 8.5 14.6213 8.5 15.0607 8.93934C15.5 9.37868 15.5 10.0858 15.5 11.5V12.5C15.5 13.9142 15.5 14.6213 15.0607 15.0607C14.6213 15.5 13.9142 15.5 12.5 15.5H11.5C10.0858 15.5 9.37868 15.5 8.93934 15.0607C8.5 14.6213 8.5 13.9142 8.5 12.5V11.5Z"/><path stroke-linecap="round" d="M22 19H13C9.22876 19 7.34315 19 6.17157 17.8284C5.51839 17.1752 5.22937 16.3001 5.10149 15M5 11V2"/><path stroke-linecap="round" d="M8 5H11C14.7712 5 16.6569 5 17.8284 6.17157C18.4816 6.82475 18.7706 7.69989 18.8985 9M2 5H5M19 19V22M19 13V16"/></g></svg> </template>
CSS
.icon-crop-broken {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M8.5%2011.5C8.5%2010.0858%208.5%209.37868%208.93934%208.93934C9.37868%208.5%2010.0858%208.5%2011.5%208.5H12.5C13.9142%208.5%2014.6213%208.5%2015.0607%208.93934C15.5%209.37868%2015.5%2010.0858%2015.5%2011.5V12.5C15.5%2013.9142%2015.5%2014.6213%2015.0607%2015.0607C14.6213%2015.5%2013.9142%2015.5%2012.5%2015.5H11.5C10.0858%2015.5%209.37868%2015.5%208.93934%2015.0607C8.5%2014.6213%208.5%2013.9142%208.5%2012.5V11.5Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M22%2019H13C9.22876%2019%207.34315%2019%206.17157%2017.8284C5.51839%2017.1752%205.22937%2016.3001%205.10149%2015M5%2011V2%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M8%205H11C14.7712%205%2016.6569%205%2017.8284%206.17157C18.4816%206.82475%2018.7706%207.69989%2018.8985%209M2%205H5M19%2019V22M19%2013V16%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M8.5%2011.5C8.5%2010.0858%208.5%209.37868%208.93934%208.93934C9.37868%208.5%2010.0858%208.5%2011.5%208.5H12.5C13.9142%208.5%2014.6213%208.5%2015.0607%208.93934C15.5%209.37868%2015.5%2010.0858%2015.5%2011.5V12.5C15.5%2013.9142%2015.5%2014.6213%2015.0607%2015.0607C14.6213%2015.5%2013.9142%2015.5%2012.5%2015.5H11.5C10.0858%2015.5%209.37868%2015.5%208.93934%2015.0607C8.5%2014.6213%208.5%2013.9142%208.5%2012.5V11.5Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M22%2019H13C9.22876%2019%207.34315%2019%206.17157%2017.8284C5.51839%2017.1752%205.22937%2016.3001%205.10149%2015M5%2011V2%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M8%205H11C14.7712%205%2016.6569%205%2017.8284%206.17157C18.4816%206.82475%2018.7706%207.69989%2018.8985%209M2%205H5M19%2019V22M19%2013V16%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/crop-broken.svg?color=%231a73e8&size=48
