screen lock rotation icon
screen-lock-rotation from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- screen-lock-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 lock rotation 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-linecap="round" stroke-width="1.5"><path d="M12.034 3.747a2.2 2.2 0 0 0-.892-.235c-1.094-.04-1.942.803-3.638 2.49C5.81 7.688 4.961 8.53 5.001 9.619s.954 1.996 2.78 3.812l3.32 3.302c1.827 1.816 2.74 2.724 3.834 2.764s1.942-.802 3.638-2.489c1.367-1.36 2.183-2.171 2.427-3.005M3 12.504c.118 2.872 1.978 8.492 8.37 8.973c.376.029.564.043.618-.071s-.082-.246-.354-.51l-1.22-1.187"/><path stroke-linejoin="round" d="M15.737 5.678v-1.39c0-.206.008-.414.082-.606c.196-.51.715-1.18 1.66-1.18c.946 0 1.486.67 1.682 1.18c.073.192.082.4.082.605v1.391m-3.437 5.826h3.388c.997 0 1.806-.807 1.806-1.802V7.699c0-.995-.809-1.802-1.806-1.802h-3.388c-.997 0-1.806.807-1.806 1.802v2.003c0 .995.809 1.802 1.806 1.802"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsScreenLockRotation(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" strokeLinecap="round" strokeWidth="1.5"><path d="M12.034 3.747a2.2 2.2 0 0 0-.892-.235c-1.094-.04-1.942.803-3.638 2.49C5.81 7.688 4.961 8.53 5.001 9.619s.954 1.996 2.78 3.812l3.32 3.302c1.827 1.816 2.74 2.724 3.834 2.764s1.942-.802 3.638-2.489c1.367-1.36 2.183-2.171 2.427-3.005M3 12.504c.118 2.872 1.978 8.492 8.37 8.973c.376.029.564.043.618-.071s-.082-.246-.354-.51l-1.22-1.187"/><path strokeLinejoin="round" d="M15.737 5.678v-1.39c0-.206.008-.414.082-.606c.196-.51.715-1.18 1.66-1.18c.946 0 1.486.67 1.682 1.18c.073.192.082.4.082.605v1.391m-3.437 5.826h3.388c.997 0 1.806-.807 1.806-1.802V7.699c0-.995-.809-1.802-1.806-1.802h-3.388c-.997 0-1.806.807-1.806 1.802v2.003c0 .995.809 1.802 1.806 1.802"/></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-linecap="round" stroke-width="1.5"><path d="M12.034 3.747a2.2 2.2 0 0 0-.892-.235c-1.094-.04-1.942.803-3.638 2.49C5.81 7.688 4.961 8.53 5.001 9.619s.954 1.996 2.78 3.812l3.32 3.302c1.827 1.816 2.74 2.724 3.834 2.764s1.942-.802 3.638-2.489c1.367-1.36 2.183-2.171 2.427-3.005M3 12.504c.118 2.872 1.978 8.492 8.37 8.973c.376.029.564.043.618-.071s-.082-.246-.354-.51l-1.22-1.187"/><path stroke-linejoin="round" d="M15.737 5.678v-1.39c0-.206.008-.414.082-.606c.196-.51.715-1.18 1.66-1.18c.946 0 1.486.67 1.682 1.18c.073.192.082.4.082.605v1.391m-3.437 5.826h3.388c.997 0 1.806-.807 1.806-1.802V7.699c0-.995-.809-1.802-1.806-1.802h-3.388c-.997 0-1.806.807-1.806 1.802v2.003c0 .995.809 1.802 1.806 1.802"/></g></svg> </template>
CSS
.icon-screen-lock-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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12.034%203.747a2.2%202.2%200%200%200-.892-.235c-1.094-.04-1.942.803-3.638%202.49C5.81%207.688%204.961%208.53%205.001%209.619s.954%201.996%202.78%203.812l3.32%203.302c1.827%201.816%202.74%202.724%203.834%202.764s1.942-.802%203.638-2.489c1.367-1.36%202.183-2.171%202.427-3.005M3%2012.504c.118%202.872%201.978%208.492%208.37%208.973c.376.029.564.043.618-.071s-.082-.246-.354-.51l-1.22-1.187%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M15.737%205.678v-1.39c0-.206.008-.414.082-.606c.196-.51.715-1.18%201.66-1.18c.946%200%201.486.67%201.682%201.18c.073.192.082.4.082.605v1.391m-3.437%205.826h3.388c.997%200%201.806-.807%201.806-1.802V7.699c0-.995-.809-1.802-1.806-1.802h-3.388c-.997%200-1.806.807-1.806%201.802v2.003c0%20.995.809%201.802%201.806%201.802%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-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12.034%203.747a2.2%202.2%200%200%200-.892-.235c-1.094-.04-1.942.803-3.638%202.49C5.81%207.688%204.961%208.53%205.001%209.619s.954%201.996%202.78%203.812l3.32%203.302c1.827%201.816%202.74%202.724%203.834%202.764s1.942-.802%203.638-2.489c1.367-1.36%202.183-2.171%202.427-3.005M3%2012.504c.118%202.872%201.978%208.492%208.37%208.973c.376.029.564.043.618-.071s-.082-.246-.354-.51l-1.22-1.187%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M15.737%205.678v-1.39c0-.206.008-.414.082-.606c.196-.51.715-1.18%201.66-1.18c.946%200%201.486.67%201.682%201.18c.073.192.082.4.082.605v1.391m-3.437%205.826h3.388c.997%200%201.806-.807%201.806-1.802V7.699c0-.995-.809-1.802-1.806-1.802h-3.388c-.997%200-1.806.807-1.806%201.802v2.003c0%20.995.809%201.802%201.806%201.802%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/screen-lock-rotation.svg?color=%231a73e8&size=48
