Polar Chart アイコン
boxicons:polar-chart
Polar Chart アイコン(boxicons:polar-chart)は、Boxicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.27 17.61c.19-.28.37-.58.54-.88c.06-.11.11-.23.17-.34a8 8 0 0 0 .44-1.06c.08-.23.15-.46.22-.69c.04-.13.07-.26.1-.39c.06-.25.1-.51.14-.77c.02-.11.04-.23.05-.34c.04-.37.07-.75.07-1.14c0-5.51-4.49-10-10-10S2 6.49 2 12s4.49 10 10 10c2.48 0 4.75-.92 6.5-2.42c.1-.08.19-.17.29-.26c.17-.16.33-.32.49-.48c.11-.12.22-.23.32-.35c.14-.16.27-.33.4-.5c.09-.12.19-.24.27-.36Zm-.4-4.24c-.02.1-.03.19-.05.29q-.06.285-.15.57c-.02.05-.03.11-.04.16q-.225.735-.6 1.41c-.02.03-.03.06-.05.09c-.11.19-.22.38-.34.56c-.03.04-.06.08-.08.12q-.165.24-.36.48c-.04.05-.09.11-.14.16c-.11.13-.23.26-.35.38l-.22.22c-.06.06-.13.12-.19.18l-3.41-4.97h6.03c-.02.13-.04.25-.06.37ZM8 12c0-1.86 1.28-3.41 3-3.86v3.4l-2.58 2.21A3.96 3.96 0 0 1 8 12m5-3.86A4 4 0 0 1 15.86 11H13zm-1.2 5.34l1.55 2.27c-.43.16-.89.25-1.36.25c-.85 0-1.64-.27-2.28-.72l2.09-1.79ZM19.93 11h-2.02A5.99 5.99 0 0 0 13 6.09V4.07c3.61.45 6.48 3.32 6.93 6.93M11 4.07v2.02C8.17 6.57 6 9.03 6 12c0 1.13.32 2.18.86 3.09l-1.54 1.32a7.9 7.9 0 0 1-1.33-4.4c0-4.07 3.06-7.44 7-7.93ZM6.63 17.92l1.53-1.31C9.2 17.48 10.54 18 12 18c.88 0 1.73-.19 2.52-.56l1.14 1.66a7.96 7.96 0 0 1-9.02-1.19Z"/></svg>Polar Chart アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="boxicons:polar-chart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="boxicons:polar-chart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="boxicons:polar-chart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--polar-chart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:polar-chart"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="boxicons:polar-chart"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/boxicons/polar-chart.svg" alt="Polar Chart アイコン" width="24" height="24">Boxicons の関連アイコン
他のアイコンセットの Polar Chart アイコン
Polar Chart アイコン のよくある質問
Polar Chart アイコンは商用利用でも無料ですか?
はい。Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Polar Chart アイコンを使うには?
@iconify/react をインストールして <Icon icon="boxicons:polar-chart" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Polar Chart アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/boxicons/polar-chart.svg" alt="Polar Chart アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。