أيقونة Smiling Face With Halo
fluent-emoji-high-contrast:smiling-face-with-halo
أيقونة Smiling Face With Halo (fluent-emoji-high-contrast:smiling-face-with-halo) أيقونة 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
- الفئة
- الوجوه التعبيرية والمشاعر
- الوسوم
- smilingface، facewith، withhalo، smilingfacewithhalo
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M8.982 14.19c.048-.246.158-.55.367-.777c.18-.196.498-.413 1.15-.413c.643 0 .97.222 1.158.429c.218.24.323.545.358.742a1 1 0 0 0 1.97-.342a3.54 3.54 0 0 0-.85-1.747C12.563 11.452 11.696 11 10.5 11c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.858 1.75a1 1 0 1 0 1.964.38m11 0c.048-.246.158-.55.367-.777c.18-.196.498-.413 1.151-.413c.642 0 .969.222 1.157.429c.219.24.324.545.358.742a1 1 0 0 0 1.97-.342a3.54 3.54 0 0 0-.85-1.747C23.563 11.452 22.696 11 21.5 11c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.857 1.75a1 1 0 1 0 1.963.38M12 18a1 1 0 0 1 1 1c0 .507.16 1.289.611 1.916C14.026 21.49 14.727 22 16 22s1.974-.509 2.389-1.084c.45-.627.611-1.41.611-1.916a1 1 0 1 1 2 0c0 .827-.24 2.044-.988 3.084C19.226 23.175 17.926 24 16 24s-3.226-.825-4.011-1.916C11.239 21.044 11 19.827 11 19a1 1 0 0 1 1-1"/><path d="M7.238 1.685C9.526 1.255 12.623 1 16 1s6.474.256 8.762.685c1.131.212 2.14.48 2.903.818c.376.167.776.386 1.105.688c.326.298.73.821.73 1.559s-.404 1.26-.73 1.56c-.157.143-.33.269-.51.379c1.843 2.59 2.738 5.84 2.738 9.31c0 4.061-1.227 7.821-3.764 10.576c-2.55 2.769-6.331 4.423-11.235 4.423s-8.686-1.654-11.236-4.423C2.226 23.82 1 20.06 1 16c0-3.47.895-6.72 2.739-9.311a3.3 3.3 0 0 1-.509-.379c-.325-.298-.73-.821-.73-1.559s.405-1.26.73-1.56c.33-.3.73-.52 1.105-.687c.762-.338 1.772-.606 2.903-.818M7.214 4.75q.272.06.577.117C9.847 5.252 12.75 5.5 16 5.5s6.153-.248 8.209-.633q.305-.057.577-.117q-.272-.06-.577-.117C22.153 4.248 19.25 4 16 4s-6.153.248-8.209.633q-.305.057-.577.117m17.548 3.065c-2.288.43-5.385.685-8.762.685s-6.474-.256-8.762-.685a19 19 0 0 1-1.579-.359C3.907 9.705 3 12.676 3 16c0 3.67 1.106 6.91 3.235 9.221c2.116 2.298 5.333 3.778 9.764 3.778s7.648-1.48 9.764-3.778c2.129-2.311 3.235-5.55 3.235-9.221c0-3.324-.907-6.294-2.66-8.542c-.485.134-1.016.253-1.576.358"/></g></svg>
كيفية استخدام أيقونة Smiling Face With Halo
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:smiling-face-with-halo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:smiling-face-with-halo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:smiling-face-with-halo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--smiling-face-with-halo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:smiling-face-with-halo"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:smiling-face-with-halo"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/smiling-face-with-halo.svg" alt="أيقونة Smiling Face With Halo" width="24" height="24">
أيقونات ذات صلة في Fluent Emoji High Contrast
أيقونة Smiling Face With Halo في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Smiling Face With Halo
هل أيقونة Smiling Face With Halo مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent Emoji High Contrast icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Smiling Face With Halo في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-emoji-high-contrast:smiling-face-with-halo" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Smiling Face With Halo إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/smiling-face-with-halo.svg" alt="أيقونة Smiling Face With Halo">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Fluent Emoji High Contrast →
ICONYZ
