Windmill Light アイコン

Q: Windmill Light アイコンは商用利用でも無料ですか?

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

ph:windmill-light

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

アイコンセット: Phosphor
作者: Phosphor Icons
ライセンス: MIT
サイズ: 256 × 256
タグ: turbine、energy、renewable、sustainability、countryside、landscape、green、power、buildings、windmilllight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M224 226h-42.8l-7.13-49.95l6.82 4a14 14 0 0 0 19.18-4.95l12-20.34a14 14 0 0 0-5-19.18L170.36 114l41.7-70.86a14 14 0 0 0-5-19.17L186.77 12a14 14 0 0 0-19.18 5L146 53.65L75.11 11.94a14 14 0 0 0-19.18 5l-12 20.34a14 14 0 0 0 5 19.17L85.64 78l-41.7 70.85a14 14 0 0 0 5 19.18l20.33 12a13.9 13.9 0 0 0 7.05 1.97a13.7 13.7 0 0 0 3.53-.46c.46-.12.91-.26 1.36-.42L74.8 226H32a6 6 0 0 0 0 12h192a6 6 0 0 0 0-12m-22.06-78.84a2 2 0 0 1-.22 1.51l-12 20.34a2 2 0 0 1-2.75.71L116.12 128l14-23.8L201 145.93a2 2 0 0 1 .94 1.23M177.93 23a2 2 0 0 1 1.23-.92a2 2 0 0 1 1.51.21l20.34 12a2 2 0 0 1 .71 2.76L160 107.88l-23.81-14ZM54.06 44.85a2 2 0 0 1 .22-1.52L66.27 23a2 2 0 0 1 2.73-.72L139.88 64l-14 23.8L55 46.07a2 2 0 0 1-.94-1.22M78.07 169a2 2 0 0 1-2.74.71L55 157.73a2 2 0 0 1-.71-2.75L96 84.12l23.81 14Zm18-6.88l14-23.77l50.8 29.9l8.21 57.75H86.92Z"/></svg>

Windmill Light アイコンの使い方

React

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

<Icon icon="ph:windmill-light" width="24" />

Vue

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

<template>
  <Icon icon="ph:windmill-light" width="24" />
</template>

Svelte

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

<Icon icon="ph:windmill-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--windmill-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:windmill-light"></div>

Web コンポーネント

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

<iconify-icon icon="ph:windmill-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ph/windmill-light.svg" alt="Windmill Light アイコン" width="24" height="24">

Phosphor の関連アイコン

他のアイコンセットの Windmill Light アイコン

Windmill Light アイコンのよくある質問

Windmill Light アイコンは商用利用でも無料ですか?

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

React で Windmill Light アイコンを使うには?

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

Windmill Light アイコンをウェブページに追加するには?

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

Phosphor アイコンをすべて見る →