visibility off icon
visibility-off-outline-rounded from Material Symbols by Google · Outline Rounded · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- visibility-off-outline-rounded
- Set
- Material Symbols
- Style
- Outline Rounded
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols
The same icon in other sets
More actions icons from Material Symbols
Use the visibility off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.175 8.325q.725.725 1.063 1.65t.237 1.9q0 .375-.275.638t-.65.262t-.638-.262t-.262-.638q.125-.65-.075-1.25T13.95 9.6t-1.025-.65t-1.275-.1q-.375 0-.638-.275t-.262-.65t.263-.637t.637-.263q.95-.1 1.875.238t1.65 1.062M12 6q-.475 0-.925.037t-.9.138q-.425.075-.763-.125t-.462-.6t.088-.775t.612-.45q.575-.125 1.163-.175T12 4q3.425 0 6.263 1.8t4.337 4.85q.1.2.15.413t.05.437t-.038.438t-.137.412q-.45 1-1.112 1.875t-1.463 1.6q-.3.275-.7.225t-.65-.4t-.212-.763t.337-.687q.6-.575 1.1-1.25t.875-1.45q-1.25-2.525-3.613-4.012T12 6m0 13q-3.35 0-6.125-1.812T1.5 12.425q-.125-.2-.187-.437T1.25 11.5t.05-.475t.175-.45q.5-1 1.163-1.912T4.15 7L2.075 4.9q-.275-.3-.262-.712T2.1 3.5t.7-.275t.7.275l17 17q.275.275.288.688t-.288.712q-.275.275-.7.275t-.7-.275l-3.5-3.45q-.875.275-1.775.413T12 19M5.55 8.4q-.725.65-1.325 1.425T3.2 11.5q1.25 2.525 3.613 4.013T12 17q.5 0 .975-.062t.975-.138l-.9-.95q-.275.075-.525.113T12 16q-1.875 0-3.188-1.312T7.5 11.5q0-.275.038-.525t.112-.525zm4.2 4.2"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsVisibilityOffOutlineRounded(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="M15.175 8.325q.725.725 1.063 1.65t.237 1.9q0 .375-.275.638t-.65.262t-.638-.262t-.262-.638q.125-.65-.075-1.25T13.95 9.6t-1.025-.65t-1.275-.1q-.375 0-.638-.275t-.262-.65t.263-.637t.637-.263q.95-.1 1.875.238t1.65 1.062M12 6q-.475 0-.925.037t-.9.138q-.425.075-.763-.125t-.462-.6t.088-.775t.612-.45q.575-.125 1.163-.175T12 4q3.425 0 6.263 1.8t4.337 4.85q.1.2.15.413t.05.437t-.038.438t-.137.412q-.45 1-1.112 1.875t-1.463 1.6q-.3.275-.7.225t-.65-.4t-.212-.763t.337-.687q.6-.575 1.1-1.25t.875-1.45q-1.25-2.525-3.613-4.012T12 6m0 13q-3.35 0-6.125-1.812T1.5 12.425q-.125-.2-.187-.437T1.25 11.5t.05-.475t.175-.45q.5-1 1.163-1.912T4.15 7L2.075 4.9q-.275-.3-.262-.712T2.1 3.5t.7-.275t.7.275l17 17q.275.275.288.688t-.288.712q-.275.275-.7.275t-.7-.275l-3.5-3.45q-.875.275-1.775.413T12 19M5.55 8.4q-.725.65-1.325 1.425T3.2 11.5q1.25 2.525 3.613 4.013T12 17q.5 0 .975-.062t.975-.138l-.9-.95q-.275.075-.525.113T12 16q-1.875 0-3.188-1.312T7.5 11.5q0-.275.038-.525t.112-.525zm4.2 4.2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.175 8.325q.725.725 1.063 1.65t.237 1.9q0 .375-.275.638t-.65.262t-.638-.262t-.262-.638q.125-.65-.075-1.25T13.95 9.6t-1.025-.65t-1.275-.1q-.375 0-.638-.275t-.262-.65t.263-.637t.637-.263q.95-.1 1.875.238t1.65 1.062M12 6q-.475 0-.925.037t-.9.138q-.425.075-.763-.125t-.462-.6t.088-.775t.612-.45q.575-.125 1.163-.175T12 4q3.425 0 6.263 1.8t4.337 4.85q.1.2.15.413t.05.437t-.038.438t-.137.412q-.45 1-1.112 1.875t-1.463 1.6q-.3.275-.7.225t-.65-.4t-.212-.763t.337-.687q.6-.575 1.1-1.25t.875-1.45q-1.25-2.525-3.613-4.012T12 6m0 13q-3.35 0-6.125-1.812T1.5 12.425q-.125-.2-.187-.437T1.25 11.5t.05-.475t.175-.45q.5-1 1.163-1.912T4.15 7L2.075 4.9q-.275-.3-.262-.712T2.1 3.5t.7-.275t.7.275l17 17q.275.275.288.688t-.288.712q-.275.275-.7.275t-.7-.275l-3.5-3.45q-.875.275-1.775.413T12 19M5.55 8.4q-.725.65-1.325 1.425T3.2 11.5q1.25 2.525 3.613 4.013T12 17q.5 0 .975-.062t.975-.138l-.9-.95q-.275.075-.525.113T12 16q-1.875 0-3.188-1.312T7.5 11.5q0-.275.038-.525t.112-.525zm4.2 4.2"/></svg> </template>
CSS
.icon-visibility-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%22M15.175%208.325q.725.725%201.063%201.65t.237%201.9q0%20.375-.275.638t-.65.262t-.638-.262t-.262-.638q.125-.65-.075-1.25T13.95%209.6t-1.025-.65t-1.275-.1q-.375%200-.638-.275t-.262-.65t.263-.637t.637-.263q.95-.1%201.875.238t1.65%201.062M12%206q-.475%200-.925.037t-.9.138q-.425.075-.763-.125t-.462-.6t.088-.775t.612-.45q.575-.125%201.163-.175T12%204q3.425%200%206.263%201.8t4.337%204.85q.1.2.15.413t.05.437t-.038.438t-.137.412q-.45%201-1.112%201.875t-1.463%201.6q-.3.275-.7.225t-.65-.4t-.212-.763t.337-.687q.6-.575%201.1-1.25t.875-1.45q-1.25-2.525-3.613-4.012T12%206m0%2013q-3.35%200-6.125-1.812T1.5%2012.425q-.125-.2-.187-.437T1.25%2011.5t.05-.475t.175-.45q.5-1%201.163-1.912T4.15%207L2.075%204.9q-.275-.3-.262-.712T2.1%203.5t.7-.275t.7.275l17%2017q.275.275.288.688t-.288.712q-.275.275-.7.275t-.7-.275l-3.5-3.45q-.875.275-1.775.413T12%2019M5.55%208.4q-.725.65-1.325%201.425T3.2%2011.5q1.25%202.525%203.613%204.013T12%2017q.5%200%20.975-.062t.975-.138l-.9-.95q-.275.075-.525.113T12%2016q-1.875%200-3.188-1.312T7.5%2011.5q0-.275.038-.525t.112-.525zm4.2%204.2%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%22M15.175%208.325q.725.725%201.063%201.65t.237%201.9q0%20.375-.275.638t-.65.262t-.638-.262t-.262-.638q.125-.65-.075-1.25T13.95%209.6t-1.025-.65t-1.275-.1q-.375%200-.638-.275t-.262-.65t.263-.637t.637-.263q.95-.1%201.875.238t1.65%201.062M12%206q-.475%200-.925.037t-.9.138q-.425.075-.763-.125t-.462-.6t.088-.775t.612-.45q.575-.125%201.163-.175T12%204q3.425%200%206.263%201.8t4.337%204.85q.1.2.15.413t.05.437t-.038.438t-.137.412q-.45%201-1.112%201.875t-1.463%201.6q-.3.275-.7.225t-.65-.4t-.212-.763t.337-.687q.6-.575%201.1-1.25t.875-1.45q-1.25-2.525-3.613-4.012T12%206m0%2013q-3.35%200-6.125-1.812T1.5%2012.425q-.125-.2-.187-.437T1.25%2011.5t.05-.475t.175-.45q.5-1%201.163-1.912T4.15%207L2.075%204.9q-.275-.3-.262-.712T2.1%203.5t.7-.275t.7.275l17%2017q.275.275.288.688t-.288.712q-.275.275-.7.275t-.7-.275l-3.5-3.45q-.875.275-1.775.413T12%2019M5.55%208.4q-.725.65-1.325%201.425T3.2%2011.5q1.25%202.525%203.613%204.013T12%2017q.5%200%20.975-.062t.975-.138l-.9-.95q-.275.075-.525.113T12%2016q-1.875%200-3.188-1.312T7.5%2011.5q0-.275.038-.525t.112-.525zm4.2%204.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/visibility-off-outline-rounded.svg?color=%231a73e8&size=48
