Pie3 アイコン
reicon:pie3
Pie3 アイコン(reicon:pie3)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M11.52 1.868c-.604-.4-1.194-.516-1.843-.412c-.553.089-1.153.342-1.796.614l-.067.029A10.75 10.75 0 1 0 21.9 16.186l.029-.067c.272-.643.526-1.242.614-1.796c.104-.65-.012-1.239-.412-1.842c-.43-.649-1.015-.963-1.726-1.104c-.633-.127-1.425-.127-2.335-.127H16c-.964 0-1.612-.002-2.095-.066c-.461-.062-.659-.17-.789-.3s-.237-.328-.3-.79c-.064-.482-.066-1.13-.066-2.094V5.93c0-.91 0-1.702-.126-2.335c-.142-.711-.456-1.296-1.104-1.726M8.398 3.48c.734-.31 1.164-.487 1.517-.543c.276-.044.485-.012.776.181c.246.164.38.36.462.77c.094.47.097 1.11.097 2.112v2.052c0 .899 0 1.648.08 2.243c.084.627.27 1.194.726 1.65s1.022.64 1.65.725c.594.08 1.344.08 2.242.08H18c1.002 0 1.643.004 2.113.097c.409.082.606.216.769.462c.193.292.225.5.181.777c-.056.352-.233.782-.543 1.516a9.25 9.25 0 0 1-10.325 5.47A9.25 9.25 0 0 1 8.398 3.48" clip-rule="evenodd"/><path d="M14.687 1.589a.75.75 0 1 0-.374 1.452a9.27 9.27 0 0 1 6.646 6.646a.75.75 0 1 0 1.452-.374a10.77 10.77 0 0 0-7.724-7.724"/></g></svg>Pie3 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:pie3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:pie3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:pie3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--pie3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:pie3"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:pie3"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/pie3.svg" alt="Pie3 アイコン" width="24" height="24">Reicon の関連アイコン
Pie3 アイコン のよくある質問
Pie3 アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pie3 アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:pie3" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pie3 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/pie3.svg" alt="Pie3 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。