Sunburst Chart アイコン
iconoven:sunburst-chart
Sunburst Chart アイコン(iconoven:sunburst-chart)は、IconOven セットの無料 SVG アイコンです（作者: Appic Marketing）。 24 × 24 のグリッドで描かれています。 IconOven icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconOven
- 作者
- Appic Marketing
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- sunburstchart
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.77 8.43zq.31.15.58.35q.28.21.52.45q.24.25.43.53q.19.29.33.6t.23.64q.08.33.11.67t0 .68t-.12.68q-.09.33-.23.64t-.34.59q-.19.28-.43.53q-.24.24-.52.44q-.27.2-.58.35t-.64.25q-.33.09-.67.13t-.07-.66l.87-2.33q.26-.71.25-1.46l-.02-2.48q0-.75.3-.6m-4.65 6.32zq-.24-.25-.43-.53t-.33-.59t-.22-.64q-.09-.33-.11-.67q-.03-.34 0-.68q.03-.33.12-.66t.23-.64t.33-.59t.43-.53q.24-.24.51-.44q.28-.2.58-.35t.3.6l-.02 1.96q-.01.75-.26 1.45l-.65 1.85q-.25.71-.48.46m5.1-11.7zq.73.18 1.41.48q.69.29 1.32.69q.64.41 1.19.91q.56.49 1.03 1.08q.47.58.84 1.23t.63 1.35t.41 1.44q.14.73.17 1.48q.02.75-.08 1.49q-.1.75-.31 1.46q-.22.72-.55 1.39t-.9.19l-1-.83q-.58-.48-.38-.98q.2-.49.32-1.01t.15-1.05q.03-.54-.03-1.07t-.2-1.04t-.37-1q-.22-.48-.53-.92q-.3-.44-.67-.83q-.37-.38-.79-.7q-.43-.32-.9-.56q-.48-.25-.99-.41q-.5-.17-.5-.92v-1.3q0-.75.73-.57m3.22 16.39zq-.58.43-1.23.77q-.65.33-1.35.56q-.69.22-1.41.34q-.72.11-1.45.11t-1.45-.11q-.72-.12-1.41-.34q-.7-.23-1.35-.56q-.65-.34-1.23-.77q-.59-.43-.02-.91l.99-.84q.58-.48 1.02-.21q.44.28.92.48q.48.21.99.33q.5.13 1.02.17t1.04 0t1.02-.17q.51-.12.99-.33q.48-.2.92-.48q.44-.27 1.02.21l.99.84q.57.48-.02.91M3.72 16.05zq-.33-.67-.55-1.39q-.21-.71-.31-1.46q-.1-.74-.08-1.49q.03-.75.17-1.48q.15-.74.41-1.44t.63-1.35t.84-1.23q.47-.59 1.03-1.08q.55-.5 1.19-.91q.63-.4 1.32-.69q.68-.3 1.41-.48t.73.57v1.3q0 .75-.5.92q-.51.16-.99.41q-.47.24-.9.56q-.42.32-.79.7q-.37.39-.67.83q-.31.44-.53.92q-.23.49-.37 1t-.2 1.04t-.03 1.07q.03.53.15 1.05T6 14.43q.2.5-.38.98l-1 .83q-.57.48-.9-.19"/></svg>Sunburst Chart アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="iconoven:sunburst-chart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iconoven:sunburst-chart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iconoven:sunburst-chart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iconoven--sunburst-chart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iconoven -->
<div class="i-iconoven:sunburst-chart"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iconoven:sunburst-chart"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/iconoven/sunburst-chart.svg" alt="Sunburst Chart アイコン" width="24" height="24">IconOven の関連アイコン
Sunburst Chart アイコン のよくある質問
Sunburst Chart アイコンは商用利用でも無料ですか?
はい。IconOven icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sunburst Chart アイコンを使うには?
@iconify/react をインストールして <Icon icon="iconoven:sunburst-chart" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sunburst Chart アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/iconoven/sunburst-chart.svg" alt="Sunburst Chart アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。