أيقونة Person Blonde Hair

fluent-emoji-high-contrast:person-blonde-hair

أيقونة Person Blonde Hair (fluent-emoji-high-contrast:person-blonde-hair) أيقونة SVG مجانية من مجموعة Fluent Emoji High Contrast من تصميم Microsoft Corporation. مرسومة على شبكة 32 × 32. تُنشر Fluent Emoji High Contrast icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Fluent Emoji High Contrast
المؤلف: Microsoft Corporation
الترخيص: MIT
الحجم: 32 × 32
الفئة: الأشخاص والجسم
الوسوم: personblonde، blondehair، personblondehair

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M21.678 12.383c.575.181.955.483 1.282.767a.517.517 0 0 1-.68.78c-.293-.256-.543-.444-.913-.56c-.378-.12-.927-.177-1.824-.067a.517.517 0 1 1-.126-1.026c.983-.12 1.694-.072 2.26.106M11.542 15.4c-1.214 0-2.24.84-2.527 1.967a.512.512 0 0 0 .503.633h.8a1.664 1.664 0 1 1 3.209 0h.148a.428.428 0 0 0 .424-.504a2.61 2.61 0 0 0-2.557-2.096m2.754 5.296l.991-3.17c.223-.702 1.213-.702 1.426 0l.99 3.17a1.01 1.01 0 0 1-.97 1.304h-1.466a1.005 1.005 0 0 1-.97-1.304M16 23.895a5.6 5.6 0 0 1-2.583-.612c-.255-.13-.53.158-.369.39A3.53 3.53 0 0 0 16 25.25a3.53 3.53 0 0 0 2.952-1.577c.16-.241-.114-.52-.369-.39a5.6 5.6 0 0 1-2.583.612m6.985-6.528a2.62 2.62 0 0 0-2.527-1.967a2.6 2.6 0 0 0-2.557 2.096a.428.428 0 0 0 .424.504h.148a1.6 1.6 0 0 1-.059-.443a1.65 1.65 0 0 1 1.659-1.665A1.664 1.664 0 0 1 21.682 18h.8a.512.512 0 0 0 .503-.633"/><path d="M11.927 16.611a.947.947 0 0 1 .84 1.389h-1.679a1 1 0 0 1-.108-.443c0-.172.046-.334.127-.473a.295.295 0 0 0 .544-.164a.3.3 0 0 0-.105-.229a.95.95 0 0 1 .381-.08m7.188.946a.94.94 0 0 1 .16-.525c.043.11.15.188.274.188a.3.3 0 0 0 .17-.545A.947.947 0 0 1 20.903 18h-1.678a1 1 0 0 1-.11-.443m-9.752-4.425l.002-.002l.006-.004l.016-.013l.056-.039q.07-.05.197-.126a5.17 5.17 0 0 1 3.242-.67a.517.517 0 0 1-.126 1.026a4.14 4.14 0 0 0-2.585.531q-.095.058-.14.09l-.031.022l-.005.003a.517.517 0 0 1-.633-.817"/><path d="M25.052 6.11c.959.33 1.819 1 2.363 1.96c.87 1.53 1.741 3.36.802 4.71a2.9 2.9 0 0 0-.504 1.63v.661A4 4 0 0 1 29 18.01a4 4 0 0 1-1.252 2.907l.002 1.069c0 .71-.362 1.386-.894 1.977a6.5 6.5 0 0 1-1.079.943a8.3 8.3 0 0 1-8.01 6.104h-3.518a8.3 8.3 0 0 1-8.008-6.09a6.5 6.5 0 0 1-1.097-.957c-.532-.59-.894-1.267-.894-1.977q.022-.52.034-1.039A4 4 0 0 1 3 18.01c0-1.157.491-2.2 1.276-2.93l-.001-.67c0-.58-.178-1.15-.505-1.63C2.88 11.47 3 9.64 4 8.07c.836-1.312 1.62-1.549 2.439-1.795c.16-.049.323-.098.487-.155a5 5 0 0 0 2.58-2.07A4.34 4.34 0 0 1 13.187 2c.603 0 1.176.13 1.71.35c.712.31 1.513.31 2.225 0a4.4 4.4 0 0 1 1.7-.35c1.573 0 2.947.85 3.709 2.11c.573.95 1.473 1.64 2.521 2m1.511 5.546l.006-.01l.006-.008l.002-.002c.015-.021.107-.15-.02-.648c-.138-.537-.453-1.177-.88-1.93l-.002-.002A2.33 2.33 0 0 0 24.4 8c-1.456-.5-2.749-1.475-3.583-2.857A2.34 2.34 0 0 0 18.822 4q-.466.002-.918.19a4.78 4.78 0 0 1-3.784.004A2.5 2.5 0 0 0 13.185 4c-.824 0-1.555.431-1.982 1.11A7 7 0 0 1 10 6.56A7.2 7.2 0 0 1 12.79 6h2.373a2.24 2.24 0 0 1 2.067 1.387a3.52 3.52 0 0 0 3.204 2.083h2.652a3.69 3.69 0 0 1 3.31 2.448q.08-.133.167-.262M7.596 8.004l-.009.003a17 17 0 0 1-.798.252c-.2.063-.318.11-.411.157c-.128.066-.357.203-.691.728c-.68 1.067-.592 1.993-.283 2.481a8 8 0 0 1 .643-1.095a7.35 7.35 0 0 1 1.871-2.649a7 7 0 0 1-.322.123M25.12 20.007a2 2 0 0 0 .216-3.97l-.887-.148l.166-2.768q0-.033-.003-.065a1.7 1.7 0 0 0-1.59-1.586h-2.588a5.51 5.51 0 0 1-5.036-3.283l-.008-.018l-.007-.018a.24.24 0 0 0-.22-.151H12.79c-2.263 0-4.225 1.455-4.97 3.49a5.3 5.3 0 0 0-.32 1.81v2.606l-.62.09l-.253.049l-.06.012a2.001 2.001 0 0 0 .32 3.95l.884.05L8 23.56a6.3 6.3 0 0 0 6.249 5.449h3.517a6.3 6.3 0 0 0 6.249-5.448l.22-3.504z"/></g></svg>

كيفية استخدام أيقونة Person Blonde Hair

React

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

<Icon icon="fluent-emoji-high-contrast:person-blonde-hair" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-high-contrast:person-blonde-hair" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-high-contrast:person-blonde-hair" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--person-blonde-hair]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:person-blonde-hair"></div>

مكوّن ويب

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

<iconify-icon icon="fluent-emoji-high-contrast:person-blonde-hair"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/person-blonde-hair.svg" alt="أيقونة Person Blonde Hair" width="24" height="24">

أيقونات ذات صلة في Fluent Emoji High Contrast

أيقونة Person Blonde Hair في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Person Blonde Hair

هل أيقونة Person Blonde Hair مجانية للاستخدام التجاري؟

نعم. تُنشر Fluent Emoji High Contrast icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Person Blonde Hair في React؟

ثبّت @iconify/react واعرض <Icon icon="fluent-emoji-high-contrast:person-blonde-hair" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Person Blonde Hair إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/person-blonde-hair.svg" alt="أيقونة Person Blonde Hair">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Fluent Emoji High Contrast →