Graph Pie Duo アイコン
streamline-stickies-color:graph-pie-duo
Graph Pie Duo アイコン(streamline-stickies-color:graph-pie-duo)は、Stickies color icons セットの無料 SVG アイコンです（作者: Streamline）。 40 × 40 のグリッドで描かれています。 Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stickies color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 40 × 40
- カテゴリ
- ビジネス・お金
- タグ
- graphpie、pieduo、graphpieduo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none"><g stroke="#00034a" clip-path="url(#SVGw9scfcdR)"><path fill="#00034a" stroke-linejoin="round" d="M31.54 3.336c-2.255-1.431-5.095-2.29-8.524-2.463a1.25 1.25 0 0 0-1.288 1.259v15.051l1.405.78h15.051a1.27 1.27 0 0 0 1.26-1.345c-.343-6.173-2.97-10.899-7.904-13.282Z"/><path fill="#00034a" stroke-linejoin="round" d="M33.714 21.086c-2.785-.053-9.312-.162-14.48-.034c.06-3.967.027-8.516.004-11.815q-.015-1.63-.017-3.259a1.32 1.32 0 0 0-.426-.944c-.52-.478-1.706-1.169-2.382-1.124C5.841 4.429.554 11.186.554 21.114c0 10.924 8.062 18.023 18.648 18.014c10.966 0 16.704-6.238 17.204-15.85a1.4 1.4 0 0 0-.077-.522c-.328-.915-1.714-1.633-2.615-1.67Z"/><path fill="#9bff00" stroke-miterlimit="10" d="M33.714 21.085a1.346 1.346 0 0 1 1.288 1.413c-.5 9.612-6.238 15.85-17.205 15.85C6.302 38.357.554 31.465.554 21.113c0-9.928 5.287-16.685 15.86-17.204a1.317 1.317 0 0 1 1.402 1.288c0 2.941.106 10.188 0 15.897c5.325-.192 12.85-.066 15.898-.009Z"/><path fill="#fff" stroke-linejoin="round" d="M38.039 15.838C37.559 7.168 32.57 1.353 23.016.873a1.25 1.25 0 0 0-1.288 1.259v15.051H36.78a1.27 1.27 0 0 0 1.259-1.345Z"/></g><defs><clipPath id="SVGw9scfcdR"><path fill="#fff" d="M0 0h40v40H0z"/></clipPath></defs></g></svg>Graph Pie Duo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:graph-pie-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:graph-pie-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:graph-pie-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--graph-pie-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:graph-pie-duo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-stickies-color:graph-pie-duo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/graph-pie-duo.svg" alt="Graph Pie Duo アイコン" width="24" height="24">Stickies color icons の関連アイコン
Graph Pie Duo アイコン のよくある質問
Graph Pie Duo アイコンは商用利用でも無料ですか?
はい。Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Graph Pie Duo アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-stickies-color:graph-pie-duo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Graph Pie Duo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/graph-pie-duo.svg" alt="Graph Pie Duo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。