أيقونة 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 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">أيقونات ذات صلة في Glyphs Poly
أيقونة 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.