Иконка Head Side Mask

glyphs-poly:head-side-mask

Иконка Head Side Mask (glyphs-poly:head-side-mask) — бесплатная SVG-иконка из набора Glyphs Poly от Goran Spasojevic. Она нарисована на сетке 80 × 80. Glyphs Poly icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Glyphs Poly
Автор: Goran Spasojevic
Лицензия: MIT
Размер: 80 × 80
Теги: headside, sidemask, headsidemask

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2c94c" fill-rule="evenodd" d="M20.534 16.827A24.5 24.5 0 0 1 37.502 10h.996a24.5 24.5 0 0 1 16.968 6.827l.363.347a23.3 23.3 0 0 1 6.196 10.154q.08.061.112.17l3.478 12.695q.031.116.056.231A2 2 0 0 0 64.438 40H45.562a2 2 0 0 0-1.94 1.515l-4 16A2 2 0 0 0 41.561 60H47v8.25a2 2 0 0 1-2 2H23a2 2 0 0 1-2-2V51.61a25 25 0 0 1-.466-.437l-.363-.347a23.324 23.324 0 0 1 0-33.652z" clip-rule="evenodd"/><path fill="#f2c94c" d="m20.534 16.827l-1.385-1.443zm34.932 0l-1.385 1.442zm.363.347l1.385-1.442zm6.196 10.154l-1.916.572a2 2 0 0 0 .678.999zm.112.17l1.929-.53zm3.478 12.695l-1.93.529zm.056.231l-1.235 1.573a2 2 0 0 0 3.191-1.99zm-22.05 1.09l1.94.486zm-4 16l-1.94-.484zM47 60h2a2 2 0 0 0-2-2zm-26-8.39h2a2 2 0 0 0-.653-1.479zm-.466-.437l1.385-1.442zm-.363-.347l1.386-1.443zm0-33.652l1.386 1.443zM37.502 8a26.5 26.5 0 0 0-18.353 7.384l2.77 2.885A22.5 22.5 0 0 1 37.502 12zm.996 0h-.996v4h.996zm18.353 7.384A26.5 26.5 0 0 0 38.498 8v4a22.5 22.5 0 0 1 15.583 6.27zm.363.348l-.363-.348l-2.77 2.885l.362.348zm6.728 11.023a25.3 25.3 0 0 0-6.728-11.023l-2.77 2.885a21.3 21.3 0 0 1 5.665 9.283zm.124.214a2.32 2.32 0 0 0-.803-1.212l-2.475 3.142a1.68 1.68 0 0 1-.58-.873zm3.478 12.696l-3.478-12.696l-3.858 1.056l3.478 12.697zm.083.343a6 6 0 0 0-.083-.343l-3.858 1.057l.029.119zM64.438 42h.006h-.004l-.004-.003l2.47-3.146A4 4 0 0 0 64.438 38zm-18.876 0h18.876v-4H45.562zm0 0v-4a4 4 0 0 0-3.881 3.03zm-4 16l4-16l-3.881-.97l-4 16zm0 0l-3.881-.97a4 4 0 0 0 3.88 4.97zM47 58h-5.438v4H47zm2 10.25V60h-4v8.25zm-4 4a4 4 0 0 0 4-4h-4zm-22 0h22v-4H23zm-4-4a4 4 0 0 0 4 4v-4zm0-16.64v16.64h4V51.61zm.148 1.006q.25.24.505.472l2.694-2.957a23 23 0 0 1-.428-.4zm-.362-.348l.363.348l2.77-2.885l-.363-.348zM11 34a25.32 25.32 0 0 0 7.786 18.268l2.77-2.885A21.32 21.32 0 0 1 15 34zm7.786-18.268A25.32 25.32 0 0 0 11 34h4a21.32 21.32 0 0 1 6.557-15.383zm.363-.348l-.363.348l2.77 2.885l.363-.348z"/><path stroke="#f2f2f2" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="m41.578 41.44l-3.623 14.495l-14.197-15.288c-1.36-1.464.031-3.797 1.966-3.298z"/><path fill="#56ccf2" d="M43.621 41.515A2 2 0 0 1 45.561 40h18.877a2 2 0 0 1 1.94 2.485L63.516 53.94A8 8 0 0 1 55.754 60H41.562a2 2 0 0 1-1.94-2.485z"/><path fill="#f2f2f2" fill-rule="evenodd" d="m64.117 51.534l-.602 2.406a8 8 0 0 1-.567 1.56H52a2 2 0 1 1 0-4h11.75q.188 0 .367.033m1.75-7l-.992 3.966H52a2 2 0 1 1 0-4h13.5q.188 0 .367.033" clip-rule="evenodd"/><path stroke="#4f4f4f" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="m55 30.25l-2 .5v0c-.611.153-.66 1.003-.07 1.224l2.07.776"/></g></svg>

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

React

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

<Icon icon="glyphs-poly:head-side-mask" width="24" />

Vue

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

<template>
  <Icon icon="glyphs-poly:head-side-mask" width="24" />
</template>

Svelte

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

<Icon icon="glyphs-poly:head-side-mask" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--head-side-mask]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:head-side-mask"></div>

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

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

<iconify-icon icon="glyphs-poly:head-side-mask"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/glyphs-poly/head-side-mask.svg" alt="Иконка Head Side Mask" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки Glyphs Poly →