ICONYZ
العربية
أيقونة Smiling Face With Sunglasses من Fluent Emoji Flat

أيقونة Smiling Face With Sunglasses

fluent-emoji-flat:smiling-face-with-sunglasses

أيقونة Smiling Face With Sunglasses (fluent-emoji-flat:smiling-face-with-sunglasses) أيقونة SVG مجانية من مجموعة Fluent Emoji Flat من تصميم Microsoft Corporation. مرسومة على شبكة 32 × 32. تُنشر Fluent Emoji Flat icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Fluent Emoji Flat
المؤلف
Microsoft Corporation
الترخيص
MIT
الحجم
32 × 32
الفئة
الوجوه التعبيرية والمشاعر
الوسوم
smilingface، facewith، withsunglasses، smilingfacewithsunglasses، sunglass
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="#402a32" d="M11.84 18.457a1 1 0 0 0-1.688 1.073l.001.002l.002.003l.004.006l.009.013a2 2 0 0 0 .097.137c.06.08.147.185.26.306c.226.241.563.546 1.03.845C12.5 21.446 13.937 22 16 22s3.5-.554 4.445-1.158a5.4 5.4 0 0 0 1.03-.845a4 4 0 0 0 .357-.443l.01-.013l.003-.006l.001-.002l.001-.001v-.002a1 1 0 0 0-1.686-1.073l-.018.024a2 2 0 0 1-.126.147a3.4 3.4 0 0 1-.65.53c-.62.396-1.682.842-3.367.842s-2.748-.446-3.367-.842a3.4 3.4 0 0 1-.65-.53a2 2 0 0 1-.144-.171"/><path fill="#321b41" d="M11 5H5a4 4 0 0 0-4 4v.674a7 7 0 0 0 3.87 6.26l.935.469a5.8 5.8 0 0 0 4.52.267C13.111 15.675 15 13.025 15 10.067V9a4 4 0 0 0-4-4m9.5 0h7A3.5 3.5 0 0 1 31 8.5v1.174a7 7 0 0 1-3.87 6.26l-.935.469a5.8 5.8 0 0 1-4.52.267C18.889 15.675 17 13.025 17 10.067V8.5A3.5 3.5 0 0 1 20.5 5"/><path fill="#8d65c5" d="M14 6.354A4 4 0 0 0 11 5H5a4 4 0 0 0-4 4v.674a7 7 0 0 0 3.87 6.26l.935.469a5.8 5.8 0 0 0 4.52.267C13.111 15.675 15 13.025 15 10.067V10a1 1 0 1 1 2 0v.067c0 2.958 1.889 5.608 4.675 6.603a5.8 5.8 0 0 0 4.52-.267l.936-.468A7 7 0 0 0 31 9.674V8.5A3.5 3.5 0 0 0 27.5 5h-7c-1.124 0-2.124.53-2.765 1.354V6.35l-.05.05c-.191.197-.582.596-.945.599h-1.744c-.364-.003-.754-.402-.946-.599L14 6.35zM11 6a3 3 0 0 1 3 3v1.067c0 2.53-1.618 4.806-4.011 5.66a4.8 4.8 0 0 1-3.736-.219l-.936-.468A6 6 0 0 1 2 9.674V9a3 3 0 0 1 3-3zm7 2.5A2.5 2.5 0 0 1 20.5 6h7A2.5 2.5 0 0 1 30 8.5v1.174a6 6 0 0 1-3.317 5.366l-.936.468a4.78 4.78 0 0 1-3.736.22C19.618 14.873 18 12.598 18 10.067z"/><path fill="#fff" d="M12.39 10.268c.585-.586.427-1.694-.354-2.475s-1.89-.94-2.475-.354s-.428 1.694.353 2.475s1.89.94 2.475.354m16.001 0c.585-.586.427-1.694-.354-2.475c-.782-.781-1.89-.94-2.475-.354s-.428 1.694.353 2.475s1.89.94 2.475.354"/></g></svg>

كيفية استخدام أيقونة Smiling Face With Sunglasses

React

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

<Icon icon="fluent-emoji-flat:smiling-face-with-sunglasses" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:smiling-face-with-sunglasses" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:smiling-face-with-sunglasses" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--smiling-face-with-sunglasses]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:smiling-face-with-sunglasses"></div>

مكوّن ويب

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

<iconify-icon icon="fluent-emoji-flat:smiling-face-with-sunglasses"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/smiling-face-with-sunglasses.svg" alt="أيقونة Smiling Face With Sunglasses" width="24" height="24">

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

أيقونة Smiling Face With Sunglasses في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Smiling Face With Sunglasses

هل أيقونة Smiling Face With Sunglasses مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Smiling Face With Sunglasses في React؟

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

كيف أضيف أيقونة Smiling Face With Sunglasses إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/smiling-face-with-sunglasses.svg" alt="أيقونة Smiling Face With Sunglasses">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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