encrypted off icon
encrypted-off from Material Symbols Light by Google · Regular · Privacy · Apache-2.0 Free for personal and commercial use.
- Name
- encrypted-off
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Privacy
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- encrypted-off-sharp
3 other variants in Material Symbols Light
The same icon in other sets
More privacy icons from Material Symbols Light
add-moderatoradmin-panel-settingsassured-workloadbadgedisabled-visiblee911-emergencyencryptedencrypted-addencrypted-add-circleencrypted-minus-circleenhanced-encryptionexclamationid-cardid-card-2identity-aware-proxykey-visualizermobile-theftno-encryptionpasskeyperson-shieldpolicypolicy-alertprivacy-tipprivate-connectivity
Use the encrypted off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.308 12.723L10.98 14.5h1.738l-.077-.442zm8.492 8.493l-3.288-3.289q-.893 1.071-2.065 1.868T12 20.961q-3.148-.932-5.074-3.727T5 11.1V6.416L2.862 4.277l.707-.708l16.939 16.939zm-1.758-5.743l-4.748-4.754q.087-.161.137-.341t.05-.378q0-.613-.434-1.047q-.433-.434-1.047-.434q-.198 0-.375.05t-.338.137l-3.91-3.91L12 3.077l7 2.615V11.1q0 1.025-.22 2.102t-.738 2.271"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightEncryptedOff(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="M11.308 12.723L10.98 14.5h1.738l-.077-.442zm8.492 8.493l-3.288-3.289q-.893 1.071-2.065 1.868T12 20.961q-3.148-.932-5.074-3.727T5 11.1V6.416L2.862 4.277l.707-.708l16.939 16.939zm-1.758-5.743l-4.748-4.754q.087-.161.137-.341t.05-.378q0-.613-.434-1.047q-.433-.434-1.047-.434q-.198 0-.375.05t-.338.137l-3.91-3.91L12 3.077l7 2.615V11.1q0 1.025-.22 2.102t-.738 2.271"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.308 12.723L10.98 14.5h1.738l-.077-.442zm8.492 8.493l-3.288-3.289q-.893 1.071-2.065 1.868T12 20.961q-3.148-.932-5.074-3.727T5 11.1V6.416L2.862 4.277l.707-.708l16.939 16.939zm-1.758-5.743l-4.748-4.754q.087-.161.137-.341t.05-.378q0-.613-.434-1.047q-.433-.434-1.047-.434q-.198 0-.375.05t-.338.137l-3.91-3.91L12 3.077l7 2.615V11.1q0 1.025-.22 2.102t-.738 2.271"/></svg> </template>
CSS
.icon-encrypted-off {
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%22M11.308%2012.723L10.98%2014.5h1.738l-.077-.442zm8.492%208.493l-3.288-3.289q-.893%201.071-2.065%201.868T12%2020.961q-3.148-.932-5.074-3.727T5%2011.1V6.416L2.862%204.277l.707-.708l16.939%2016.939zm-1.758-5.743l-4.748-4.754q.087-.161.137-.341t.05-.378q0-.613-.434-1.047q-.433-.434-1.047-.434q-.198%200-.375.05t-.338.137l-3.91-3.91L12%203.077l7%202.615V11.1q0%201.025-.22%202.102t-.738%202.271%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%22M11.308%2012.723L10.98%2014.5h1.738l-.077-.442zm8.492%208.493l-3.288-3.289q-.893%201.071-2.065%201.868T12%2020.961q-3.148-.932-5.074-3.727T5%2011.1V6.416L2.862%204.277l.707-.708l16.939%2016.939zm-1.758-5.743l-4.748-4.754q.087-.161.137-.341t.05-.378q0-.613-.434-1.047q-.433-.434-1.047-.434q-.198%200-.375.05t-.338.137l-3.91-3.91L12%203.077l7%202.615V11.1q0%201.025-.22%202.102t-.738%202.271%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/encrypted-off.svg?color=%231a73e8&size=48
