ICONYZ
日本語
Energy Icons の Pelton Wheel 48 アイコン

Pelton Wheel 48 アイコン

energy-icons:pelton-wheel-48

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

アイコンセット
Energy Icons
作者
Sam Passmore
ライセンス
MIT
サイズ
48 × 48
タグ
peltonwheel
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M26 24c0-1.108-.892-2-2-2s-2 .892-2 2s.892 2 2 2s2-.892 2-2m2 0c0 2.212-1.788 4-4 4s-4-1.788-4-4s1.788-4 4-4s4 1.788 4 4"/><path fill="currentColor" d="M33 24c0-4.968-4.032-9-9-9s-9 4.032-9 9s4.032 9 9 9s9-4.032 9-9m2 0c0 6.072-4.928 11-11 11s-11-4.928-11-11s4.928-11 11-11s11 4.928 11 11"/><path fill="currentColor" d="M33.114 20.787a4 4 0 0 1 5.212.38l.133.139l.003.003a4.006 4.006 0 0 1 0 5.382l-.003.003a4.003 4.003 0 0 1-5.345.52l1.192-1.607a2.002 2.002 0 1 0 0-3.214zm-.405 7.383a4.015 4.015 0 0 1 3.42 4.155v.007a4.01 4.01 0 0 1-3.797 3.797h-.007a4.015 4.015 0 0 1-4.154-3.42l1.978-.298a2.015 2.015 0 0 0 1.894 1.72h.192a2.01 2.01 0 0 0 1.896-1.896a2.015 2.015 0 0 0-1.72-2.086zm-5.496 4.944a4.003 4.003 0 0 1-.52 5.345l-.002.003a4.006 4.006 0 0 1-5.382 0l-.003-.003a4 4 0 0 1-.519-5.345l1.606 1.192a2.003 2.003 0 0 0 .258 2.672l.148.123a2.002 2.002 0 0 0 2.808-2.795zM15.589 30.15a2.014 2.014 0 0 0-1.72 2.078l.018.19a2.01 2.01 0 0 0 1.877 1.713a2.016 2.016 0 0 0 2.087-1.72l.988.15l.99.148a4.015 4.015 0 0 1-4.155 3.42h-.006a4.01 4.01 0 0 1-3.796-3.797l-.001-.007a4.016 4.016 0 0 1 3.42-4.154zm-6.048-8.844a4 4 0 0 1 5.345-.519l-1.192 1.606a2.003 2.003 0 1 0 0 3.214l1.192 1.606a4.003 4.003 0 0 1-5.345-.52l-.003-.002a4.006 4.006 0 0 1 0-5.382zm6.133-9.436a4.015 4.015 0 0 1 4.155 3.422l-1.978.297a2.015 2.015 0 0 0-2.08-1.72a2.01 2.01 0 0 0-1.902 1.903a2.015 2.015 0 0 0 1.72 2.08l-.297 1.977a4.015 4.015 0 0 1-3.421-4.154v-.007a4.01 4.01 0 0 1 3.797-3.796zm5.635-2.332a4.006 4.006 0 0 1 5.382 0l.003.003a4.003 4.003 0 0 1 .519 5.345l-1.606-1.191a2.003 2.003 0 1 0-3.214 0l-1.606 1.19a4 4 0 0 1 .519-5.344zm11.016 2.332l.007.002a4.01 4.01 0 0 1 3.782 3.605l.015.19v.007a4.015 4.015 0 0 1-3.42 4.155l-.149-.99l-.15-.988a2.016 2.016 0 0 0 1.72-2.087a2.01 2.01 0 0 0-1.902-1.895a2.014 2.014 0 0 0-2.079 1.72l-1.978-.298a4.015 4.015 0 0 1 3.962-3.424zM8.293 36.293a1 1 0 1 1 1.414 1.414l-5 5a1 1 0 1 1-1.414-1.414z"/></svg>

Pelton Wheel 48 アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:pelton-wheel-48"></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-48"></iconify-icon>

HTML 画像

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

Energy Icons の関連アイコン

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

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

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

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

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

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

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

Energy Icons をすべて見る →