crop interim off icon
crop-interim-off-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- crop-interim-off-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the crop interim off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="m3.019 3.726l-.873-.872a.5.5 0 1 1 .708-.708l15 15a.5.5 0 0 1-.708.708l-1.205-1.206c-.85.54-1.86.852-2.941.852a5.5 5.5 0 0 1-4-1.725v.725a.5.5 0 0 1-1 0v-2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-.855A4.5 4.5 0 0 0 13 16.5a4.5 4.5 0 0 0 2.212-.58l-1.938-1.939q-.135.02-.274.019a2 2 0 0 1-1.732-1H5.732a2 2 0 1 1-1.959-2.987l.463-4.164A2 2 0 0 1 3.02 3.726m8 8L5.274 5.98l-.047.006l-.463 4.164A2 2 0 0 1 6 12h5q0-.14.019-.274m.754-5.739l.459 4.124l2.627 2.627a2 2 0 0 0-1.632-2.726l-.463-4.163A2 2 0 1 0 10.268 3H6.732a2 2 0 0 0-2.47-.86l.867.868a1 1 0 0 1 .863.863l.867.867C6.95 4.51 7 4.261 7 4h3a2 2 0 0 0 1.773 1.987m4.92 8.585l.716.716a5.5 5.5 0 0 0-3.56-8.723l.116 1.039a4.502 4.502 0 0 1 2.728 6.968M12 5a1 1 0 1 1 0-2a1 1 0 0 1 0 2m-9 7a1 1 0 1 0 2 0a1 1 0 0 0-2 0"/></svg>
React
import type { SVGProps } from "react";
export function FluentCropInterimOff20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="m3.019 3.726l-.873-.872a.5.5 0 1 1 .708-.708l15 15a.5.5 0 0 1-.708.708l-1.205-1.206c-.85.54-1.86.852-2.941.852a5.5 5.5 0 0 1-4-1.725v.725a.5.5 0 0 1-1 0v-2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-.855A4.5 4.5 0 0 0 13 16.5a4.5 4.5 0 0 0 2.212-.58l-1.938-1.939q-.135.02-.274.019a2 2 0 0 1-1.732-1H5.732a2 2 0 1 1-1.959-2.987l.463-4.164A2 2 0 0 1 3.02 3.726m8 8L5.274 5.98l-.047.006l-.463 4.164A2 2 0 0 1 6 12h5q0-.14.019-.274m.754-5.739l.459 4.124l2.627 2.627a2 2 0 0 0-1.632-2.726l-.463-4.163A2 2 0 1 0 10.268 3H6.732a2 2 0 0 0-2.47-.86l.867.868a1 1 0 0 1 .863.863l.867.867C6.95 4.51 7 4.261 7 4h3a2 2 0 0 0 1.773 1.987m4.92 8.585l.716.716a5.5 5.5 0 0 0-3.56-8.723l.116 1.039a4.502 4.502 0 0 1 2.728 6.968M12 5a1 1 0 1 1 0-2a1 1 0 0 1 0 2m-9 7a1 1 0 1 0 2 0a1 1 0 0 0-2 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="m3.019 3.726l-.873-.872a.5.5 0 1 1 .708-.708l15 15a.5.5 0 0 1-.708.708l-1.205-1.206c-.85.54-1.86.852-2.941.852a5.5 5.5 0 0 1-4-1.725v.725a.5.5 0 0 1-1 0v-2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-.855A4.5 4.5 0 0 0 13 16.5a4.5 4.5 0 0 0 2.212-.58l-1.938-1.939q-.135.02-.274.019a2 2 0 0 1-1.732-1H5.732a2 2 0 1 1-1.959-2.987l.463-4.164A2 2 0 0 1 3.02 3.726m8 8L5.274 5.98l-.047.006l-.463 4.164A2 2 0 0 1 6 12h5q0-.14.019-.274m.754-5.739l.459 4.124l2.627 2.627a2 2 0 0 0-1.632-2.726l-.463-4.163A2 2 0 1 0 10.268 3H6.732a2 2 0 0 0-2.47-.86l.867.868a1 1 0 0 1 .863.863l.867.867C6.95 4.51 7 4.261 7 4h3a2 2 0 0 0 1.773 1.987m4.92 8.585l.716.716a5.5 5.5 0 0 0-3.56-8.723l.116 1.039a4.502 4.502 0 0 1 2.728 6.968M12 5a1 1 0 1 1 0-2a1 1 0 0 1 0 2m-9 7a1 1 0 1 0 2 0a1 1 0 0 0-2 0"/></svg> </template>
CSS
.icon-crop-interim-off-20-regular {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.019%203.726l-.873-.872a.5.5%200%201%201%20.708-.708l15%2015a.5.5%200%200%201-.708.708l-1.205-1.206c-.85.54-1.86.852-2.941.852a5.5%205.5%200%200%201-4-1.725v.725a.5.5%200%200%201-1%200v-2a.5.5%200%200%201%20.5-.5h2a.5.5%200%200%201%200%201h-.855A4.5%204.5%200%200%200%2013%2016.5a4.5%204.5%200%200%200%202.212-.58l-1.938-1.939q-.135.02-.274.019a2%202%200%200%201-1.732-1H5.732a2%202%200%201%201-1.959-2.987l.463-4.164A2%202%200%200%201%203.02%203.726m8%208L5.274%205.98l-.047.006l-.463%204.164A2%202%200%200%201%206%2012h5q0-.14.019-.274m.754-5.739l.459%204.124l2.627%202.627a2%202%200%200%200-1.632-2.726l-.463-4.163A2%202%200%201%200%2010.268%203H6.732a2%202%200%200%200-2.47-.86l.867.868a1%201%200%200%201%20.863.863l.867.867C6.95%204.51%207%204.261%207%204h3a2%202%200%200%200%201.773%201.987m4.92%208.585l.716.716a5.5%205.5%200%200%200-3.56-8.723l.116%201.039a4.502%204.502%200%200%201%202.728%206.968M12%205a1%201%200%201%201%200-2a1%201%200%200%201%200%202m-9%207a1%201%200%201%200%202%200a1%201%200%200%200-2%200%22%2F%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.019%203.726l-.873-.872a.5.5%200%201%201%20.708-.708l15%2015a.5.5%200%200%201-.708.708l-1.205-1.206c-.85.54-1.86.852-2.941.852a5.5%205.5%200%200%201-4-1.725v.725a.5.5%200%200%201-1%200v-2a.5.5%200%200%201%20.5-.5h2a.5.5%200%200%201%200%201h-.855A4.5%204.5%200%200%200%2013%2016.5a4.5%204.5%200%200%200%202.212-.58l-1.938-1.939q-.135.02-.274.019a2%202%200%200%201-1.732-1H5.732a2%202%200%201%201-1.959-2.987l.463-4.164A2%202%200%200%201%203.02%203.726m8%208L5.274%205.98l-.047.006l-.463%204.164A2%202%200%200%201%206%2012h5q0-.14.019-.274m.754-5.739l.459%204.124l2.627%202.627a2%202%200%200%200-1.632-2.726l-.463-4.163A2%202%200%201%200%2010.268%203H6.732a2%202%200%200%200-2.47-.86l.867.868a1%201%200%200%201%20.863.863l.867.867C6.95%204.51%207%204.261%207%204h3a2%202%200%200%200%201.773%201.987m4.92%208.585l.716.716a5.5%205.5%200%200%200-3.56-8.723l.116%201.039a4.502%204.502%200%200%201%202.728%206.968M12%205a1%201%200%201%201%200-2a1%201%200%200%201%200%202m-9%207a1%201%200%201%200%202%200a1%201%200%200%200-2%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/crop-interim-off-20-regular.svg?color=%231a73e8&size=48
