disabled visible icon
disabled-visible from Material Symbols Light by Google · Regular · Privacy · Apache-2.0 Free for personal and commercial use.
- Name
- disabled-visible
- Set
- Material Symbols Light
- 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 Light
The same icon in other sets
More privacy icons from Material Symbols Light
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="M10.5 20.86q-1.604-.266-2.974-1.043t-2.38-1.95t-1.578-2.677Q3 13.687 3 12q0-1.883.701-3.525t1.916-2.858t2.858-1.916T12 3t3.525.701t2.858 1.916q1.215 1.216 1.916 2.858T21 12v.283q-.213-.14-.497-.259q-.284-.118-.509-.216q-.084-3.246-2.4-5.527T12 4q-1.592 0-2.926.566q-1.334.565-2.359 1.442l6.28 6.279q-.245.122-.461.25t-.43.274L6.008 6.716q-.877.967-1.442 2.358Q4 10.466 4 12q0 2.61 1.482 4.64t3.799 2.877q.238.335.577.704t.642.639m9.238-1.535Q21 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-6.256.701q-1.58-.974-2.366-2.526q.786-1.552 2.366-2.526T17 14t3.518.974t2.367 2.526q-.787 1.552-2.367 2.526T17 21t-3.518-.974M17 18.808q-.529 0-.918-.39t-.39-.918q0-.548.39-.928t.918-.38q.548 0 .928.38t.38.928q0 .529-.38.918q-.38.39-.928.39"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightDisabledVisible(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="M10.5 20.86q-1.604-.266-2.974-1.043t-2.38-1.95t-1.578-2.677Q3 13.687 3 12q0-1.883.701-3.525t1.916-2.858t2.858-1.916T12 3t3.525.701t2.858 1.916q1.215 1.216 1.916 2.858T21 12v.283q-.213-.14-.497-.259q-.284-.118-.509-.216q-.084-3.246-2.4-5.527T12 4q-1.592 0-2.926.566q-1.334.565-2.359 1.442l6.28 6.279q-.245.122-.461.25t-.43.274L6.008 6.716q-.877.967-1.442 2.358Q4 10.466 4 12q0 2.61 1.482 4.64t3.799 2.877q.238.335.577.704t.642.639m9.238-1.535Q21 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-6.256.701q-1.58-.974-2.366-2.526q.786-1.552 2.366-2.526T17 14t3.518.974t2.367 2.526q-.787 1.552-2.367 2.526T17 21t-3.518-.974M17 18.808q-.529 0-.918-.39t-.39-.918q0-.548.39-.928t.918-.38q.548 0 .928.38t.38.928q0 .529-.38.918q-.38.39-.928.39"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5 20.86q-1.604-.266-2.974-1.043t-2.38-1.95t-1.578-2.677Q3 13.687 3 12q0-1.883.701-3.525t1.916-2.858t2.858-1.916T12 3t3.525.701t2.858 1.916q1.215 1.216 1.916 2.858T21 12v.283q-.213-.14-.497-.259q-.284-.118-.509-.216q-.084-3.246-2.4-5.527T12 4q-1.592 0-2.926.566q-1.334.565-2.359 1.442l6.28 6.279q-.245.122-.461.25t-.43.274L6.008 6.716q-.877.967-1.442 2.358Q4 10.466 4 12q0 2.61 1.482 4.64t3.799 2.877q.238.335.577.704t.642.639m9.238-1.535Q21 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-6.256.701q-1.58-.974-2.366-2.526q.786-1.552 2.366-2.526T17 14t3.518.974t2.367 2.526q-.787 1.552-2.367 2.526T17 21t-3.518-.974M17 18.808q-.529 0-.918-.39t-.39-.918q0-.548.39-.928t.918-.38q.548 0 .928.38t.38.928q0 .529-.38.918q-.38.39-.928.39"/></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%22M10.5%2020.86q-1.604-.266-2.974-1.043t-2.38-1.95t-1.578-2.677Q3%2013.687%203%2012q0-1.883.701-3.525t1.916-2.858t2.858-1.916T12%203t3.525.701t2.858%201.916q1.215%201.216%201.916%202.858T21%2012v.283q-.213-.14-.497-.259q-.284-.118-.509-.216q-.084-3.246-2.4-5.527T12%204q-1.592%200-2.926.566q-1.334.565-2.359%201.442l6.28%206.279q-.245.122-.461.25t-.43.274L6.008%206.716q-.877.967-1.442%202.358Q4%2010.466%204%2012q0%202.61%201.482%204.64t3.799%202.877q.238.335.577.704t.642.639m9.238-1.535Q21%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-6.256.701q-1.58-.974-2.366-2.526q.786-1.552%202.366-2.526T17%2014t3.518.974t2.367%202.526q-.787%201.552-2.367%202.526T17%2021t-3.518-.974M17%2018.808q-.529%200-.918-.39t-.39-.918q0-.548.39-.928t.918-.38q.548%200%20.928.38t.38.928q0%20.529-.38.918q-.38.39-.928.39%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%22M10.5%2020.86q-1.604-.266-2.974-1.043t-2.38-1.95t-1.578-2.677Q3%2013.687%203%2012q0-1.883.701-3.525t1.916-2.858t2.858-1.916T12%203t3.525.701t2.858%201.916q1.215%201.216%201.916%202.858T21%2012v.283q-.213-.14-.497-.259q-.284-.118-.509-.216q-.084-3.246-2.4-5.527T12%204q-1.592%200-2.926.566q-1.334.565-2.359%201.442l6.28%206.279q-.245.122-.461.25t-.43.274L6.008%206.716q-.877.967-1.442%202.358Q4%2010.466%204%2012q0%202.61%201.482%204.64t3.799%202.877q.238.335.577.704t.642.639m9.238-1.535Q21%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-6.256.701q-1.58-.974-2.366-2.526q.786-1.552%202.366-2.526T17%2014t3.518.974t2.367%202.526q-.787%201.552-2.367%202.526T17%2021t-3.518-.974M17%2018.808q-.529%200-.918-.39t-.39-.918q0-.548.39-.928t.918-.38q.548%200%20.928.38t.38.928q0%20.529-.38.918q-.38.39-.928.39%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/disabled-visible.svg?color=%231a73e8&size=48
