Pinwheel Flat アイコン
streamline-plump-color:pinwheel-flat
Pinwheel Flat アイコン(streamline-plump-color:pinwheel-flat)は、Plump color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 基本インターフェース
- タグ
- pinwheelflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2859c5" d="M21.5 35.056q.157-.303.265-.625c.178-.531.385-1.174.62-1.944c1.414.481 2.81.87 4.115 1.183V45a2.5 2.5 0 0 1-5 0z"/><path fill="#8fbffa" fill-rule="evenodd" d="M35.663 5.988c1.661 1.756 2.177 4.227 1.77 6.61c-.325 1.905-.847 4.356-1.664 6.872l-11.508-1.438l2.006-7.487c.808-3.015 1.433-5.039 1.87-6.34c.409-1.22 1.632-1.966 2.837-1.51c1.921.727 3.515 2.052 4.69 3.293Zm-24.234.914c1.755-1.661 4.227-2.176 6.61-1.77c1.903.325 4.353.847 6.868 1.663l-1.44 11.508l-7.481-2.005c-3.015-.807-5.04-1.432-6.34-1.869c-1.221-.41-1.967-1.633-1.51-2.838c.727-1.921 2.051-3.515 3.293-4.69Zm-.858 18.5c.325-1.905.847-4.356 1.664-6.872l11.508 1.438l-2.006 7.487c-.808 3.015-1.433 5.039-1.87 6.339c-.41 1.221-1.633 1.967-2.838 1.51c-1.92-.726-3.514-2.051-4.689-3.293c-1.66-1.755-2.176-4.227-1.77-6.609Zm19.83 7.03c2.383.406 4.854-.109 6.61-1.77c1.242-1.174 2.566-2.768 3.294-4.69c.456-1.204-.29-2.427-1.511-2.837c-1.3-.437-3.325-1.062-6.34-1.87l-7.489-2.006l-1.437 11.508c2.517.817 4.969 1.34 6.874 1.665Z" clip-rule="evenodd"/><path fill="#2859c5" d="M28 19a4 4 0 1 1-8 0a4 4 0 0 1 8 0"/></g></svg>Pinwheel Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:pinwheel-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:pinwheel-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:pinwheel-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--pinwheel-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:pinwheel-flat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:pinwheel-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/pinwheel-flat.svg" alt="Pinwheel Flat アイコン" width="24" height="24">Plump color icons の関連アイコン
他のアイコンセットの Pinwheel Flat アイコン
Pinwheel Flat アイコン のよくある質問
Pinwheel Flat アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Pinwheel Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:pinwheel-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pinwheel Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/pinwheel-flat.svg" alt="Pinwheel Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。