safety check off icon
safety-check-off from Material Symbols Light by Google · Regular · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- safety-check-off
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Maps
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- safety-check-off-sharp
3 other variants in Material Symbols Light
The same icon in other sets
More maps icons from Material Symbols Light
Use the safety check off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.8 21.216l.708-.708L3.569 3.569l-.707.708L5 6.416V11.1q0 3.339 1.926 6.134T12 20.96q1.275-.369 2.447-1.166t2.065-1.868zM12 16.019q-1.671 0-2.835-1.164Q8 13.69 8 12.019q0-.558.155-1.068t.426-.955l5.442 5.443q-.444.27-.955.426q-.51.154-1.068.154m6.042-.546q.517-1.194.738-2.271T19 11.1V5.692l-7-2.615l-4.623 1.72l3.414 3.419q.29-.099.586-.148T12 8.02q1.671 0 2.835 1.165Q16 10.348 16 12.019q0 .327-.049.626t-.147.59z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightSafetyCheckOff(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="m19.8 21.216l.708-.708L3.569 3.569l-.707.708L5 6.416V11.1q0 3.339 1.926 6.134T12 20.96q1.275-.369 2.447-1.166t2.065-1.868zM12 16.019q-1.671 0-2.835-1.164Q8 13.69 8 12.019q0-.558.155-1.068t.426-.955l5.442 5.443q-.444.27-.955.426q-.51.154-1.068.154m6.042-.546q.517-1.194.738-2.271T19 11.1V5.692l-7-2.615l-4.623 1.72l3.414 3.419q.29-.099.586-.148T12 8.02q1.671 0 2.835 1.165Q16 10.348 16 12.019q0 .327-.049.626t-.147.59z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.8 21.216l.708-.708L3.569 3.569l-.707.708L5 6.416V11.1q0 3.339 1.926 6.134T12 20.96q1.275-.369 2.447-1.166t2.065-1.868zM12 16.019q-1.671 0-2.835-1.164Q8 13.69 8 12.019q0-.558.155-1.068t.426-.955l5.442 5.443q-.444.27-.955.426q-.51.154-1.068.154m6.042-.546q.517-1.194.738-2.271T19 11.1V5.692l-7-2.615l-4.623 1.72l3.414 3.419q.29-.099.586-.148T12 8.02q1.671 0 2.835 1.165Q16 10.348 16 12.019q0 .327-.049.626t-.147.59z"/></svg> </template>
CSS
.icon-safety-check-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%22m19.8%2021.216l.708-.708L3.569%203.569l-.707.708L5%206.416V11.1q0%203.339%201.926%206.134T12%2020.96q1.275-.369%202.447-1.166t2.065-1.868zM12%2016.019q-1.671%200-2.835-1.164Q8%2013.69%208%2012.019q0-.558.155-1.068t.426-.955l5.442%205.443q-.444.27-.955.426q-.51.154-1.068.154m6.042-.546q.517-1.194.738-2.271T19%2011.1V5.692l-7-2.615l-4.623%201.72l3.414%203.419q.29-.099.586-.148T12%208.02q1.671%200%202.835%201.165Q16%2010.348%2016%2012.019q0%20.327-.049.626t-.147.59z%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%22m19.8%2021.216l.708-.708L3.569%203.569l-.707.708L5%206.416V11.1q0%203.339%201.926%206.134T12%2020.96q1.275-.369%202.447-1.166t2.065-1.868zM12%2016.019q-1.671%200-2.835-1.164Q8%2013.69%208%2012.019q0-.558.155-1.068t.426-.955l5.442%205.443q-.444.27-.955.426q-.51.154-1.068.154m6.042-.546q.517-1.194.738-2.271T19%2011.1V5.692l-7-2.615l-4.623%201.72l3.414%203.419q.29-.099.586-.148T12%208.02q1.671%200%202.835%201.165Q16%2010.348%2016%2012.019q0%20.327-.049.626t-.147.59z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/safety-check-off.svg?color=%231a73e8&size=48
