ppe face shield alt icon
ppe-face-shield-alt-24px from Health Icons by Resolve to Save Lives · Filled 24px · Ppe · MIT Free for personal and commercial use.
- Name
- ppe-face-shield-alt-24px
- Set
- Health Icons
- Style
- Filled 24px
- Category
- Ppe
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
More ppe icons from Health Icons
disinfecting-wipeshand-wipe-paperppe-apronppe-face-maskppe-face-shieldppe-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 alt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="m17.402 7.775l1.56 5.45A1 1 0 0 1 18 14.5h-1v3a4.25 4.25 0 0 1-4.25-4.25v-5.5H17q.203 0 .4.024l-.81-1.524H17c2.623 0 5 2.127 5 4.75v8h-5v-1.5h3.5V11c0-1.5-1.304-3.224-3.098-3.225"/><path d="M16 19a1 1 0 0 0 .292-.043a5.75 5.75 0 0 1-5.042-5.707V13H2.543c.335.85.783 1.57 1.22 2.143a10 10 0 0 0 1.355 1.45V20a1 1 0 0 0 1 1H11a1 1 0 0 0 1-1v-1zm-4.75-7.5H2.117A7.6 7.6 0 0 1 2 10.177a6.8 6.8 0 0 1 .434-2.427h8.816zm5.338-5.25a8.6 8.6 0 0 0-1.047-1.14C14.379 4.055 12.564 3 10 3C7.32 3 4.715 4.188 3.239 6.25z"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsPpeFaceShieldAlt24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="m17.402 7.775l1.56 5.45A1 1 0 0 1 18 14.5h-1v3a4.25 4.25 0 0 1-4.25-4.25v-5.5H17q.203 0 .4.024l-.81-1.524H17c2.623 0 5 2.127 5 4.75v8h-5v-1.5h3.5V11c0-1.5-1.304-3.224-3.098-3.225"/><path d="M16 19a1 1 0 0 0 .292-.043a5.75 5.75 0 0 1-5.042-5.707V13H2.543c.335.85.783 1.57 1.22 2.143a10 10 0 0 0 1.355 1.45V20a1 1 0 0 0 1 1H11a1 1 0 0 0 1-1v-1zm-4.75-7.5H2.117A7.6 7.6 0 0 1 2 10.177a6.8 6.8 0 0 1 .434-2.427h8.816zm5.338-5.25a8.6 8.6 0 0 0-1.047-1.14C14.379 4.055 12.564 3 10 3C7.32 3 4.715 4.188 3.239 6.25z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="m17.402 7.775l1.56 5.45A1 1 0 0 1 18 14.5h-1v3a4.25 4.25 0 0 1-4.25-4.25v-5.5H17q.203 0 .4.024l-.81-1.524H17c2.623 0 5 2.127 5 4.75v8h-5v-1.5h3.5V11c0-1.5-1.304-3.224-3.098-3.225"/><path d="M16 19a1 1 0 0 0 .292-.043a5.75 5.75 0 0 1-5.042-5.707V13H2.543c.335.85.783 1.57 1.22 2.143a10 10 0 0 0 1.355 1.45V20a1 1 0 0 0 1 1H11a1 1 0 0 0 1-1v-1zm-4.75-7.5H2.117A7.6 7.6 0 0 1 2 10.177a6.8 6.8 0 0 1 .434-2.427h8.816zm5.338-5.25a8.6 8.6 0 0 0-1.047-1.14C14.379 4.055 12.564 3 10 3C7.32 3 4.715 4.188 3.239 6.25z"/></g></svg> </template>
CSS
.icon-ppe-face-shield-alt-24px {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m17.402%207.775l1.56%205.45A1%201%200%200%201%2018%2014.5h-1v3a4.25%204.25%200%200%201-4.25-4.25v-5.5H17q.203%200%20.4.024l-.81-1.524H17c2.623%200%205%202.127%205%204.75v8h-5v-1.5h3.5V11c0-1.5-1.304-3.224-3.098-3.225%22%2F%3E%3Cpath%20d%3D%22M16%2019a1%201%200%200%200%20.292-.043a5.75%205.75%200%200%201-5.042-5.707V13H2.543c.335.85.783%201.57%201.22%202.143a10%2010%200%200%200%201.355%201.45V20a1%201%200%200%200%201%201H11a1%201%200%200%200%201-1v-1zm-4.75-7.5H2.117A7.6%207.6%200%200%201%202%2010.177a6.8%206.8%200%200%201%20.434-2.427h8.816zm5.338-5.25a8.6%208.6%200%200%200-1.047-1.14C14.379%204.055%2012.564%203%2010%203C7.32%203%204.715%204.188%203.239%206.25z%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m17.402%207.775l1.56%205.45A1%201%200%200%201%2018%2014.5h-1v3a4.25%204.25%200%200%201-4.25-4.25v-5.5H17q.203%200%20.4.024l-.81-1.524H17c2.623%200%205%202.127%205%204.75v8h-5v-1.5h3.5V11c0-1.5-1.304-3.224-3.098-3.225%22%2F%3E%3Cpath%20d%3D%22M16%2019a1%201%200%200%200%20.292-.043a5.75%205.75%200%200%201-5.042-5.707V13H2.543c.335.85.783%201.57%201.22%202.143a10%2010%200%200%200%201.355%201.45V20a1%201%200%200%200%201%201H11a1%201%200%200%200%201-1v-1zm-4.75-7.5H2.117A7.6%207.6%200%200%201%202%2010.177a6.8%206.8%200%200%201%20.434-2.427h8.816zm5.338-5.25a8.6%208.6%200%200%200-1.047-1.14C14.379%204.055%2012.564%203%2010%203C7.32%203%204.715%204.188%203.239%206.25z%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-alt-24px.svg?color=%231a73e8&size=48
