أيقونة Face 5
material-symbols-light:face-5
أيقونة Face 5 (material-symbols-light:face-5) أيقونة SVG مجانية من مجموعة Material Symbols Light من تصميم Google. مرسومة على شبكة 24 × 24. تُنشر Material Symbols Light icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Material Symbols Light
- المؤلف
- Google
- الترخيص
- Apache-2.0
- الحجم
- 24 × 24
- الفئة
- التواصل الاجتماعي
- الوسوم
- account، emoji، eyes، face، human، lock، log، login، logout، people، person، profile، recognition، security، social، thumbnail
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.65 5.85q-.15-.15-.15-.35t.15-.35T12 5t.35.15t.15.35t-.15.35T12 6t-.35-.15m2 0q-.15-.15-.15-.35t.15-.35T14 5t.35.15t.15.35t-.15.35T14 6t-.35-.15m-4 0Q9.5 5.7 9.5 5.5t.15-.35T10 5t.35.15t.15.35t-.15.35T10 6t-.35-.15m7 1q-.15-.15-.15-.35t.15-.35T17 6t.35.15t.15.35t-.15.35T17 7t-.35-.15m-8 0Q8.5 6.7 8.5 6.5t.15-.35T9 6t.35.15t.15.35t-.15.35T9 7t-.35-.15m-2 0Q6.5 6.7 6.5 6.5t.15-.35T7 6t.35.15t.15.35t-.15.35T7 7t-.35-.15m4 0q-.15-.15-.15-.35t.15-.35T11 6t.35.15t.15.35t-.15.35T11 7t-.35-.15m2 0q-.15-.15-.15-.35t.15-.35T13 6t.35.15t.15.35t-.15.35T13 7t-.35-.15m2 0q-.15-.15-.15-.35t.15-.35T15 6t.35.15t.15.35t-.15.35T15 7t-.35-.15m-3 1q-.15-.15-.15-.35t.15-.35T12 7t.35.15t.15.35t-.15.35T12 8t-.35-.15m2 0q-.15-.15-.15-.35t.15-.35T14 7t.35.15t.15.35t-.15.35T14 8t-.35-.15m2 0q-.15-.15-.15-.35t.15-.35T16 7t.35.15t.15.35t-.15.35T16 8t-.35-.15m-6 0Q9.5 7.7 9.5 7.5t.15-.35T10 7t.35.15t.15.35t-.15.35T10 8t-.35-.15m-2 0Q7.5 7.7 7.5 7.5t.15-.35T8 7t.35.15t.15.35t-.15.35T8 8t-.35-.15m1 1Q8.5 8.7 8.5 8.5t.15-.35T9 8t.35.15t.15.35t-.15.35T9 9t-.35-.15m-2 0Q6.5 8.7 6.5 8.5t.15-.35T7 8t.35.15t.15.35t-.15.35T7 9t-.35-.15m4 0q-.15-.15-.15-.35t.15-.35T11 8t.35.15t.15.35t-.15.35T11 9t-.35-.15m2 0q-.15-.15-.15-.35t.15-.35T13 8t.35.15t.15.35t-.15.35T13 9t-.35-.15m2 0q-.15-.15-.15-.35t.15-.35T15 8t.35.15t.15.35t-.15.35T15 9t-.35-.15m2 0q-.15-.15-.15-.35t.15-.35T17 8t.35.15t.15.35t-.15.35T17 9t-.35-.15m-12 0Q4.5 8.7 4.5 8.5t.15-.35T5 8t.35.15t.15.35t-.15.35T5 9t-.35-.15m1-1Q5.5 7.7 5.5 7.5t.15-.35T6 7t.35.15t.15.35t-.15.35T6 8t-.35-.15m2-2Q7.5 5.7 7.5 5.5t.15-.35T8 5t.35.15t.15.35t-.15.35T8 6t-.35-.15m1-1Q8.5 4.7 8.5 4.5t.15-.35T9 4t.35.15t.15.35t-.15.35T9 5t-.35-.15m2 0q-.15-.15-.15-.35t.15-.35T11 4t.35.15t.15.35t-.15.35T11 5t-.35-.15m2 0q-.15-.15-.15-.35t.15-.35T13 4t.35.15t.15.35t-.15.35T13 5t-.35-.15m2 0q-.15-.15-.15-.35t.15-.35T15 4t.35.15t.15.35t-.15.35T15 5t-.35-.15m1 1q-.15-.15-.15-.35t.15-.35T16 5t.35.15t.15.35t-.15.35T16 6t-.35-.15m2 2q-.15-.15-.15-.35t.15-.35T18 7t.35.15t.15.35t-.15.35T18 8t-.35-.15m1 1q-.15-.15-.15-.35t.15-.35T19 8t.35.15t.15.35t-.15.35T19 9t-.35-.15M8.113 13.888Q7.75 13.525 7.75 13t.363-.888T9 11.75t.888.363t.362.887t-.363.888T9 14.25t-.888-.363m6 0q-.362-.362-.362-.887t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363M12 21q-1.858 0-3.497-.707T5.639 18.36t-1.931-2.864T3 12.01q0-1.873.71-3.515q.711-1.642 1.93-2.867t2.862-1.926T11.994 3q1.87 0 3.512.701t2.867 1.926t1.926 2.866T21 12q0 1.85-.701 3.496t-1.926 2.865t-2.866 1.929T12 21m0-1q3.35 0 5.675-2.337T20 12q0-3.35-2.325-5.675T12 4Q8.675 4 6.337 6.325T4 12q0 3.325 2.338 5.663T12 20"/></svg>
كيفية استخدام أيقونة Face 5
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:face-5" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:face-5" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:face-5" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--face-5]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:face-5"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:face-5"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/face-5.svg" alt="أيقونة Face 5" width="24" height="24">
أيقونات ذات صلة في Material Symbols Light
أيقونة Face 5 في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Face 5
هل أيقونة Face 5 مجانية للاستخدام التجاري؟
نعم. تُنشر Material Symbols Light icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Face 5 في React؟
ثبّت @iconify/react واعرض <Icon icon="material-symbols-light:face-5" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Face 5 إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/material-symbols-light/face-5.svg" alt="أيقونة Face 5">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Material Symbols Light →
