Pelton Wheel 20 Bold アイコン

Q: Pelton Wheel 20 Bold アイコンは商用利用でも無料ですか?

はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

energy-icons:pelton-wheel-20-bold

Pelton Wheel 20 Bold アイコン(energy-icons:pelton-wheel-20-bold)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 20 × 20 のグリッドで描かれています。 Energy Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Energy Icons
作者: Sam Passmore
ライセンス: MIT
サイズ: 20 × 20
タグ: peltonwheel、wheelbold、peltonwheelbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M10.625 10A.623.623 0 0 0 10 9.375a.623.623 0 0 0-.625.625c0 .346.279.624.625.624a.623.623 0 0 0 .625-.624m1.25 0A1.873 1.873 0 0 1 10 11.874A1.873 1.873 0 0 1 8.125 10c0-1.038.838-1.875 1.875-1.875c1.038 0 1.875.837 1.875 1.875"/><path fill="currentColor" d="M13.542 10A3.544 3.544 0 0 0 10 6.458A3.544 3.544 0 0 0 6.458 10A3.544 3.544 0 0 0 10 13.54A3.544 3.544 0 0 0 13.542 10m1.25 0A4.794 4.794 0 0 1 10 14.79A4.794 4.794 0 0 1 5.208 10A4.794 4.794 0 0 1 10 5.208A4.794 4.794 0 0 1 14.792 10"/><path fill="currentColor" d="M13.674 8.493a1.88 1.88 0 0 1 2.378.116l.13.13a1.88 1.88 0 0 1 0 2.521l-.003.003c-.65.712-1.73.816-2.505.243l.745-1.005a.626.626 0 1 0 0-1.003z"/><path fill="currentColor" d="M13.66 11.531a1.88 1.88 0 0 1 1.603 1.767v.184a1.88 1.88 0 0 1-1.78 1.78H13.3a1.88 1.88 0 0 1-1.767-1.603l1.237-.185c.048.322.33.553.653.539a.63.63 0 0 0 .592-.592a.63.63 0 0 0-.54-.653z"/><path fill="currentColor" d="M11.507 13.673a1.877 1.877 0 0 1-.242 2.505l-.003.002a1.88 1.88 0 0 1-2.523 0l-.129-.129a1.88 1.88 0 0 1-.116-2.378l1.005.745a.627.627 0 1 0 1.003 0z"/><path fill="currentColor" d="M6.526 12.768a.63.63 0 0 0-.539.653a.63.63 0 0 0 .591.592a.63.63 0 0 0 .654-.54l1.237.186a1.88 1.88 0 0 1-1.767 1.603h-.185a1.88 1.88 0 0 1-1.779-1.78v-.184c.044-.89.71-1.632 1.603-1.767z"/><path fill="currentColor" d="M3.949 8.61a1.876 1.876 0 0 1 2.378-.116l-.372.502l-.373.501a.627.627 0 0 0-.835.08l-.071.096a.627.627 0 0 0 .906.83l.373.5l.372.503a1.877 1.877 0 0 1-2.505-.242l-.002-.003a1.88 1.88 0 0 1 0-2.523z"/><path fill="currentColor" d="M6.702 4.737c.89.044 1.632.711 1.767 1.603l-1.237.185a.63.63 0 0 0-.653-.539h-.001a.63.63 0 0 0-.592.591a.633.633 0 0 0 .54.654l-.185 1.237A1.88 1.88 0 0 1 4.738 6.7v-.184a1.88 1.88 0 0 1 1.78-1.78z"/><path fill="currentColor" d="M8.74 3.82a1.88 1.88 0 0 1 2.522 0l.002.001c.711.65.817 1.731.243 2.505l-.502-.372l-.502-.373a.627.627 0 1 0-1.005 0l-.501.373l-.502.372a1.876 1.876 0 0 1 .115-2.378z"/><path fill="currentColor" d="M13.484 4.737a1.88 1.88 0 0 1 1.761 1.602l.018.178V6.7a1.88 1.88 0 0 1-1.603 1.767l-.185-1.237a.63.63 0 0 0 .539-.653a.63.63 0 0 0-.592-.593a.63.63 0 0 0-.653.54l-1.237-.185A1.88 1.88 0 0 1 13.3 4.737zM3.308 14.974a.626.626 0 0 1 .885.885L2.11 17.942a.626.626 0 0 1-.885-.885z"/></svg>

Pelton Wheel 20 Bold アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="energy-icons:pelton-wheel-20-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="energy-icons:pelton-wheel-20-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="energy-icons:pelton-wheel-20-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--pelton-wheel-20-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:pelton-wheel-20-bold"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="energy-icons:pelton-wheel-20-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/energy-icons/pelton-wheel-20-bold.svg" alt="Pelton Wheel 20 Bold アイコン" width="24" height="24">

Energy Icons の関連アイコン

Pelton Wheel 20 Bold アイコンのよくある質問

Pelton Wheel 20 Bold アイコンは商用利用でも無料ですか?

はい。Energy Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Pelton Wheel 20 Bold アイコンを使うには?

@iconify/react をインストールして <Icon icon="energy-icons:pelton-wheel-20-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Pelton Wheel 20 Bold アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/pelton-wheel-20-bold.svg" alt="Pelton Wheel 20 Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Energy Icons をすべて見る →