أيقونة Chart Bubble Packed

carbon:chart-bubble-packed

أيقونة Chart Bubble Packed (carbon:chart-bubble-packed) أيقونة SVG مجانية من مجموعة Carbon من تصميم IBM. مرسومة على شبكة 32 × 32. تُنشر Carbon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Carbon
المؤلف: IBM
الترخيص: Apache-2.0
الحجم: 32 × 32
الفئة: التنظيم
الوسوم: chartbubble، bubblepacked، chartbubblepacked

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M27.532 17.172A8.99 8.99 0 1 0 13.607 5.88a5.997 5.997 0 1 0-8.556 7.342a6.997 6.997 0 1 0 7.994 11.484A5.998 5.998 0 0 0 25 24c0-.122-.011-.24-.018-.36a3.487 3.487 0 1 0 2.55-6.468M21 4a7 7 0 1 1-7 7a7.01 7.01 0 0 1 7-7M8 4a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m11 24a4 4 0 1 1 4-4a4.005 4.005 0 0 1-4 4"/></svg>

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

React

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

<Icon icon="carbon:chart-bubble-packed" width="24" />

Vue

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

<template>
  <Icon icon="carbon:chart-bubble-packed" width="24" />
</template>

Svelte

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

<Icon icon="carbon:chart-bubble-packed" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--chart-bubble-packed]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:chart-bubble-packed"></div>

مكوّن ويب

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

<iconify-icon icon="carbon:chart-bubble-packed"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/carbon/chart-bubble-packed.svg" alt="أيقونة Chart Bubble Packed" width="24" height="24">

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

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

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

نعم. تُنشر Carbon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

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