Head Side Mask icon

glyphs-poly:head-side-mask

The Head Side Mask icon (glyphs-poly:head-side-mask) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Glyphs Poly
Author: Goran Spasojevic
License: MIT
Size: 80 × 80
Tags: headside, sidemask, headsidemask

Download SVG

SVG code

<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>

How to use the Head Side Mask icon

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>

Web component

<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 image

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

Related icons in Glyphs Poly

Head Side Mask icon in other icon sets

Head Side Mask icon FAQ

Is the Head Side Mask icon free for commercial use?

Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Head Side Mask icon in React?

Install @iconify/react and render <Icon icon="glyphs-poly:head-side-mask" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Head Side Mask icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/head-side-mask.svg" alt="Head Side Mask icon">, or paste the SVG code inline to style it with CSS.

Browse all Glyphs Poly icons →