Hydro Turbine 48 アイコン

Q: Hydro Turbine 48 アイコンは商用利用でも無料ですか?

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

energy-icons:hydro-turbine-48

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

アイコンセット: Energy Icons
作者: Sam Passmore
ライセンス: MIT
サイズ: 48 × 48
タグ: hydroturbine

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M30 19a6 6 0 1 0-12 0a6 6 0 0 0 12 0m2 0a8 8 0 1 1-16 0a8 8 0 0 1 16 0"/><path fill="currentColor" d="M37.002 19c0-7.18-5.82-13-13-13s-13 5.82-13 13s5.82 13 13 13s13-5.82 13-13m2 0c0 8.284-6.716 15-15 15s-15-6.716-15-15s6.716-15 15-15s15 6.716 15 15"/><path fill="currentColor" d="M23 12V5a1 1 0 0 1 2 0v7a1 1 0 1 1-2 0m0 21v-7a1 1 0 0 1 2 0v7a1 1 0 1 1-2 0m-6-15a1 1 0 1 1 0 2h-7a1 1 0 1 1 0-2zm21 0a1 1 0 1 1 0 2h-7a1 1 0 0 1 0-2zm-19.708 5.294a1.001 1.001 0 0 1 1.415 1.412l-4.891 4.905A1 1 0 0 1 13.4 28.2zM33.191 8.407a1.001 1.001 0 0 1 1.413 1.416l-4.898 4.885a1 1 0 1 1-1.412-1.416zm-4.898 14.885c.39-.39 1.025-.39 1.415 0l4.897 4.906a1 1 0 0 1-1.415 1.413l-4.898-4.904a1 1 0 0 1 0-1.415M13.4 8.408a1 1 0 0 1 1.415-.001l4.892 4.886a1 1 0 0 1-1.413 1.415L13.4 9.823a1 1 0 0 1-.001-1.415M15.3 39.041c3.987-.141 8.188.047 10.966 1.093c2.366.89 5.406 1.004 8.325.742c2.9-.26 5.564-.881 7.11-1.366a1 1 0 0 1 .599 1.908c-1.672.525-4.477 1.176-7.53 1.45c-3.033.273-6.428.185-9.21-.862c-2.37-.892-6.213-1.107-10.189-.966c-3.931.14-7.829.62-10.206 1.017a1 1 0 0 1-.33-1.973c2.449-.41 6.434-.9 10.465-1.043m1.317-4c3.346-.142 6.926.044 9.315 1.117c1.92.863 4.407.98 6.829.72c2.402-.258 4.612-.873 5.888-1.35a1 1 0 0 1 .701 1.872c-1.42.532-3.793 1.19-6.376 1.467c-2.565.275-5.469.19-7.862-.884c-1.924-.865-5.084-1.084-8.41-.943a59 59 0 0 0-8.507 1.01a1 1 0 0 1-.39-1.961a61 61 0 0 1 8.812-1.048M24.75 14L21 19.652h2.625L22.5 24l3.214-4.348L27 17.636h-3z"/></svg>

Hydro Turbine 48 アイコンの使い方

React

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

<Icon icon="energy-icons:hydro-turbine-48" width="24" />

Vue

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

<template>
  <Icon icon="energy-icons:hydro-turbine-48" width="24" />
</template>

Svelte

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

<Icon icon="energy-icons:hydro-turbine-48" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:hydro-turbine-48"></div>

Web コンポーネント

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

<iconify-icon icon="energy-icons:hydro-turbine-48"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/energy-icons/hydro-turbine-48.svg" alt="Hydro Turbine 48 アイコン" width="24" height="24">

Energy Icons の関連アイコン

Hydro Turbine 48 アイコンのよくある質問

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

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

React で Hydro Turbine 48 アイコンを使うには?

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

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

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

Energy Icons をすべて見る →