preview off icon
preview-off-sharp from Material Symbols Light by Google · Sharp · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- preview-off-sharp
- Set
- Material Symbols Light
- Style
- Sharp
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- preview-off-outline-sharp
2 other variants in Material Symbols Light
The same icon in other sets
More actions icons from Material Symbols Light
Use the preview off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.096 16q-1.646 0-2.98-.834q-1.333-.833-2.02-2.166q.5-.95 1.314-1.658q.813-.708 1.879-1.054l.713.714q-.898.217-1.644.728q-.746.51-1.304 1.27q.708 1.002 1.771 1.559t2.271.557q.635 0 1.239-.172q.603-.171 1.14-.469l.652.652q-.666.421-1.426.647T12.096 16m4.514-2.215l-.614-.614q.031-.056.062-.086q.03-.03.061-.085q-.373-.537-.848-.932t-1.048-.67l-1.302-1.302q1.377.192 2.481.968T17.077 13q-.112.202-.213.398t-.255.387m2.8 7.046L18.58 20H4V5.421l-.83-.836l.707-.708l16.246 16.246zM5 19h12.579L5 6.421zm15-1.825l-1-1V8.154h-8.021L6.825 4H20z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightPreviewOffSharp(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="M12.096 16q-1.646 0-2.98-.834q-1.333-.833-2.02-2.166q.5-.95 1.314-1.658q.813-.708 1.879-1.054l.713.714q-.898.217-1.644.728q-.746.51-1.304 1.27q.708 1.002 1.771 1.559t2.271.557q.635 0 1.239-.172q.603-.171 1.14-.469l.652.652q-.666.421-1.426.647T12.096 16m4.514-2.215l-.614-.614q.031-.056.062-.086q.03-.03.061-.085q-.373-.537-.848-.932t-1.048-.67l-1.302-1.302q1.377.192 2.481.968T17.077 13q-.112.202-.213.398t-.255.387m2.8 7.046L18.58 20H4V5.421l-.83-.836l.707-.708l16.246 16.246zM5 19h12.579L5 6.421zm15-1.825l-1-1V8.154h-8.021L6.825 4H20z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.096 16q-1.646 0-2.98-.834q-1.333-.833-2.02-2.166q.5-.95 1.314-1.658q.813-.708 1.879-1.054l.713.714q-.898.217-1.644.728q-.746.51-1.304 1.27q.708 1.002 1.771 1.559t2.271.557q.635 0 1.239-.172q.603-.171 1.14-.469l.652.652q-.666.421-1.426.647T12.096 16m4.514-2.215l-.614-.614q.031-.056.062-.086q.03-.03.061-.085q-.373-.537-.848-.932t-1.048-.67l-1.302-1.302q1.377.192 2.481.968T17.077 13q-.112.202-.213.398t-.255.387m2.8 7.046L18.58 20H4V5.421l-.83-.836l.707-.708l16.246 16.246zM5 19h12.579L5 6.421zm15-1.825l-1-1V8.154h-8.021L6.825 4H20z"/></svg> </template>
CSS
.icon-preview-off-sharp {
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%22M12.096%2016q-1.646%200-2.98-.834q-1.333-.833-2.02-2.166q.5-.95%201.314-1.658q.813-.708%201.879-1.054l.713.714q-.898.217-1.644.728q-.746.51-1.304%201.27q.708%201.002%201.771%201.559t2.271.557q.635%200%201.239-.172q.603-.171%201.14-.469l.652.652q-.666.421-1.426.647T12.096%2016m4.514-2.215l-.614-.614q.031-.056.062-.086q.03-.03.061-.085q-.373-.537-.848-.932t-1.048-.67l-1.302-1.302q1.377.192%202.481.968T17.077%2013q-.112.202-.213.398t-.255.387m2.8%207.046L18.58%2020H4V5.421l-.83-.836l.707-.708l16.246%2016.246zM5%2019h12.579L5%206.421zm15-1.825l-1-1V8.154h-8.021L6.825%204H20z%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%22M12.096%2016q-1.646%200-2.98-.834q-1.333-.833-2.02-2.166q.5-.95%201.314-1.658q.813-.708%201.879-1.054l.713.714q-.898.217-1.644.728q-.746.51-1.304%201.27q.708%201.002%201.771%201.559t2.271.557q.635%200%201.239-.172q.603-.171%201.14-.469l.652.652q-.666.421-1.426.647T12.096%2016m4.514-2.215l-.614-.614q.031-.056.062-.086q.03-.03.061-.085q-.373-.537-.848-.932t-1.048-.67l-1.302-1.302q1.377.192%202.481.968T17.077%2013q-.112.202-.213.398t-.255.387m2.8%207.046L18.58%2020H4V5.421l-.83-.836l.707-.708l16.246%2016.246zM5%2019h12.579L5%206.421zm15-1.825l-1-1V8.154h-8.021L6.825%204H20z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/preview-off-sharp.svg?color=%231a73e8&size=48
