أيقونة Comment Bubble

cil:comment-bubble

أيقونة Comment Bubble (cil:comment-bubble) أيقونة SVG مجانية من مجموعة CoreUI Free من تصميم creativeLabs Łukasz Holeczek. مرسومة على شبكة 512 × 512. تُنشر CoreUI Free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: CoreUI Free
المؤلف: creativeLabs Łukasz Holeczek
الترخيص: CC-BY-4.0
الحجم: 512 × 512
الوسوم: commentbubble

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M496 496h-16a273.4 273.4 0 0 1-179.025-66.782l-16.827-14.584A291 291 0 0 1 256 416c-63.527 0-123.385-20.431-168.548-57.529C41.375 320.623 16 270.025 16 216S41.375 111.377 87.452 73.529C132.615 36.431 192.473 16 256 16s123.385 20.431 168.548 57.529C470.625 111.377 496 161.975 496 216a171.16 171.16 0 0 1-21.077 82.151a201.5 201.5 0 0 1-47.065 57.537a285.2 285.2 0 0 0 63.455 97l4.687 4.685ZM294.456 381.222l27.477 23.814a241.4 241.4 0 0 0 135 57.86a317.5 317.5 0 0 1-62.617-105.583l-4.395-12.463l9.209-7.068C440.963 305.678 464 262.429 464 216c0-92.636-93.309-168-208-168S48 123.364 48 216s93.309 168 208 168a259 259 0 0 0 31.4-1.913Z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

أيقونات ذات صلة في CoreUI Free

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

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

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

نعم. تُنشر CoreUI Free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

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

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

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

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

تصفح كل أيقونات CoreUI Free →