ios crop icon
ios-crop from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-crop
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios crop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M142 64c-7.7 0-14 6.3-14 14v20c0 7.7 6.3 14 14 14s14-6.3 14-14V78c0-7.7-6.3-14-14-14z" fill="currentColor"/><path d="M156 342V190c0-7.7-6.3-14-14-14s-14 6.3-14 14v166c0 15.5 12.5 28 28 28h166c7.7 0 14-6.3 14-14s-6.3-14-14-14H170c-7.7 0-14-6.3-14-14z" fill="currentColor"/><path d="M434 356h-20c-7.7 0-14 6.3-14 14s6.3 14 14 14h20c7.7 0 14-6.3 14-14s-6.3-14-14-14z" fill="currentColor"/><path d="M64 142c0 7.7 6.3 14 14 14h264c7.7 0 14 6.3 14 14v264c0 7.7 6.3 14 14 14s14-6.3 14-14V156c0-15.5-12.5-28-28-28H78c-7.7 0-14 6.3-14 14z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosCrop(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M142 64c-7.7 0-14 6.3-14 14v20c0 7.7 6.3 14 14 14s14-6.3 14-14V78c0-7.7-6.3-14-14-14z" fill="currentColor"/><path d="M156 342V190c0-7.7-6.3-14-14-14s-14 6.3-14 14v166c0 15.5 12.5 28 28 28h166c7.7 0 14-6.3 14-14s-6.3-14-14-14H170c-7.7 0-14-6.3-14-14z" fill="currentColor"/><path d="M434 356h-20c-7.7 0-14 6.3-14 14s6.3 14 14 14h20c7.7 0 14-6.3 14-14s-6.3-14-14-14z" fill="currentColor"/><path d="M64 142c0 7.7 6.3 14 14 14h264c7.7 0 14 6.3 14 14v264c0 7.7 6.3 14 14 14s14-6.3 14-14V156c0-15.5-12.5-28-28-28H78c-7.7 0-14 6.3-14 14z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M142 64c-7.7 0-14 6.3-14 14v20c0 7.7 6.3 14 14 14s14-6.3 14-14V78c0-7.7-6.3-14-14-14z" fill="currentColor"/><path d="M156 342V190c0-7.7-6.3-14-14-14s-14 6.3-14 14v166c0 15.5 12.5 28 28 28h166c7.7 0 14-6.3 14-14s-6.3-14-14-14H170c-7.7 0-14-6.3-14-14z" fill="currentColor"/><path d="M434 356h-20c-7.7 0-14 6.3-14 14s6.3 14 14 14h20c7.7 0 14-6.3 14-14s-6.3-14-14-14z" fill="currentColor"/><path d="M64 142c0 7.7 6.3 14 14 14h264c7.7 0 14 6.3 14 14v264c0 7.7 6.3 14 14 14s14-6.3 14-14V156c0-15.5-12.5-28-28-28H78c-7.7 0-14 6.3-14 14z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-crop {
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%20512%20512%22%3E%3Cpath%20d%3D%22M142%2064c-7.7%200-14%206.3-14%2014v20c0%207.7%206.3%2014%2014%2014s14-6.3%2014-14V78c0-7.7-6.3-14-14-14z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M156%20342V190c0-7.7-6.3-14-14-14s-14%206.3-14%2014v166c0%2015.5%2012.5%2028%2028%2028h166c7.7%200%2014-6.3%2014-14s-6.3-14-14-14H170c-7.7%200-14-6.3-14-14z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M434%20356h-20c-7.7%200-14%206.3-14%2014s6.3%2014%2014%2014h20c7.7%200%2014-6.3%2014-14s-6.3-14-14-14z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M64%20142c0%207.7%206.3%2014%2014%2014h264c7.7%200%2014%206.3%2014%2014v264c0%207.7%206.3%2014%2014%2014s14-6.3%2014-14V156c0-15.5-12.5-28-28-28H78c-7.7%200-14%206.3-14%2014z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M142%2064c-7.7%200-14%206.3-14%2014v20c0%207.7%206.3%2014%2014%2014s14-6.3%2014-14V78c0-7.7-6.3-14-14-14z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M156%20342V190c0-7.7-6.3-14-14-14s-14%206.3-14%2014v166c0%2015.5%2012.5%2028%2028%2028h166c7.7%200%2014-6.3%2014-14s-6.3-14-14-14H170c-7.7%200-14-6.3-14-14z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M434%20356h-20c-7.7%200-14%206.3-14%2014s6.3%2014%2014%2014h20c7.7%200%2014-6.3%2014-14s-6.3-14-14-14z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M64%20142c0%207.7%206.3%2014%2014%2014h264c7.7%200%2014%206.3%2014%2014v264c0%207.7%206.3%2014%2014%2014s14-6.3%2014-14V156c0-15.5-12.5-28-28-28H78c-7.7%200-14%206.3-14%2014z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-crop.svg?color=%231a73e8&size=48
