safety googles icon
safety-googles from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.
- Name
- safety-googles
- Set
- Material Design Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- Apache 2.0
Related icons in Material Design Icons
Use the safety googles icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M18.006 9c1.1 0 1.994.894 1.994 2v3.006c0 1.1-.894 1.994-1.994 1.994h-2.238l-1.234-1.234a3.978 3.978 0 0 0-2.832-1.171a3.977 3.977 0 0 0-2.832 1.171L7.636 16H5.994C4.894 16 4 15.106 4 14v-3.006C4 9.894 4.894 9 5.994 9h12.012m0-2H5.994A4.005 4.005 0 0 0 2 10.994V11H1v3h1v.006A4.005 4.005 0 0 0 5.994 18h2.503c.046-.058.088-.12 1.788-1.82a2 2 0 0 1 1.418-.585a2 2 0 0 1 1.418.585L14.909 18h3.098A4.005 4.005 0 0 0 22 14.006V14h1v-3h-1v-.006A4.005 4.005 0 0 0 18.006 7z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function MdiSafetyGoogles(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M18.006 9c1.1 0 1.994.894 1.994 2v3.006c0 1.1-.894 1.994-1.994 1.994h-2.238l-1.234-1.234a3.978 3.978 0 0 0-2.832-1.171a3.977 3.977 0 0 0-2.832 1.171L7.636 16H5.994C4.894 16 4 15.106 4 14v-3.006C4 9.894 4.894 9 5.994 9h12.012m0-2H5.994A4.005 4.005 0 0 0 2 10.994V11H1v3h1v.006A4.005 4.005 0 0 0 5.994 18h2.503c.046-.058.088-.12 1.788-1.82a2 2 0 0 1 1.418-.585a2 2 0 0 1 1.418.585L14.909 18h3.098A4.005 4.005 0 0 0 22 14.006V14h1v-3h-1v-.006A4.005 4.005 0 0 0 18.006 7z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M18.006 9c1.1 0 1.994.894 1.994 2v3.006c0 1.1-.894 1.994-1.994 1.994h-2.238l-1.234-1.234a3.978 3.978 0 0 0-2.832-1.171a3.977 3.977 0 0 0-2.832 1.171L7.636 16H5.994C4.894 16 4 15.106 4 14v-3.006C4 9.894 4.894 9 5.994 9h12.012m0-2H5.994A4.005 4.005 0 0 0 2 10.994V11H1v3h1v.006A4.005 4.005 0 0 0 5.994 18h2.503c.046-.058.088-.12 1.788-1.82a2 2 0 0 1 1.418-.585a2 2 0 0 1 1.418.585L14.909 18h3.098A4.005 4.005 0 0 0 22 14.006V14h1v-3h-1v-.006A4.005 4.005 0 0 0 18.006 7z" fill="currentColor"/></svg> </template>
CSS
.icon-safety-googles {
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%20d%3D%22M18.006%209c1.1%200%201.994.894%201.994%202v3.006c0%201.1-.894%201.994-1.994%201.994h-2.238l-1.234-1.234a3.978%203.978%200%200%200-2.832-1.171a3.977%203.977%200%200%200-2.832%201.171L7.636%2016H5.994C4.894%2016%204%2015.106%204%2014v-3.006C4%209.894%204.894%209%205.994%209h12.012m0-2H5.994A4.005%204.005%200%200%200%202%2010.994V11H1v3h1v.006A4.005%204.005%200%200%200%205.994%2018h2.503c.046-.058.088-.12%201.788-1.82a2%202%200%200%201%201.418-.585a2%202%200%200%201%201.418.585L14.909%2018h3.098A4.005%204.005%200%200%200%2022%2014.006V14h1v-3h-1v-.006A4.005%204.005%200%200%200%2018.006%207z%22%20fill%3D%22currentColor%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%20d%3D%22M18.006%209c1.1%200%201.994.894%201.994%202v3.006c0%201.1-.894%201.994-1.994%201.994h-2.238l-1.234-1.234a3.978%203.978%200%200%200-2.832-1.171a3.977%203.977%200%200%200-2.832%201.171L7.636%2016H5.994C4.894%2016%204%2015.106%204%2014v-3.006C4%209.894%204.894%209%205.994%209h12.012m0-2H5.994A4.005%204.005%200%200%200%202%2010.994V11H1v3h1v.006A4.005%204.005%200%200%200%205.994%2018h2.503c.046-.058.088-.12%201.788-1.82a2%202%200%200%201%201.418-.585a2%202%200%200%201%201.418.585L14.909%2018h3.098A4.005%204.005%200%200%200%2022%2014.006V14h1v-3h-1v-.006A4.005%204.005%200%200%200%2018.006%207z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/safety-googles.svg?color=%231a73e8&size=48
