أيقونة Comment Bubble

vs:comment-bubble

أيقونة Comment Bubble (vs:comment-bubble) أيقونة SVG مجانية من مجموعة Vesper Icons من تصميم TableCheck. مرسومة على شبكة 1792 × 1600. تُنشر Vesper Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Vesper Icons
المؤلف: TableCheck
الترخيص: OFL-1.1
الحجم: 1792 × 1600
الوسوم: commentbubble

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1600" viewBox="0 0 1792 1600"><path fill="currentColor" d="M1792 704q0 174-120 321.5t-326 233t-450 85.5q-70 0-145-8q-198 175-460 242q-49 14-114 22q-17 2-30.5-9t-17.5-29v-1q-3-4-.5-12t2-10t4.5-9.5l6-9l7-8.5l8-9q7-8 31-34.5t34.5-38t31-39.5t32.5-51t27-59t26-76q-157-89-247.5-220T0 704q0-130 71-248.5T262 251t286-136.5T896 64q244 0 450 85.5t326 233T1792 704"/></svg>

كيفية استخدام أيقونة Comment Bubble

React

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

<Icon icon="vs:comment-bubble" width="24" />

Vue

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

<template>
  <Icon icon="vs:comment-bubble" width="24" />
</template>

Svelte

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

<Icon icon="vs:comment-bubble" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--comment-bubble]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:comment-bubble"></div>

مكوّن ويب

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

<iconify-icon icon="vs:comment-bubble"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/vs/comment-bubble.svg" alt="أيقونة Comment Bubble" width="24" height="24">

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

أيقونة Comment Bubble في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Comment Bubble

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

نعم. تُنشر Vesper Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Comment Bubble في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/vs/comment-bubble.svg" alt="أيقونة Comment Bubble">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Vesper Icons →