report off icon
report-off from Material Symbols Light by Google · Regular · Privacy · Apache-2.0 Free for personal and commercial use.
- Name
- report-off
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Privacy
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- report-off-sharp
3 other variants in Material Symbols Light
The same icon in other sets
More privacy icons from Material Symbols Light
add-moderatoradmin-panel-settingsassured-workloadbadgedisabled-visiblee911-emergencyencryptedencrypted-addencrypted-add-circleencrypted-minus-circleencrypted-offenhanced-encryptionexclamationid-cardid-card-2identity-aware-proxykey-visualizermobile-theftno-encryptionpasskeyperson-shieldpolicypolicy-alertprivacy-tip
Use the report off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.423 21.839l-3.473-3.473L15.327 20H8.673L4 15.316V8.673L5.623 7.05L2.161 3.577l.708-.708l18.262 18.262zm-1.315-5.543L12.5 9.7V7.385h-1V8.7L7.742 4.93L8.673 4h6.654L20 8.673v6.643zM12 16.423q.271 0 .443-.182q.173-.182.173-.433q0-.095-.03-.17q-.028-.077-.086-.134l-.196-.196q-.058-.058-.134-.087t-.17-.029q-.271 0-.443.182t-.172.434t.172.433t.443.182"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightReportOff(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="m20.423 21.839l-3.473-3.473L15.327 20H8.673L4 15.316V8.673L5.623 7.05L2.161 3.577l.708-.708l18.262 18.262zm-1.315-5.543L12.5 9.7V7.385h-1V8.7L7.742 4.93L8.673 4h6.654L20 8.673v6.643zM12 16.423q.271 0 .443-.182q.173-.182.173-.433q0-.095-.03-.17q-.028-.077-.086-.134l-.196-.196q-.058-.058-.134-.087t-.17-.029q-.271 0-.443.182t-.172.434t.172.433t.443.182"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.423 21.839l-3.473-3.473L15.327 20H8.673L4 15.316V8.673L5.623 7.05L2.161 3.577l.708-.708l18.262 18.262zm-1.315-5.543L12.5 9.7V7.385h-1V8.7L7.742 4.93L8.673 4h6.654L20 8.673v6.643zM12 16.423q.271 0 .443-.182q.173-.182.173-.433q0-.095-.03-.17q-.028-.077-.086-.134l-.196-.196q-.058-.058-.134-.087t-.17-.029q-.271 0-.443.182t-.172.434t.172.433t.443.182"/></svg> </template>
CSS
.icon-report-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%22m20.423%2021.839l-3.473-3.473L15.327%2020H8.673L4%2015.316V8.673L5.623%207.05L2.161%203.577l.708-.708l18.262%2018.262zm-1.315-5.543L12.5%209.7V7.385h-1V8.7L7.742%204.93L8.673%204h6.654L20%208.673v6.643zM12%2016.423q.271%200%20.443-.182q.173-.182.173-.433q0-.095-.03-.17q-.028-.077-.086-.134l-.196-.196q-.058-.058-.134-.087t-.17-.029q-.271%200-.443.182t-.172.434t.172.433t.443.182%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%22m20.423%2021.839l-3.473-3.473L15.327%2020H8.673L4%2015.316V8.673L5.623%207.05L2.161%203.577l.708-.708l18.262%2018.262zm-1.315-5.543L12.5%209.7V7.385h-1V8.7L7.742%204.93L8.673%204h6.654L20%208.673v6.643zM12%2016.423q.271%200%20.443-.182q.173-.182.173-.433q0-.095-.03-.17q-.028-.077-.086-.134l-.196-.196q-.058-.058-.134-.087t-.17-.029q-.271%200-.443.182t-.172.434t.172.433t.443.182%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/report-off.svg?color=%231a73e8&size=48