Иконка Facemask

f7:facemask

Иконка Facemask (f7:facemask) — бесплатная SVG-иконка из набора Framework7 Icons от Vladimir Kharlampidi. Она нарисована на сетке 56 × 56. Framework7 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Framework7 Icons
Автор: Vladimir Kharlampidi
Лицензия: MIT
Размер: 56 × 56

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" 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-.405.006h-.155l-.096.131q-1.196 1.551-3.257 2.69q-2.232 1.236-5.267 1.906q-3.033.67-6.665.67q-3.647 0-6.681-.67t-5.267-1.905q-2.146-1.188-3.355-2.82l-.137-.002q-2.878 0-5.03-1.136q-2.15-1.137-3.344-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-.875m0 2.633q-4.515 0-7.63.573q-3.116.572-4.727 1.676q-1.51 1.035-1.604 2.509l-.007.198v8.178q0 1.423 1.03 2.65q1.032 1.227 2.912 2.134t4.432 1.407q2.552.498 5.594.499q3.026 0 5.578-.5q2.55-.498 4.432-1.406q1.88-.907 2.92-2.134q.951-1.125 1.031-2.414l.007-.236V22.59q0-1.602-1.62-2.707q-1.618-1.104-4.734-1.676q-3.115-.573-7.614-.573M44.61 30.767q0 .646-.117 1.256q1.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-.78l-.213-.005H44.61zm-33.22-7.949H8.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-.94l-.007-.317zm23.913 6.1q.54 0 .924.393t.384.933t-.384.924q-.33.33-.773.376l-.151.008H20.73a1.26 1.26 0 0 1-.924-.384a1.26 1.26 0 0 1-.385-.924q0-.54.385-.933q.33-.336.773-.384l.15-.008zm0-6.1q.54 0 .924.393q.384.392.384.916q0 .54-.384.932q-.33.336-.773.384l-.151.008H20.73q-.54 0-.924-.392a1.3 1.3 0 0 1-.385-.932q0-.525.385-.916q.33-.337.773-.385l.15-.008z"/></svg>

Как использовать иконку Facemask

React

import { Icon } from "@iconify/react";

<Icon icon="f7:facemask" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="f7:facemask" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="f7:facemask" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--facemask]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:facemask"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="f7:facemask"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/f7/facemask.svg" alt="Иконка Facemask" width="24" height="24">

Вопросы и ответы: Иконка Facemask

Можно ли бесплатно использовать иконку Facemask в коммерческих проектах?

Да. Framework7 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Facemask в React?

Установите @iconify/react и выведите <Icon icon="f7:facemask" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Facemask на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/f7/facemask.svg" alt="Иконка Facemask">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Framework7 Icons →