facemask icon
facemask-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- facemask-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Use the facemask icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28.008 15q5.365 0 9.061.875t5.619 2.568q.894.788 1.373 1.741h3.59q1.702 0 2.896.671a4.45 4.45 0 0 1 1.823 1.914q.63 1.243.63 2.977q0 2.633-1.194 4.653t-3.345 3.157q-1.996 1.055-4.608 1.13l-.558.008q-1.209 1.632-3.355 2.82q-2.232 1.234-5.267 1.905q-3.033.67-6.665.67q-3.647 0-6.681-.67t-5.267-1.905q-2.061-1.14-3.257-2.691l-.097-.131h-.138q-2.673 0-4.718-.98l-.311-.156q-2.151-1.137-3.345-3.157T3 25.746q0-1.734.63-2.977a4.45 4.45 0 0 1 1.823-1.914q1.075-.603 2.56-.663l.335-.007h3.591q.48-.954 1.373-1.742q1.922-1.694 5.627-2.568t9.07-.875M11.39 22.818H8.348q-1.309 0-2.011.785q-.704.786-.704 2.143q0 1.832.843 3.263a5.9 5.9 0 0 0 2.347 2.24q1.192.643 2.685.775a7 7 0 0 1-.11-.936l-.007-.32zm36.262 0h-3.043v7.95q0 .645-.117 1.255q1.504-.13 2.693-.773a5.93 5.93 0 0 0 2.34-2.241q.84-1.431.841-3.263q0-1.358-.703-2.143q-.645-.72-1.798-.78zm-12.136 6.15H20.5q-.556 0-.957.4q-.4.402-.4.974q0 .556.4.957q.343.344.801.392l.156.008h15.015q.572 0 .973-.4q.4-.401.4-.957q0-.573-.4-.973q-.344-.344-.813-.393zm0-6.297H20.5q-.556 0-.957.4q-.4.402-.4.957q0 .573.4.974q.343.344.801.392l.156.008h15.015q.572 0 .973-.4q.4-.401.4-.974q0-.556-.4-.956q-.344-.344-.813-.393z"/></svg>
React
import type { SVGProps } from "react";
export function F7FacemaskFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28.008 15q5.365 0 9.061.875t5.619 2.568q.894.788 1.373 1.741h3.59q1.702 0 2.896.671a4.45 4.45 0 0 1 1.823 1.914q.63 1.243.63 2.977q0 2.633-1.194 4.653t-3.345 3.157q-1.996 1.055-4.608 1.13l-.558.008q-1.209 1.632-3.355 2.82q-2.232 1.234-5.267 1.905q-3.033.67-6.665.67q-3.647 0-6.681-.67t-5.267-1.905q-2.061-1.14-3.257-2.691l-.097-.131h-.138q-2.673 0-4.718-.98l-.311-.156q-2.151-1.137-3.345-3.157T3 25.746q0-1.734.63-2.977a4.45 4.45 0 0 1 1.823-1.914q1.075-.603 2.56-.663l.335-.007h3.591q.48-.954 1.373-1.742q1.922-1.694 5.627-2.568t9.07-.875M11.39 22.818H8.348q-1.309 0-2.011.785q-.704.786-.704 2.143q0 1.832.843 3.263a5.9 5.9 0 0 0 2.347 2.24q1.192.643 2.685.775a7 7 0 0 1-.11-.936l-.007-.32zm36.262 0h-3.043v7.95q0 .645-.117 1.255q1.504-.13 2.693-.773a5.93 5.93 0 0 0 2.34-2.241q.84-1.431.841-3.263q0-1.358-.703-2.143q-.645-.72-1.798-.78zm-12.136 6.15H20.5q-.556 0-.957.4q-.4.402-.4.974q0 .556.4.957q.343.344.801.392l.156.008h15.015q.572 0 .973-.4q.4-.401.4-.957q0-.573-.4-.973q-.344-.344-.813-.393zm0-6.297H20.5q-.556 0-.957.4q-.4.402-.4.957q0 .573.4.974q.343.344.801.392l.156.008h15.015q.572 0 .973-.4q.4-.401.4-.974q0-.556-.4-.956q-.344-.344-.813-.393z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28.008 15q5.365 0 9.061.875t5.619 2.568q.894.788 1.373 1.741h3.59q1.702 0 2.896.671a4.45 4.45 0 0 1 1.823 1.914q.63 1.243.63 2.977q0 2.633-1.194 4.653t-3.345 3.157q-1.996 1.055-4.608 1.13l-.558.008q-1.209 1.632-3.355 2.82q-2.232 1.234-5.267 1.905q-3.033.67-6.665.67q-3.647 0-6.681-.67t-5.267-1.905q-2.061-1.14-3.257-2.691l-.097-.131h-.138q-2.673 0-4.718-.98l-.311-.156q-2.151-1.137-3.345-3.157T3 25.746q0-1.734.63-2.977a4.45 4.45 0 0 1 1.823-1.914q1.075-.603 2.56-.663l.335-.007h3.591q.48-.954 1.373-1.742q1.922-1.694 5.627-2.568t9.07-.875M11.39 22.818H8.348q-1.309 0-2.011.785q-.704.786-.704 2.143q0 1.832.843 3.263a5.9 5.9 0 0 0 2.347 2.24q1.192.643 2.685.775a7 7 0 0 1-.11-.936l-.007-.32zm36.262 0h-3.043v7.95q0 .645-.117 1.255q1.504-.13 2.693-.773a5.93 5.93 0 0 0 2.34-2.241q.84-1.431.841-3.263q0-1.358-.703-2.143q-.645-.72-1.798-.78zm-12.136 6.15H20.5q-.556 0-.957.4q-.4.402-.4.974q0 .556.4.957q.343.344.801.392l.156.008h15.015q.572 0 .973-.4q.4-.401.4-.957q0-.573-.4-.973q-.344-.344-.813-.393zm0-6.297H20.5q-.556 0-.957.4q-.4.402-.4.957q0 .573.4.974q.343.344.801.392l.156.008h15.015q.572 0 .973-.4q.4-.401.4-.974q0-.556-.4-.956q-.344-.344-.813-.393z"/></svg> </template>
CSS
.icon-facemask-fill {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.008%2015q5.365%200%209.061.875t5.619%202.568q.894.788%201.373%201.741h3.59q1.702%200%202.896.671a4.45%204.45%200%200%201%201.823%201.914q.63%201.243.63%202.977q0%202.633-1.194%204.653t-3.345%203.157q-1.996%201.055-4.608%201.13l-.558.008q-1.209%201.632-3.355%202.82q-2.232%201.234-5.267%201.905q-3.033.67-6.665.67q-3.647%200-6.681-.67t-5.267-1.905q-2.061-1.14-3.257-2.691l-.097-.131h-.138q-2.673%200-4.718-.98l-.311-.156q-2.151-1.137-3.345-3.157T3%2025.746q0-1.734.63-2.977a4.45%204.45%200%200%201%201.823-1.914q1.075-.603%202.56-.663l.335-.007h3.591q.48-.954%201.373-1.742q1.922-1.694%205.627-2.568t9.07-.875M11.39%2022.818H8.348q-1.309%200-2.011.785q-.704.786-.704%202.143q0%201.832.843%203.263a5.9%205.9%200%200%200%202.347%202.24q1.192.643%202.685.775a7%207%200%200%201-.11-.936l-.007-.32zm36.262%200h-3.043v7.95q0%20.645-.117%201.255q1.504-.13%202.693-.773a5.93%205.93%200%200%200%202.34-2.241q.84-1.431.841-3.263q0-1.358-.703-2.143q-.645-.72-1.798-.78zm-12.136%206.15H20.5q-.556%200-.957.4q-.4.402-.4.974q0%20.556.4.957q.343.344.801.392l.156.008h15.015q.572%200%20.973-.4q.4-.401.4-.957q0-.573-.4-.973q-.344-.344-.813-.393zm0-6.297H20.5q-.556%200-.957.4q-.4.402-.4.957q0%20.573.4.974q.343.344.801.392l.156.008h15.015q.572%200%20.973-.4q.4-.401.4-.974q0-.556-.4-.956q-.344-.344-.813-.393z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.008%2015q5.365%200%209.061.875t5.619%202.568q.894.788%201.373%201.741h3.59q1.702%200%202.896.671a4.45%204.45%200%200%201%201.823%201.914q.63%201.243.63%202.977q0%202.633-1.194%204.653t-3.345%203.157q-1.996%201.055-4.608%201.13l-.558.008q-1.209%201.632-3.355%202.82q-2.232%201.234-5.267%201.905q-3.033.67-6.665.67q-3.647%200-6.681-.67t-5.267-1.905q-2.061-1.14-3.257-2.691l-.097-.131h-.138q-2.673%200-4.718-.98l-.311-.156q-2.151-1.137-3.345-3.157T3%2025.746q0-1.734.63-2.977a4.45%204.45%200%200%201%201.823-1.914q1.075-.603%202.56-.663l.335-.007h3.591q.48-.954%201.373-1.742q1.922-1.694%205.627-2.568t9.07-.875M11.39%2022.818H8.348q-1.309%200-2.011.785q-.704.786-.704%202.143q0%201.832.843%203.263a5.9%205.9%200%200%200%202.347%202.24q1.192.643%202.685.775a7%207%200%200%201-.11-.936l-.007-.32zm36.262%200h-3.043v7.95q0%20.645-.117%201.255q1.504-.13%202.693-.773a5.93%205.93%200%200%200%202.34-2.241q.84-1.431.841-3.263q0-1.358-.703-2.143q-.645-.72-1.798-.78zm-12.136%206.15H20.5q-.556%200-.957.4q-.4.402-.4.974q0%20.556.4.957q.343.344.801.392l.156.008h15.015q.572%200%20.973-.4q.4-.401.4-.957q0-.573-.4-.973q-.344-.344-.813-.393zm0-6.297H20.5q-.556%200-.957.4q-.4.402-.4.957q0%20.573.4.974q.343.344.801.392l.156.008h15.015q.572%200%20.973-.4q.4-.401.4-.974q0-.556-.4-.956q-.344-.344-.813-.393z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/facemask-fill.svg?color=%231a73e8&size=48
