ICONYZ
العربية
أيقونة Smile Outlined من Ant Design Icons

أيقونة Smile Outlined

ant-design:smile-outlined

أيقونة Smile Outlined (ant-design:smile-outlined) أيقونة SVG مجانية من مجموعة Ant Design Icons من تصميم HeskeyBaozi. مرسومة على شبكة 1024 × 1024. تُنشر Ant Design Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Ant Design Icons
المؤلف
HeskeyBaozi
الترخيص
MIT
الحجم
1024 × 1024
الوسوم
smileoutlined، smile، smile outline
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M288 421a48 48 0 1 0 96 0a48 48 0 1 0-96 0m352 0a48 48 0 1 0 96 0a48 48 0 1 0-96 0M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884s-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140s99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.9 368.9 0 0 1 775 775M664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4"/></svg>

كيفية استخدام أيقونة Smile Outlined

React

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

<Icon icon="ant-design:smile-outlined" width="24" />

Vue

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

<template>
  <Icon icon="ant-design:smile-outlined" width="24" />
</template>

Svelte

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

<Icon icon="ant-design:smile-outlined" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--smile-outlined]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:smile-outlined"></div>

مكوّن ويب

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

<iconify-icon icon="ant-design:smile-outlined"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ant-design/smile-outlined.svg" alt="أيقونة Smile Outlined" width="24" height="24">

أيقونات ذات صلة في Ant Design Icons

الأسئلة الشائعة حول أيقونة Smile Outlined

هل أيقونة Smile Outlined مجانية للاستخدام التجاري؟

نعم. تُنشر Ant Design Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Smile Outlined في React؟

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

كيف أضيف أيقونة Smile Outlined إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ant-design/smile-outlined.svg" alt="أيقونة Smile Outlined">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Ant Design Icons →