screen rotation icon
screen-rotation from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- screen-rotation
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the screen rotation icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M2 12c.131 3.194 2.198 9.442 9.3 9.978c.418.031.627.047.687-.08c.06-.126-.091-.273-.393-.567l-1.356-1.32M22 12c-.131-3.193-2.198-9.442-9.3-9.978c-.418-.031-.627-.047-.687.08c-.06.126.091.273.393.567l1.356 1.32m-5.686 9.457C6.713 12.083 6.03 11.4 6 10.585s.603-1.45 1.868-2.716c1.266-1.265 1.899-1.898 2.716-1.868c.816.03 1.498.712 2.86 2.075l2.48 2.478c1.362 1.363 2.044 2.045 2.074 2.862c.03.816-.603 1.449-1.868 2.715s-1.899 1.898-2.716 1.868c-.816-.03-1.498-.712-2.86-2.075z"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsScreenRotation(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M2 12c.131 3.194 2.198 9.442 9.3 9.978c.418.031.627.047.687-.08c.06-.126-.091-.273-.393-.567l-1.356-1.32M22 12c-.131-3.193-2.198-9.442-9.3-9.978c-.418-.031-.627-.047-.687.08c-.06.126.091.273.393.567l1.356 1.32m-5.686 9.457C6.713 12.083 6.03 11.4 6 10.585s.603-1.45 1.868-2.716c1.266-1.265 1.899-1.898 2.716-1.868c.816.03 1.498.712 2.86 2.075l2.48 2.478c1.362 1.363 2.044 2.045 2.074 2.862c.03.816-.603 1.449-1.868 2.715s-1.899 1.898-2.716 1.868c-.816-.03-1.498-.712-2.86-2.075z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M2 12c.131 3.194 2.198 9.442 9.3 9.978c.418.031.627.047.687-.08c.06-.126-.091-.273-.393-.567l-1.356-1.32M22 12c-.131-3.193-2.198-9.442-9.3-9.978c-.418-.031-.627-.047-.687.08c-.06.126.091.273.393.567l1.356 1.32m-5.686 9.457C6.713 12.083 6.03 11.4 6 10.585s.603-1.45 1.868-2.716c1.266-1.265 1.899-1.898 2.716-1.868c.816.03 1.498.712 2.86 2.075l2.48 2.478c1.362 1.363 2.044 2.045 2.074 2.862c.03.816-.603 1.449-1.868 2.715s-1.899 1.898-2.716 1.868c-.816-.03-1.498-.712-2.86-2.075z"/></svg> </template>
CSS
.icon-screen-rotation {
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%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%2012c.131%203.194%202.198%209.442%209.3%209.978c.418.031.627.047.687-.08c.06-.126-.091-.273-.393-.567l-1.356-1.32M22%2012c-.131-3.193-2.198-9.442-9.3-9.978c-.418-.031-.627-.047-.687.08c-.06.126.091.273.393.567l1.356%201.32m-5.686%209.457C6.713%2012.083%206.03%2011.4%206%2010.585s.603-1.45%201.868-2.716c1.266-1.265%201.899-1.898%202.716-1.868c.816.03%201.498.712%202.86%202.075l2.48%202.478c1.362%201.363%202.044%202.045%202.074%202.862c.03.816-.603%201.449-1.868%202.715s-1.899%201.898-2.716%201.868c-.816-.03-1.498-.712-2.86-2.075z%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%2012c.131%203.194%202.198%209.442%209.3%209.978c.418.031.627.047.687-.08c.06-.126-.091-.273-.393-.567l-1.356-1.32M22%2012c-.131-3.193-2.198-9.442-9.3-9.978c-.418-.031-.627-.047-.687.08c-.06.126.091.273.393.567l1.356%201.32m-5.686%209.457C6.713%2012.083%206.03%2011.4%206%2010.585s.603-1.45%201.868-2.716c1.266-1.265%201.899-1.898%202.716-1.868c.816.03%201.498.712%202.86%202.075l2.48%202.478c1.362%201.363%202.044%202.045%202.074%202.862c.03.816-.603%201.449-1.868%202.715s-1.899%201.898-2.716%201.868c-.816-.03-1.498-.712-2.86-2.075z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/screen-rotation.svg?color=%231a73e8&size=48
