ppe face shield icon
ppe-face-shield from Health Icons by Resolve to Save Lives · Filled · Ppe · MIT Free for personal and commercial use.
- Name
- ppe-face-shield
- Set
- Health Icons
- Style
- Filled
- Category
- Ppe
- Viewbox
- 48×48
- License
- MIT
1 other variant in Health Icons
More ppe icons from Health Icons
disinfecting-wipeshand-wipe-paperppe-apronppe-face-maskppe-face-shield-altppe-glovesppe-gogglesppe-gownppe-maskppe-mask-n95ppe-sanitizerppe-suitrespiratorppe-santizer-altppe-apron-negativeppe-face-mask-negativeppe-face-shield-alt-negativeppe-face-shield-negativeppe-gloves-negativeppe-goggles-negativeppe-gown-negativeppe-mask-n95-negativeppe-mask-negativeppe-sanitizer-negative
Use the ppe face shield icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="m30.829 28.757l-7.072 7.071l-1.414-1.414l7.071-7.07zm-3.536 9.193l5.657-5.657l-1.414-1.414l-5.657 5.657z"/><path fill-rule="evenodd" d="M11 16.616c-1.05-.5-1.95-1.08-2.63-1.74C7.558 14.086 7 13.115 7 12c0-1.217.661-2.257 1.594-3.084c.934-.828 2.228-1.527 3.741-2.095C15.37 5.683 19.494 5 24 5s8.63.683 11.665 1.821c1.513.568 2.807 1.267 3.741 2.095C40.339 9.743 41 10.783 41 12c0 1.117-.559 2.087-1.37 2.875c-.68.661-1.58 1.241-2.63 1.74v20.92l-3.57 2.38a17 17 0 0 1-18.86 0L11 37.535zM9 12c0-.44.234-.978.92-1.587c.686-.608 1.735-1.201 3.117-1.72C15.794 7.66 19.67 7 24 7s8.206.66 10.963 1.694c1.382.518 2.43 1.111 3.116 1.719c.687.609.921 1.147.921 1.587c0 .405-.197.89-.764 1.441c-.316.308-.73.616-1.236.915V14a3 3 0 0 0-3-3H14a3 3 0 0 0-3 3v.356a6.5 6.5 0 0 1-1.236-.915C9.197 12.891 9 12.405 9 12m6.68 26.251L13 36.465V17h22v19.465l-2.68 1.786a15 15 0 0 1-16.64 0" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsPpeFaceShield(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="m30.829 28.757l-7.072 7.071l-1.414-1.414l7.071-7.07zm-3.536 9.193l5.657-5.657l-1.414-1.414l-5.657 5.657z"/><path fillRule="evenodd" d="M11 16.616c-1.05-.5-1.95-1.08-2.63-1.74C7.558 14.086 7 13.115 7 12c0-1.217.661-2.257 1.594-3.084c.934-.828 2.228-1.527 3.741-2.095C15.37 5.683 19.494 5 24 5s8.63.683 11.665 1.821c1.513.568 2.807 1.267 3.741 2.095C40.339 9.743 41 10.783 41 12c0 1.117-.559 2.087-1.37 2.875c-.68.661-1.58 1.241-2.63 1.74v20.92l-3.57 2.38a17 17 0 0 1-18.86 0L11 37.535zM9 12c0-.44.234-.978.92-1.587c.686-.608 1.735-1.201 3.117-1.72C15.794 7.66 19.67 7 24 7s8.206.66 10.963 1.694c1.382.518 2.43 1.111 3.116 1.719c.687.609.921 1.147.921 1.587c0 .405-.197.89-.764 1.441c-.316.308-.73.616-1.236.915V14a3 3 0 0 0-3-3H14a3 3 0 0 0-3 3v.356a6.5 6.5 0 0 1-1.236-.915C9.197 12.891 9 12.405 9 12m6.68 26.251L13 36.465V17h22v19.465l-2.68 1.786a15 15 0 0 1-16.64 0" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="m30.829 28.757l-7.072 7.071l-1.414-1.414l7.071-7.07zm-3.536 9.193l5.657-5.657l-1.414-1.414l-5.657 5.657z"/><path fill-rule="evenodd" d="M11 16.616c-1.05-.5-1.95-1.08-2.63-1.74C7.558 14.086 7 13.115 7 12c0-1.217.661-2.257 1.594-3.084c.934-.828 2.228-1.527 3.741-2.095C15.37 5.683 19.494 5 24 5s8.63.683 11.665 1.821c1.513.568 2.807 1.267 3.741 2.095C40.339 9.743 41 10.783 41 12c0 1.117-.559 2.087-1.37 2.875c-.68.661-1.58 1.241-2.63 1.74v20.92l-3.57 2.38a17 17 0 0 1-18.86 0L11 37.535zM9 12c0-.44.234-.978.92-1.587c.686-.608 1.735-1.201 3.117-1.72C15.794 7.66 19.67 7 24 7s8.206.66 10.963 1.694c1.382.518 2.43 1.111 3.116 1.719c.687.609.921 1.147.921 1.587c0 .405-.197.89-.764 1.441c-.316.308-.73.616-1.236.915V14a3 3 0 0 0-3-3H14a3 3 0 0 0-3 3v.356a6.5 6.5 0 0 1-1.236-.915C9.197 12.891 9 12.405 9 12m6.68 26.251L13 36.465V17h22v19.465l-2.68 1.786a15 15 0 0 1-16.64 0" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-ppe-face-shield {
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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m30.829%2028.757l-7.072%207.071l-1.414-1.414l7.071-7.07zm-3.536%209.193l5.657-5.657l-1.414-1.414l-5.657%205.657z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11%2016.616c-1.05-.5-1.95-1.08-2.63-1.74C7.558%2014.086%207%2013.115%207%2012c0-1.217.661-2.257%201.594-3.084c.934-.828%202.228-1.527%203.741-2.095C15.37%205.683%2019.494%205%2024%205s8.63.683%2011.665%201.821c1.513.568%202.807%201.267%203.741%202.095C40.339%209.743%2041%2010.783%2041%2012c0%201.117-.559%202.087-1.37%202.875c-.68.661-1.58%201.241-2.63%201.74v20.92l-3.57%202.38a17%2017%200%200%201-18.86%200L11%2037.535zM9%2012c0-.44.234-.978.92-1.587c.686-.608%201.735-1.201%203.117-1.72C15.794%207.66%2019.67%207%2024%207s8.206.66%2010.963%201.694c1.382.518%202.43%201.111%203.116%201.719c.687.609.921%201.147.921%201.587c0%20.405-.197.89-.764%201.441c-.316.308-.73.616-1.236.915V14a3%203%200%200%200-3-3H14a3%203%200%200%200-3%203v.356a6.5%206.5%200%200%201-1.236-.915C9.197%2012.891%209%2012.405%209%2012m6.68%2026.251L13%2036.465V17h22v19.465l-2.68%201.786a15%2015%200%200%201-16.64%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m30.829%2028.757l-7.072%207.071l-1.414-1.414l7.071-7.07zm-3.536%209.193l5.657-5.657l-1.414-1.414l-5.657%205.657z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11%2016.616c-1.05-.5-1.95-1.08-2.63-1.74C7.558%2014.086%207%2013.115%207%2012c0-1.217.661-2.257%201.594-3.084c.934-.828%202.228-1.527%203.741-2.095C15.37%205.683%2019.494%205%2024%205s8.63.683%2011.665%201.821c1.513.568%202.807%201.267%203.741%202.095C40.339%209.743%2041%2010.783%2041%2012c0%201.117-.559%202.087-1.37%202.875c-.68.661-1.58%201.241-2.63%201.74v20.92l-3.57%202.38a17%2017%200%200%201-18.86%200L11%2037.535zM9%2012c0-.44.234-.978.92-1.587c.686-.608%201.735-1.201%203.117-1.72C15.794%207.66%2019.67%207%2024%207s8.206.66%2010.963%201.694c1.382.518%202.43%201.111%203.116%201.719c.687.609.921%201.147.921%201.587c0%20.405-.197.89-.764%201.441c-.316.308-.73.616-1.236.915V14a3%203%200%200%200-3-3H14a3%203%200%200%200-3%203v.356a6.5%206.5%200%200%201-1.236-.915C9.197%2012.891%209%2012.405%209%2012m6.68%2026.251L13%2036.465V17h22v19.465l-2.68%201.786a15%2015%200%200%201-16.64%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/ppe-face-shield.svg?color=%231a73e8&size=48
