Ikon Chart Bullet

carbon:chart-bullet

Ikon Chart Bullet (carbon:chart-bullet) adalah ikon SVG gratis dari set Carbon karya IBM. Ikon ini digambar pada grid 32 × 32. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Carbon
Pembuat: IBM
Lisensi: Apache-2.0
Ukuran: 32 × 32
Kategori: Organisasi
Tag: chartbullet

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M30 22H16v-1h-2v1H2v6h12v1h2v-1h14ZM4 26v-2h10v2Zm24 0H16v-2h12Zm2-13h-6v-1h-2v1H2v6h20v1h2v-1h6ZM4 17v-2h18v2Zm24 0h-4v-2h4Zm2-13H10V3H8v1H2v6h6v1h2v-1h20ZM4 8V6h4v2Zm24 0H10V6h18Z"/></svg>

Cara memakai ikon Chart Bullet

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="carbon:chart-bullet"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/carbon/chart-bullet.svg" alt="Ikon Chart Bullet" width="24" height="24">

Ikon terkait di Carbon

Ikon Chart Bullet di set ikon lain

FAQ Ikon Chart Bullet

Apakah ikon Chart Bullet gratis untuk penggunaan komersial?

Ya. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Chart Bullet di React?

Pasang @iconify/react lalu render <Icon icon="carbon:chart-bullet" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Chart Bullet ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/carbon/chart-bullet.svg" alt="Ikon Chart Bullet">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Carbon →