disabled visible icon
disabled-visible from Material Symbols by Google · Regular · Privacy · Apache-2.0 Free for personal and commercial use.
- Name
- disabled-visible
- Set
- Material Symbols
- Style
- Regular
- Category
- Privacy
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- disabled-visible-outline, disabled-visible-outline-sharp, disabled-visible-sharp
1 other variant in Material Symbols
The same icon in other sets
More privacy icons from Material Symbols
add-moderatoradmin-panel-settingsassured-workloadbadgee911-emergencyencryptedencrypted-addencrypted-add-circleencrypted-minus-circleencrypted-offenhanced-encryptionexclamationid-cardid-card-2identity-aware-proxykey-visualizermobile-theftno-encryptionpasskeyperson-shieldpolicypolicy-alertprivacy-tipprivate-connectivity
Use the disabled visible icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.25 21.975Q9.3 21.825 7.613 21t-2.938-2.162t-1.963-3.1T2 12q0-2.075.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12v.475q-.425-.275-.987-.537t-1.038-.438q-.2-3.15-2.488-5.325T12 4q-1.4 0-2.637.45T7.1 5.7l6.125 6.125q-.475.2-.912.463t-.863.562L5.7 7.1q-.8 1.025-1.25 2.263T4 12q0 2.475 1.338 4.438T8.8 19.325q.45.7 1.125 1.425t1.325 1.225m8.488-2.65Q21 18.65 21.75 17.5q-.75-1.15-2.013-1.825T17 15t-2.738.675T12.25 17.5q.75 1.15 2.013 1.825T17 20t2.738-.675m-7.025 1.413Q10.825 19.475 10 17.5q.825-1.975 2.713-3.238T17 13t4.288 1.263T24 17.5q-.825 1.975-2.713 3.238T17 22t-4.288-1.263M17 19q-.625 0-1.062-.437T15.5 17.5t.438-1.062T17 16t1.063.438t.437 1.062t-.437 1.063T17 19"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsDisabledVisible(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.25 21.975Q9.3 21.825 7.613 21t-2.938-2.162t-1.963-3.1T2 12q0-2.075.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12v.475q-.425-.275-.987-.537t-1.038-.438q-.2-3.15-2.488-5.325T12 4q-1.4 0-2.637.45T7.1 5.7l6.125 6.125q-.475.2-.912.463t-.863.562L5.7 7.1q-.8 1.025-1.25 2.263T4 12q0 2.475 1.338 4.438T8.8 19.325q.45.7 1.125 1.425t1.325 1.225m8.488-2.65Q21 18.65 21.75 17.5q-.75-1.15-2.013-1.825T17 15t-2.738.675T12.25 17.5q.75 1.15 2.013 1.825T17 20t2.738-.675m-7.025 1.413Q10.825 19.475 10 17.5q.825-1.975 2.713-3.238T17 13t4.288 1.263T24 17.5q-.825 1.975-2.713 3.238T17 22t-4.288-1.263M17 19q-.625 0-1.062-.437T15.5 17.5t.438-1.062T17 16t1.063.438t.437 1.062t-.437 1.063T17 19"/></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.25 21.975Q9.3 21.825 7.613 21t-2.938-2.162t-1.963-3.1T2 12q0-2.075.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12v.475q-.425-.275-.987-.537t-1.038-.438q-.2-3.15-2.488-5.325T12 4q-1.4 0-2.637.45T7.1 5.7l6.125 6.125q-.475.2-.912.463t-.863.562L5.7 7.1q-.8 1.025-1.25 2.263T4 12q0 2.475 1.338 4.438T8.8 19.325q.45.7 1.125 1.425t1.325 1.225m8.488-2.65Q21 18.65 21.75 17.5q-.75-1.15-2.013-1.825T17 15t-2.738.675T12.25 17.5q.75 1.15 2.013 1.825T17 20t2.738-.675m-7.025 1.413Q10.825 19.475 10 17.5q.825-1.975 2.713-3.238T17 13t4.288 1.263T24 17.5q-.825 1.975-2.713 3.238T17 22t-4.288-1.263M17 19q-.625 0-1.062-.437T15.5 17.5t.438-1.062T17 16t1.063.438t.437 1.062t-.437 1.063T17 19"/></svg> </template>
CSS
.icon-disabled-visible {
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.25%2021.975Q9.3%2021.825%207.613%2021t-2.938-2.162t-1.963-3.1T2%2012q0-2.075.788-3.9t2.137-3.175T8.1%202.788T12%202t3.9.788t3.175%202.137T21.213%208.1T22%2012v.475q-.425-.275-.987-.537t-1.038-.438q-.2-3.15-2.488-5.325T12%204q-1.4%200-2.637.45T7.1%205.7l6.125%206.125q-.475.2-.912.463t-.863.562L5.7%207.1q-.8%201.025-1.25%202.263T4%2012q0%202.475%201.338%204.438T8.8%2019.325q.45.7%201.125%201.425t1.325%201.225m8.488-2.65Q21%2018.65%2021.75%2017.5q-.75-1.15-2.013-1.825T17%2015t-2.738.675T12.25%2017.5q.75%201.15%202.013%201.825T17%2020t2.738-.675m-7.025%201.413Q10.825%2019.475%2010%2017.5q.825-1.975%202.713-3.238T17%2013t4.288%201.263T24%2017.5q-.825%201.975-2.713%203.238T17%2022t-4.288-1.263M17%2019q-.625%200-1.062-.437T15.5%2017.5t.438-1.062T17%2016t1.063.438t.437%201.062t-.437%201.063T17%2019%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.25%2021.975Q9.3%2021.825%207.613%2021t-2.938-2.162t-1.963-3.1T2%2012q0-2.075.788-3.9t2.137-3.175T8.1%202.788T12%202t3.9.788t3.175%202.137T21.213%208.1T22%2012v.475q-.425-.275-.987-.537t-1.038-.438q-.2-3.15-2.488-5.325T12%204q-1.4%200-2.637.45T7.1%205.7l6.125%206.125q-.475.2-.912.463t-.863.562L5.7%207.1q-.8%201.025-1.25%202.263T4%2012q0%202.475%201.338%204.438T8.8%2019.325q.45.7%201.125%201.425t1.325%201.225m8.488-2.65Q21%2018.65%2021.75%2017.5q-.75-1.15-2.013-1.825T17%2015t-2.738.675T12.25%2017.5q.75%201.15%202.013%201.825T17%2020t2.738-.675m-7.025%201.413Q10.825%2019.475%2010%2017.5q.825-1.975%202.713-3.238T17%2013t4.288%201.263T24%2017.5q-.825%201.975-2.713%203.238T17%2022t-4.288-1.263M17%2019q-.625%200-1.062-.437T15.5%2017.5t.438-1.062T17%2016t1.063.438t.437%201.062t-.437%201.063T17%2019%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/disabled-visible.svg?color=%231a73e8&size=48
