shift lock off icon
shift-lock-off-outline-rounded from Material Symbols Light by Google · Outline Rounded · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- shift-lock-off-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More actions icons from Material Symbols Light
Use the shift lock off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 19.5q0-.213.144-.357T5.5 19h13q.213 0 .356.144t.144.357t-.144.356T18.5 20h-13q-.213 0-.356-.144T5 19.499m1.744-6.73q-.505 0-.74-.447q-.233-.447.071-.85l2.329-3.074l.732.733l-1.911 2.638H10v3.846h4v-1.62l1 1v.82q0 .34-.232.57t-.576.23H9.808q-.343 0-.576-.232T9 15.808v-3.039zm5.897-8.319l5.284 7.021q.304.404.07.851t-.73.447h-1.481q-.113 0-.206-.037t-.17-.114q-.237-.24-.1-.544t.467-.305h1L12 5.246l-1.33 1.812q-.141.176-.368.201t-.396-.146q-.14-.14-.147-.326q-.005-.185.11-.35l1.494-1.995q.239-.329.634-.329q.394 0 .643.337m8.116 17.721L2.24 3.661q-.147-.145-.156-.346t.156-.367t.356-.165t.357.165l18.515 18.516q.146.146.156.344t-.156.363t-.357.165t-.356-.165m-9.804-9.798"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightShiftLockOffOutlineRounded(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 19.5q0-.213.144-.357T5.5 19h13q.213 0 .356.144t.144.357t-.144.356T18.5 20h-13q-.213 0-.356-.144T5 19.499m1.744-6.73q-.505 0-.74-.447q-.233-.447.071-.85l2.329-3.074l.732.733l-1.911 2.638H10v3.846h4v-1.62l1 1v.82q0 .34-.232.57t-.576.23H9.808q-.343 0-.576-.232T9 15.808v-3.039zm5.897-8.319l5.284 7.021q.304.404.07.851t-.73.447h-1.481q-.113 0-.206-.037t-.17-.114q-.237-.24-.1-.544t.467-.305h1L12 5.246l-1.33 1.812q-.141.176-.368.201t-.396-.146q-.14-.14-.147-.326q-.005-.185.11-.35l1.494-1.995q.239-.329.634-.329q.394 0 .643.337m8.116 17.721L2.24 3.661q-.147-.145-.156-.346t.156-.367t.356-.165t.357.165l18.515 18.516q.146.146.156.344t-.156.363t-.357.165t-.356-.165m-9.804-9.798"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 19.5q0-.213.144-.357T5.5 19h13q.213 0 .356.144t.144.357t-.144.356T18.5 20h-13q-.213 0-.356-.144T5 19.499m1.744-6.73q-.505 0-.74-.447q-.233-.447.071-.85l2.329-3.074l.732.733l-1.911 2.638H10v3.846h4v-1.62l1 1v.82q0 .34-.232.57t-.576.23H9.808q-.343 0-.576-.232T9 15.808v-3.039zm5.897-8.319l5.284 7.021q.304.404.07.851t-.73.447h-1.481q-.113 0-.206-.037t-.17-.114q-.237-.24-.1-.544t.467-.305h1L12 5.246l-1.33 1.812q-.141.176-.368.201t-.396-.146q-.14-.14-.147-.326q-.005-.185.11-.35l1.494-1.995q.239-.329.634-.329q.394 0 .643.337m8.116 17.721L2.24 3.661q-.147-.145-.156-.346t.156-.367t.356-.165t.357.165l18.515 18.516q.146.146.156.344t-.156.363t-.357.165t-.356-.165m-9.804-9.798"/></svg> </template>
CSS
.icon-shift-lock-off-outline-rounded {
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%22currentColor%22%20d%3D%22M5%2019.5q0-.213.144-.357T5.5%2019h13q.213%200%20.356.144t.144.357t-.144.356T18.5%2020h-13q-.213%200-.356-.144T5%2019.499m1.744-6.73q-.505%200-.74-.447q-.233-.447.071-.85l2.329-3.074l.732.733l-1.911%202.638H10v3.846h4v-1.62l1%201v.82q0%20.34-.232.57t-.576.23H9.808q-.343%200-.576-.232T9%2015.808v-3.039zm5.897-8.319l5.284%207.021q.304.404.07.851t-.73.447h-1.481q-.113%200-.206-.037t-.17-.114q-.237-.24-.1-.544t.467-.305h1L12%205.246l-1.33%201.812q-.141.176-.368.201t-.396-.146q-.14-.14-.147-.326q-.005-.185.11-.35l1.494-1.995q.239-.329.634-.329q.394%200%20.643.337m8.116%2017.721L2.24%203.661q-.147-.145-.156-.346t.156-.367t.356-.165t.357.165l18.515%2018.516q.146.146.156.344t-.156.363t-.357.165t-.356-.165m-9.804-9.798%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%22currentColor%22%20d%3D%22M5%2019.5q0-.213.144-.357T5.5%2019h13q.213%200%20.356.144t.144.357t-.144.356T18.5%2020h-13q-.213%200-.356-.144T5%2019.499m1.744-6.73q-.505%200-.74-.447q-.233-.447.071-.85l2.329-3.074l.732.733l-1.911%202.638H10v3.846h4v-1.62l1%201v.82q0%20.34-.232.57t-.576.23H9.808q-.343%200-.576-.232T9%2015.808v-3.039zm5.897-8.319l5.284%207.021q.304.404.07.851t-.73.447h-1.481q-.113%200-.206-.037t-.17-.114q-.237-.24-.1-.544t.467-.305h1L12%205.246l-1.33%201.812q-.141.176-.368.201t-.396-.146q-.14-.14-.147-.326q-.005-.185.11-.35l1.494-1.995q.239-.329.634-.329q.394%200%20.643.337m8.116%2017.721L2.24%203.661q-.147-.145-.156-.346t.156-.367t.356-.165t.357.165l18.515%2018.516q.146.146.156.344t-.156.363t-.357.165t-.356-.165m-9.804-9.798%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/shift-lock-off-outline-rounded.svg?color=%231a73e8&size=48