ICONYZ
Русский
Иконка Face Mask из набора Pinhead Map Icons

Иконка Face Mask

pinhead:face-mask

Иконка Face Mask (pinhead:face-mask) — бесплатная SVG-иконка из набора Pinhead Map Icons от Quincy Morgan. Она нарисована на сетке 15 × 15. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Pinhead Map Icons
Автор
Quincy Morgan
Лицензия
CC0-1.0
Размер
15 × 15
Теги
facemask
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="m7.5 2.75l5.25 1.51c1.24 0 2.25 1.02 2.25 2.27v1.51c0 1.25-1.01 2.27-2.25 2.27h-.03c-.11.5-.47.93-.97 1.11l-.47.17c-2.44.88-5.12.88-7.56 0l-.47-.17c-.5-.18-.86-.61-.97-1.11h-.03C1.01 10.31 0 9.29 0 8.04V6.53c0-1.25 1.01-2.27 2.25-2.27zm2.25 5.67h-4.5v1.13h4.5zm3-2.65V8.8c.41 0 .75-.34.75-.76V6.53c0-.42-.34-.76-.75-.76m-10.5 0c-.41 0-.75.34-.75.76v1.51c0 .42.34.76.75.76zm7.5 0h-4.5v1.14h4.5z"/></svg>

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

React

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

<Icon icon="pinhead:face-mask" width="24" />

Vue

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

<template>
  <Icon icon="pinhead:face-mask" width="24" />
</template>

Svelte

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

<Icon icon="pinhead:face-mask" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--face-mask]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:face-mask"></div>

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

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

<iconify-icon icon="pinhead:face-mask"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/pinhead/face-mask.svg" alt="Иконка Face Mask" width="24" height="24">

Похожие иконки в наборе Pinhead Map Icons

Иконка face-with-tongue-out
face-with-tongue-out
 Иконка face-with-tongue-out-in-circle
face-with-tongue-out-in-circle
 Иконка face-with-tongue-out-in-circle-outline
face-with-tongue-out-in-circle-outline

Иконка Face Mask в других наборах

Иконка Face Mask из набора Material Design Icons
Material Design Icons
 Иконка Face Mask из набора Tabler Icons
Tabler Icons
 Иконка Face Mask из набора Phosphor
Phosphor
 Иконка Face Mask из набора Carbon
Carbon
 Иконка Face Mask из набора BoxIcons v2 Solid
BoxIcons v2 Solid
 Иконка Face Mask из набора Boxicons
Boxicons
 Иконка Face Mask из набора IconOven
IconOven
 Иконка Face Mask из набора Material Design Light
Material Design Light

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

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

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

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

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

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

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

Все Pinhead Map Icons →