أيقونة Smiley
fontisto:smiley
أيقونة Smiley (fontisto:smiley) أيقونة SVG مجانية من مجموعة Fontisto من تصميم Kenan Gündoğan. مرسومة على شبكة 24 × 24. تُنشر Fontisto icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Fontisto
- المؤلف
- Kenan Gündoğan
- الترخيص
- MIT
- الحجم
- 24 × 24
- الفئة
- الإيموجي
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1.316C6.099 1.316 1.316 6.099 1.316 12S6.099 22.684 12 22.684S22.684 17.901 22.684 12c-.012-5.896-4.788-10.672-10.683-10.684zm0 22.297C5.586 23.613.387 18.414.387 12S5.586.387 12 .387S23.613 5.586 23.613 12v.015c0 6.405-5.192 11.597-11.597 11.597z"/><path fill="currentColor" d="M12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12c-.034 6.614-5.386 11.966-11.997 12zM12 .774C5.8.774.774 5.8.774 12S5.8 23.226 12 23.226S23.226 18.2 23.226 12C23.222 5.802 18.198.779 12.001.774zm0 22.374C5.886 23.148.929 18.191.929 12.077S5.886 1.006 12 1.006s11.071 4.957 11.071 11.071S18.114 23.148 12 23.148m0-21.445C6.313 1.703 1.703 6.313 1.703 12S6.313 22.297 12 22.297S22.297 17.687 22.297 12v-.005c0-5.684-4.608-10.292-10.292-10.292z"/><path fill="currentColor" d="M18.116 14.245v.036a6.08 6.08 0 0 1-6.08 6.08h-.038H12h-.036a6.08 6.08 0 0 1-6.08-6.08v-.038v.002zM9.677 9.91v.009c0 1.15-.932 2.082-2.082 2.082h-.009a2.09 2.09 0 1 1 2.09-2.09zm8.904 0a2.09 2.09 0 0 1-4.18 0v-.009c0-1.15.932-2.082 2.082-2.082h.009a2.13 2.13 0 0 1 2.09 2.088v.002z"/></svg>
كيفية استخدام أيقونة Smiley
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:smiley" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:smiley" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:smiley" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--smiley]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:smiley"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:smiley"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fontisto/smiley.svg" alt="أيقونة Smiley" width="24" height="24">
أيقونة Smiley في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Smiley
هل أيقونة Smiley مجانية للاستخدام التجاري؟
نعم. تُنشر Fontisto icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Smiley في React؟
ثبّت @iconify/react واعرض <Icon icon="fontisto:smiley" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Smiley إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fontisto/smiley.svg" alt="أيقونة Smiley">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Fontisto →
ICONYZ
