Ikon Chart Donut Bold

ph:chart-donut-bold

Ikon Chart Donut Bold (ph:chart-donut-bold) adalah ikon SVG gratis dari set Phosphor karya Phosphor Icons. Ikon ini digambar pada grid 256 × 256. Phosphor icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Phosphor
Pembuat: Phosphor Icons
Lisensi: MIT
Ukuran: 256 × 256
Tag: graphs, graphing, charts, statistics, analyze, analysis, circle, chartdonut, donutbold, chartdonutbold

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M128 20a12 12 0 0 0-12 12v56a12 12 0 0 0 12 12a28 28 0 1 1-24.26 14a12 12 0 0 0-4.39-16.4l-48.5-28A12 12 0 0 0 34.46 74A108 108 0 1 0 128 20M50 96.81l28.2 16.28A52 52 0 0 0 76 128v1.5l-31.43 8.42A83 83 0 0 1 44 128a84.4 84.4 0 0 1 6-31.19m.83 64.3l31.43-8.43A52.2 52.2 0 0 0 116 178.59v32.54a84.26 84.26 0 0 1-65.19-50.02Zm89.19 50v-32.52A52 52 0 0 0 140 77.4V44.85a84 84 0 0 1 0 166.28Z"/></svg>

Cara memakai ikon Chart Donut Bold

React

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

<Icon icon="ph:chart-donut-bold" width="24" />

Vue

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

<template>
  <Icon icon="ph:chart-donut-bold" width="24" />
</template>

Svelte

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

<Icon icon="ph:chart-donut-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--chart-donut-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:chart-donut-bold"></div>

Web component

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

<iconify-icon icon="ph:chart-donut-bold"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ph/chart-donut-bold.svg" alt="Ikon Chart Donut Bold" width="24" height="24">

Ikon terkait di Phosphor

Ikon Chart Donut Bold di set ikon lain

FAQ Ikon Chart Donut Bold

Apakah ikon Chart Donut Bold gratis untuk penggunaan komersial?

Ya. Phosphor icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Chart Donut Bold di React?

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

Bagaimana cara menambahkan ikon Chart Donut Bold ke halaman web?

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

Lihat semua Ikon Phosphor →