Wind Velocity Measure アイコン
streamline-ultimate-color:wind-velocity-measure
Wind Velocity Measure アイコン(streamline-ultimate-color:wind-velocity-measure)は、Ultimate color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ultimate color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 天気
- タグ
- windvelocity、velocitymeasure、windvelocitymeasure
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#ff808c" d="M16.647 5.6v6.075l-4.783 1.913V3.707z"/><path fill="#ffef5e" d="M11.865 3.707v9.88l-3.473 1.388a.956.956 0 0 1-1.31-.89V3.22a.966.966 0 0 1 1.31-.89zm10.789 4.917a.96.96 0 0 1-.603.89l-5.404 2.16V5.602l5.395 2.133a.97.97 0 0 1 .612.89"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M1.346 23V1m5.738 2.86L1.375 7.3m5.709 5.68l-5.709-2.424"/><path fill="#fff9bf" d="m22.042 7.734l-5.395-2.133v3.037h6.005v-.014a.965.965 0 0 0-.61-.89"/><path fill="#ffbfc5" d="M11.864 8.638h4.783V5.6l-4.783-1.894z"/><path fill="#fff9bf" d="M7.503 2.435a.95.95 0 0 0-.421.784v5.419h4.783V3.707L8.392 2.33a.96.96 0 0 0-.89.105"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M16.647 5.6v6.075l-4.783 1.913V3.707z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M11.865 3.707v9.88l-3.473 1.388a.956.956 0 0 1-1.31-.89V3.22a.966.966 0 0 1 1.31-.89zm10.789 4.917a.96.96 0 0 1-.603.89l-5.404 2.16V5.602l5.395 2.133a.97.97 0 0 1 .612.89"/></g></svg>Wind Velocity Measure アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:wind-velocity-measure" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:wind-velocity-measure" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:wind-velocity-measure" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--wind-velocity-measure]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:wind-velocity-measure"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:wind-velocity-measure"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/wind-velocity-measure.svg" alt="Wind Velocity Measure アイコン" width="24" height="24">Ultimate color icons の関連アイコン
他のアイコンセットの Wind Velocity Measure アイコン
Wind Velocity Measure アイコン のよくある質問
Wind Velocity Measure アイコンは商用利用でも無料ですか?
はい。Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Wind Velocity Measure アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-ultimate-color:wind-velocity-measure" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wind Velocity Measure アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/wind-velocity-measure.svg" alt="Wind Velocity Measure アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。