alarm off icon
alarm-off-rounded from Material Symbols by Google · Rounded · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- alarm-off-rounded
- Set
- Material Symbols
- Style
- 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 alarm off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.7 16L9.1 6.25q-.45-.475-.325-1.088T9.5 4.35q.575-.2 1.213-.275T12 4q1.85 0 3.488.7t2.862 1.938t1.938 2.887T21 13.1q0 .65-.088 1.275t-.287 1.225t-.825.738T18.7 16m-1-11.55q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l2.85 2.85q.275.275.275.7t-.275.7t-.7.275t-.7-.275zM12 22q-1.85 0-3.488-.7T5.65 19.4t-1.937-2.825T3 13.1q0-1.55.463-2.912T4.8 7.7l-.85-.85l-.5.5q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l.5-.5L1.4 4.3q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l18.4 18.4q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-2.45-2.45q-1.125.825-2.487 1.288T12 22"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsAlarmOffRounded(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="M18.7 16L9.1 6.25q-.45-.475-.325-1.088T9.5 4.35q.575-.2 1.213-.275T12 4q1.85 0 3.488.7t2.862 1.938t1.938 2.887T21 13.1q0 .65-.088 1.275t-.287 1.225t-.825.738T18.7 16m-1-11.55q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l2.85 2.85q.275.275.275.7t-.275.7t-.7.275t-.7-.275zM12 22q-1.85 0-3.488-.7T5.65 19.4t-1.937-2.825T3 13.1q0-1.55.463-2.912T4.8 7.7l-.85-.85l-.5.5q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l.5-.5L1.4 4.3q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l18.4 18.4q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-2.45-2.45q-1.125.825-2.487 1.288T12 22"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.7 16L9.1 6.25q-.45-.475-.325-1.088T9.5 4.35q.575-.2 1.213-.275T12 4q1.85 0 3.488.7t2.862 1.938t1.938 2.887T21 13.1q0 .65-.088 1.275t-.287 1.225t-.825.738T18.7 16m-1-11.55q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l2.85 2.85q.275.275.275.7t-.275.7t-.7.275t-.7-.275zM12 22q-1.85 0-3.488-.7T5.65 19.4t-1.937-2.825T3 13.1q0-1.55.463-2.912T4.8 7.7l-.85-.85l-.5.5q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l.5-.5L1.4 4.3q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l18.4 18.4q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-2.45-2.45q-1.125.825-2.487 1.288T12 22"/></svg> </template>
CSS
.icon-alarm-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%22M18.7%2016L9.1%206.25q-.45-.475-.325-1.088T9.5%204.35q.575-.2%201.213-.275T12%204q1.85%200%203.488.7t2.862%201.938t1.938%202.887T21%2013.1q0%20.65-.088%201.275t-.287%201.225t-.825.738T18.7%2016m-1-11.55q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l2.85%202.85q.275.275.275.7t-.275.7t-.7.275t-.7-.275zM12%2022q-1.85%200-3.488-.7T5.65%2019.4t-1.937-2.825T3%2013.1q0-1.55.463-2.912T4.8%207.7l-.85-.85l-.5.5q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l.5-.5L1.4%204.3q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l18.4%2018.4q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-2.45-2.45q-1.125.825-2.487%201.288T12%2022%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%22M18.7%2016L9.1%206.25q-.45-.475-.325-1.088T9.5%204.35q.575-.2%201.213-.275T12%204q1.85%200%203.488.7t2.862%201.938t1.938%202.887T21%2013.1q0%20.65-.088%201.275t-.287%201.225t-.825.738T18.7%2016m-1-11.55q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l2.85%202.85q.275.275.275.7t-.275.7t-.7.275t-.7-.275zM12%2022q-1.85%200-3.488-.7T5.65%2019.4t-1.937-2.825T3%2013.1q0-1.55.463-2.912T4.8%207.7l-.85-.85l-.5.5q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l.5-.5L1.4%204.3q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l18.4%2018.4q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-2.45-2.45q-1.125.825-2.487%201.288T12%2022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/alarm-off-rounded.svg?color=%231a73e8&size=48
