crop icon
crop-line-duotone from Solar by 480 Design · Line Duotone · Tools · CC-BY-4.0 Attribution required.
- Name
- crop-line-duotone
- Set
- Solar
- Style
- Line Duotone
- 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 stroke-linecap="round" d="M22 19H13C9.22876 19 7.34315 19 6.17157 17.8284C5 16.6569 5 14.7712 5 11V2"/><path stroke-linecap="round" d="M2 5H5H11C14.7712 5 16.6569 5 17.8284 6.17157C19 7.34315 19 9.22876 19 13V19V22" opacity=".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"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarCropLineDuotone(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 strokeLinecap="round" d="M22 19H13C9.22876 19 7.34315 19 6.17157 17.8284C5 16.6569 5 14.7712 5 11V2"/><path strokeLinecap="round" d="M2 5H5H11C14.7712 5 16.6569 5 17.8284 6.17157C19 7.34315 19 9.22876 19 13V19V22" opacity=".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"/></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 stroke-linecap="round" d="M22 19H13C9.22876 19 7.34315 19 6.17157 17.8284C5 16.6569 5 14.7712 5 11V2"/><path stroke-linecap="round" d="M2 5H5H11C14.7712 5 16.6569 5 17.8284 6.17157C19 7.34315 19 9.22876 19 13V19V22" opacity=".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"/></g></svg> </template>
CSS
.icon-crop-line-duotone {
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%20stroke-linecap%3D%22round%22%20d%3D%22M22%2019H13C9.22876%2019%207.34315%2019%206.17157%2017.8284C5%2016.6569%205%2014.7712%205%2011V2%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M2%205H5H11C14.7712%205%2016.6569%205%2017.8284%206.17157C19%207.34315%2019%209.22876%2019%2013V19V22%22%20opacity%3D%22.5%22%2F%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%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%20stroke-linecap%3D%22round%22%20d%3D%22M22%2019H13C9.22876%2019%207.34315%2019%206.17157%2017.8284C5%2016.6569%205%2014.7712%205%2011V2%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M2%205H5H11C14.7712%205%2016.6569%205%2017.8284%206.17157C19%207.34315%2019%209.22876%2019%2013V19V22%22%20opacity%3D%22.5%22%2F%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%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/crop-line-duotone.svg?color=%231a73e8&size=48
