crop rotate icon
crop-rotate from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- crop-rotate
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
Use the crop rotate icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M37.292 10.2V7.477h.558c5 0 8.147 3.482 8.147 8.392c0 2.969-.915 4.085-.96 4.91c-.044.603.201.983.692 1.228c.692.335 1.518.022 1.897-.625c.692-1.183 1.16-3.147 1.16-5.535c0-6.54-4.351-10.937-10.913-10.937h-.58V1.986C37.292.47 35.885 0 34.658.848l-6.071 4.107c-.782.536-.804 1.74 0 2.277l6.07 4.084c1.206.826 2.634.357 2.634-1.116m-14.91 28.257h12.321v9.642c0 1.094.714 1.852 1.786 1.852c1.094 0 1.808-.758 1.808-1.852v-9.642h9.508c1.027 0 1.741-.67 1.741-1.697c0-1.004-.714-1.673-1.741-1.673h-9.508V22.989c0-3.638-1.496-5.133-5.134-5.133h-12.32V8.347c0-1.093-.714-1.852-1.786-1.852c-1.071 0-1.808.759-1.808 1.853v9.508H7.63c-1.048 0-1.763.67-1.763 1.696c0 1.004.715 1.674 1.764 1.674h9.62v12.097c0 3.638 1.495 5.134 5.133 5.134m.559-3.37c-1.562 0-2.098-.536-2.098-2.099V21.226h11.762c1.563 0 2.098.536 2.098 2.098v11.763ZM18.276 45.8v3.013h-.58c-4.978 0-8.147-3.482-8.147-8.392c0-2.969.915-4.085.982-4.888c.022-.625-.2-1.005-.714-1.25c-.692-.335-1.495-.022-1.897.625c-.67 1.183-1.16 3.147-1.16 5.535c0 6.54 4.351 10.937 10.913 10.937h.603v2.634c0 1.517 1.384 1.986 2.634 1.138l6.048-4.107c.804-.536.804-1.74 0-2.277l-6.048-4.084c-1.228-.826-2.634-.357-2.634 1.116"/></svg>
React
import type { SVGProps } from "react";
export function F7CropRotate(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M37.292 10.2V7.477h.558c5 0 8.147 3.482 8.147 8.392c0 2.969-.915 4.085-.96 4.91c-.044.603.201.983.692 1.228c.692.335 1.518.022 1.897-.625c.692-1.183 1.16-3.147 1.16-5.535c0-6.54-4.351-10.937-10.913-10.937h-.58V1.986C37.292.47 35.885 0 34.658.848l-6.071 4.107c-.782.536-.804 1.74 0 2.277l6.07 4.084c1.206.826 2.634.357 2.634-1.116m-14.91 28.257h12.321v9.642c0 1.094.714 1.852 1.786 1.852c1.094 0 1.808-.758 1.808-1.852v-9.642h9.508c1.027 0 1.741-.67 1.741-1.697c0-1.004-.714-1.673-1.741-1.673h-9.508V22.989c0-3.638-1.496-5.133-5.134-5.133h-12.32V8.347c0-1.093-.714-1.852-1.786-1.852c-1.071 0-1.808.759-1.808 1.853v9.508H7.63c-1.048 0-1.763.67-1.763 1.696c0 1.004.715 1.674 1.764 1.674h9.62v12.097c0 3.638 1.495 5.134 5.133 5.134m.559-3.37c-1.562 0-2.098-.536-2.098-2.099V21.226h11.762c1.563 0 2.098.536 2.098 2.098v11.763ZM18.276 45.8v3.013h-.58c-4.978 0-8.147-3.482-8.147-8.392c0-2.969.915-4.085.982-4.888c.022-.625-.2-1.005-.714-1.25c-.692-.335-1.495-.022-1.897.625c-.67 1.183-1.16 3.147-1.16 5.535c0 6.54 4.351 10.937 10.913 10.937h.603v2.634c0 1.517 1.384 1.986 2.634 1.138l6.048-4.107c.804-.536.804-1.74 0-2.277l-6.048-4.084c-1.228-.826-2.634-.357-2.634 1.116"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M37.292 10.2V7.477h.558c5 0 8.147 3.482 8.147 8.392c0 2.969-.915 4.085-.96 4.91c-.044.603.201.983.692 1.228c.692.335 1.518.022 1.897-.625c.692-1.183 1.16-3.147 1.16-5.535c0-6.54-4.351-10.937-10.913-10.937h-.58V1.986C37.292.47 35.885 0 34.658.848l-6.071 4.107c-.782.536-.804 1.74 0 2.277l6.07 4.084c1.206.826 2.634.357 2.634-1.116m-14.91 28.257h12.321v9.642c0 1.094.714 1.852 1.786 1.852c1.094 0 1.808-.758 1.808-1.852v-9.642h9.508c1.027 0 1.741-.67 1.741-1.697c0-1.004-.714-1.673-1.741-1.673h-9.508V22.989c0-3.638-1.496-5.133-5.134-5.133h-12.32V8.347c0-1.093-.714-1.852-1.786-1.852c-1.071 0-1.808.759-1.808 1.853v9.508H7.63c-1.048 0-1.763.67-1.763 1.696c0 1.004.715 1.674 1.764 1.674h9.62v12.097c0 3.638 1.495 5.134 5.133 5.134m.559-3.37c-1.562 0-2.098-.536-2.098-2.099V21.226h11.762c1.563 0 2.098.536 2.098 2.098v11.763ZM18.276 45.8v3.013h-.58c-4.978 0-8.147-3.482-8.147-8.392c0-2.969.915-4.085.982-4.888c.022-.625-.2-1.005-.714-1.25c-.692-.335-1.495-.022-1.897.625c-.67 1.183-1.16 3.147-1.16 5.535c0 6.54 4.351 10.937 10.913 10.937h.603v2.634c0 1.517 1.384 1.986 2.634 1.138l6.048-4.107c.804-.536.804-1.74 0-2.277l-6.048-4.084c-1.228-.826-2.634-.357-2.634 1.116"/></svg> </template>
CSS
.icon-crop-rotate {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M37.292%2010.2V7.477h.558c5%200%208.147%203.482%208.147%208.392c0%202.969-.915%204.085-.96%204.91c-.044.603.201.983.692%201.228c.692.335%201.518.022%201.897-.625c.692-1.183%201.16-3.147%201.16-5.535c0-6.54-4.351-10.937-10.913-10.937h-.58V1.986C37.292.47%2035.885%200%2034.658.848l-6.071%204.107c-.782.536-.804%201.74%200%202.277l6.07%204.084c1.206.826%202.634.357%202.634-1.116m-14.91%2028.257h12.321v9.642c0%201.094.714%201.852%201.786%201.852c1.094%200%201.808-.758%201.808-1.852v-9.642h9.508c1.027%200%201.741-.67%201.741-1.697c0-1.004-.714-1.673-1.741-1.673h-9.508V22.989c0-3.638-1.496-5.133-5.134-5.133h-12.32V8.347c0-1.093-.714-1.852-1.786-1.852c-1.071%200-1.808.759-1.808%201.853v9.508H7.63c-1.048%200-1.763.67-1.763%201.696c0%201.004.715%201.674%201.764%201.674h9.62v12.097c0%203.638%201.495%205.134%205.133%205.134m.559-3.37c-1.562%200-2.098-.536-2.098-2.099V21.226h11.762c1.563%200%202.098.536%202.098%202.098v11.763ZM18.276%2045.8v3.013h-.58c-4.978%200-8.147-3.482-8.147-8.392c0-2.969.915-4.085.982-4.888c.022-.625-.2-1.005-.714-1.25c-.692-.335-1.495-.022-1.897.625c-.67%201.183-1.16%203.147-1.16%205.535c0%206.54%204.351%2010.937%2010.913%2010.937h.603v2.634c0%201.517%201.384%201.986%202.634%201.138l6.048-4.107c.804-.536.804-1.74%200-2.277l-6.048-4.084c-1.228-.826-2.634-.357-2.634%201.116%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M37.292%2010.2V7.477h.558c5%200%208.147%203.482%208.147%208.392c0%202.969-.915%204.085-.96%204.91c-.044.603.201.983.692%201.228c.692.335%201.518.022%201.897-.625c.692-1.183%201.16-3.147%201.16-5.535c0-6.54-4.351-10.937-10.913-10.937h-.58V1.986C37.292.47%2035.885%200%2034.658.848l-6.071%204.107c-.782.536-.804%201.74%200%202.277l6.07%204.084c1.206.826%202.634.357%202.634-1.116m-14.91%2028.257h12.321v9.642c0%201.094.714%201.852%201.786%201.852c1.094%200%201.808-.758%201.808-1.852v-9.642h9.508c1.027%200%201.741-.67%201.741-1.697c0-1.004-.714-1.673-1.741-1.673h-9.508V22.989c0-3.638-1.496-5.133-5.134-5.133h-12.32V8.347c0-1.093-.714-1.852-1.786-1.852c-1.071%200-1.808.759-1.808%201.853v9.508H7.63c-1.048%200-1.763.67-1.763%201.696c0%201.004.715%201.674%201.764%201.674h9.62v12.097c0%203.638%201.495%205.134%205.133%205.134m.559-3.37c-1.562%200-2.098-.536-2.098-2.099V21.226h11.762c1.563%200%202.098.536%202.098%202.098v11.763ZM18.276%2045.8v3.013h-.58c-4.978%200-8.147-3.482-8.147-8.392c0-2.969.915-4.085.982-4.888c.022-.625-.2-1.005-.714-1.25c-.692-.335-1.495-.022-1.897.625c-.67%201.183-1.16%203.147-1.16%205.535c0%206.54%204.351%2010.937%2010.913%2010.937h.603v2.634c0%201.517%201.384%201.986%202.634%201.138l6.048-4.107c.804-.536.804-1.74%200-2.277l-6.048-4.084c-1.228-.826-2.634-.357-2.634%201.116%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/crop-rotate.svg?color=%231a73e8&size=48
