warning off icon

warning-off-rounded from Material Symbols Light by Google · Rounded · Actions · Apache-2.0 Free for personal and commercial use.

Name: warning-off-rounded
Set: Material Symbols Light
Style: Rounded
Category: Actions
Viewbox: 24×24
License: Apache 2.0

3 other variants in Material Symbols Light

warning-off warning-off-outline warning-off-outline-rounded

The same icon in other sets

warning-offMaterial Symbols

More actions icons from Material Symbols Light

Use the warning 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.434 17.434q.182-.182.182-.434t-.182-.434t-.434-.181t-.434.181t-.181.434t.181.434t.434.181t.434-.181m-.934-2.55q0 .214.143.357t.357.144t.357-.144t.143-.356v-2.39l-1-1zm-.96-7.168q-.211-.212-.232-.473q-.021-.26.115-.502l.875-1.53q.13-.217.308-.31T12 4.808t.397.093t.305.31l4.889 8.424q.186.298-.106.515q-.293.217-.54-.03zm9.389 13.628L18.579 20H4.129q-.46 0-.696-.404q-.237-.404 0-.807L9.08 9.075l5.783 5.758h-1.428L2.626 4.046Q2.479 3.9 2.472 3.7t.159-.366t.357-.166t.356.166l17.298 17.304q.146.146.156.344t-.156.363t-.357.165q-.19 0-.356-.165"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightWarningOffRounded(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.434 17.434q.182-.182.182-.434t-.182-.434t-.434-.181t-.434.181t-.181.434t.181.434t.434.181t.434-.181m-.934-2.55q0 .214.143.357t.357.144t.357-.144t.143-.356v-2.39l-1-1zm-.96-7.168q-.211-.212-.232-.473q-.021-.26.115-.502l.875-1.53q.13-.217.308-.31T12 4.808t.397.093t.305.31l4.889 8.424q.186.298-.106.515q-.293.217-.54-.03zm9.389 13.628L18.579 20H4.129q-.46 0-.696-.404q-.237-.404 0-.807L9.08 9.075l5.783 5.758h-1.428L2.626 4.046Q2.479 3.9 2.472 3.7t.159-.366t.357-.166t.356.166l17.298 17.304q.146.146.156.344t-.156.363t-.357.165q-.19 0-.356-.165"/></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.434 17.434q.182-.182.182-.434t-.182-.434t-.434-.181t-.434.181t-.181.434t.181.434t.434.181t.434-.181m-.934-2.55q0 .214.143.357t.357.144t.357-.144t.143-.356v-2.39l-1-1zm-.96-7.168q-.211-.212-.232-.473q-.021-.26.115-.502l.875-1.53q.13-.217.308-.31T12 4.808t.397.093t.305.31l4.889 8.424q.186.298-.106.515q-.293.217-.54-.03zm9.389 13.628L18.579 20H4.129q-.46 0-.696-.404q-.237-.404 0-.807L9.08 9.075l5.783 5.758h-1.428L2.626 4.046Q2.479 3.9 2.472 3.7t.159-.366t.357-.166t.356.166l17.298 17.304q.146.146.156.344t-.156.363t-.357.165q-.19 0-.356-.165"/></svg>
</template>

CSS

.icon-warning-off-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%22M12.434%2017.434q.182-.182.182-.434t-.182-.434t-.434-.181t-.434.181t-.181.434t.181.434t.434.181t.434-.181m-.934-2.55q0%20.214.143.357t.357.144t.357-.144t.143-.356v-2.39l-1-1zm-.96-7.168q-.211-.212-.232-.473q-.021-.26.115-.502l.875-1.53q.13-.217.308-.31T12%204.808t.397.093t.305.31l4.889%208.424q.186.298-.106.515q-.293.217-.54-.03zm9.389%2013.628L18.579%2020H4.129q-.46%200-.696-.404q-.237-.404%200-.807L9.08%209.075l5.783%205.758h-1.428L2.626%204.046Q2.479%203.9%202.472%203.7t.159-.366t.357-.166t.356.166l17.298%2017.304q.146.146.156.344t-.156.363t-.357.165q-.19%200-.356-.165%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.434%2017.434q.182-.182.182-.434t-.182-.434t-.434-.181t-.434.181t-.181.434t.181.434t.434.181t.434-.181m-.934-2.55q0%20.214.143.357t.357.144t.357-.144t.143-.356v-2.39l-1-1zm-.96-7.168q-.211-.212-.232-.473q-.021-.26.115-.502l.875-1.53q.13-.217.308-.31T12%204.808t.397.093t.305.31l4.889%208.424q.186.298-.106.515q-.293.217-.54-.03zm9.389%2013.628L18.579%2020H4.129q-.46%200-.696-.404q-.237-.404%200-.807L9.08%209.075l5.783%205.758h-1.428L2.626%204.046Q2.479%203.9%202.472%203.7t.159-.366t.357-.166t.356.166l17.298%2017.304q.146.146.156.344t-.156.363t-.357.165q-.19%200-.356-.165%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/warning-off-rounded.svg?color=%231a73e8&size=48