أيقونة Chat
websymbol:chat
أيقونة Chat (websymbol:chat) أيقونة SVG مجانية من مجموعة Web Symbols Liga من تصميم Just Be Nice studio. مرسومة على شبكة 1179 × 1000. تُنشر Web Symbols Liga icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Web Symbols Liga
- المؤلف
- Just Be Nice studio
- الترخيص
- OFL-1.1
- الحجم
- 1179 × 1000
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1179" height="1000" viewBox="0 0 1179 1000"><path fill="currentColor" d="M1179 465q0 126-79 233.5T885 868t-296 62q-122 0-234-39l2 3L0 1001q44-59 70.5-126.5T102 769l4-38Q0 611 0 465q0-126 79-233T293.5 63T589 1t296 62t215 169t79 233m-250 0q0-29-21-50t-51-21q-29 0-50 21t-21 50q0 30 21 51t50 21q30 0 51-21t21-51m-250 0q0-29-21-50t-51-21q-29 0-50 21t-21 50q0 30 21 51t50 21q30 0 51-21t21-51m-250 0q0-29-21-50t-51-21q-29 0-50 21t-21 50q0 30 21 51t50 21q30 0 51-21t21-51"/></svg>
كيفية استخدام أيقونة Chat
React
import { Icon } from "@iconify/react";
<Icon icon="websymbol:chat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="websymbol:chat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="websymbol:chat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[websymbol--chat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/websymbol -->
<div class="i-websymbol:chat"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="websymbol:chat"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/websymbol/chat.svg" alt="أيقونة Chat" width="24" height="24">
أيقونة Chat في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Chat
هل أيقونة Chat مجانية للاستخدام التجاري؟
نعم. تُنشر Web Symbols Liga icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Chat في React؟
ثبّت @iconify/react واعرض <Icon icon="websymbol:chat" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Chat إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/websymbol/chat.svg" alt="أيقونة Chat">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Web Symbols Liga →
ICONYZ
