preview off icon
preview-off from Material Symbols Light by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- preview-off
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- preview-off-outline
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.046l-.868-.87q-.097.02-.174.03t-.173.009H5.616q-.672 0-1.144-.472T4 18.385V5.804q0-.095.01-.172t.048-.154l-.889-.895l.708-.707l16.246 16.246zM5.617 19H17.58L5 6.421v11.964q0 .269.173.442t.443.173M20 17.175l-1-1V8.154h-8.021L6.825 4h11.56q.67 0 1.143.472q.472.472.472 1.144z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightPreviewOff(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.046l-.868-.87q-.097.02-.174.03t-.173.009H5.616q-.672 0-1.144-.472T4 18.385V5.804q0-.095.01-.172t.048-.154l-.889-.895l.708-.707l16.246 16.246zM5.617 19H17.58L5 6.421v11.964q0 .269.173.442t.443.173M20 17.175l-1-1V8.154h-8.021L6.825 4h11.56q.67 0 1.143.472q.472.472.472 1.144z"/></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.046l-.868-.87q-.097.02-.174.03t-.173.009H5.616q-.672 0-1.144-.472T4 18.385V5.804q0-.095.01-.172t.048-.154l-.889-.895l.708-.707l16.246 16.246zM5.617 19H17.58L5 6.421v11.964q0 .269.173.442t.443.173M20 17.175l-1-1V8.154h-8.021L6.825 4h11.56q.67 0 1.143.472q.472.472.472 1.144z"/></svg> </template>
CSS
.icon-preview-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%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.046l-.868-.87q-.097.02-.174.03t-.173.009H5.616q-.672%200-1.144-.472T4%2018.385V5.804q0-.095.01-.172t.048-.154l-.889-.895l.708-.707l16.246%2016.246zM5.617%2019H17.58L5%206.421v11.964q0%20.269.173.442t.443.173M20%2017.175l-1-1V8.154h-8.021L6.825%204h11.56q.67%200%201.143.472q.472.472.472%201.144z%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.046l-.868-.87q-.097.02-.174.03t-.173.009H5.616q-.672%200-1.144-.472T4%2018.385V5.804q0-.095.01-.172t.048-.154l-.889-.895l.708-.707l16.246%2016.246zM5.617%2019H17.58L5%206.421v11.964q0%20.269.173.442t.443.173M20%2017.175l-1-1V8.154h-8.021L6.825%204h11.56q.67%200%201.143.472q.472.472.472%201.144z%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.svg?color=%231a73e8&size=48
