Tidal Wave Solid アイコン
streamline-flex:tidal-wave-solid
Tidal Wave Solid アイコン(streamline-flex:tidal-wave-solid)は、Flex free icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- 自然・エコロジー
- タグ
- tidalwave、wavesolid、tidalwavesolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M4.5 6.25v1.5c-1.905 0-3.238-.463-4.154-1.098A.75.75 0 0 1 1.2 5.419c.623.432 1.644.831 3.3.831m0 0c1.914 0 2.837-1.157 2.936-2.121c.05-.49-.1-.948-.445-1.283c-.344-.336-.96-.622-1.971-.596A.75.75 0 0 1 4.663.83c2.063-1.037 4.063-.882 5.68-.275c1.594.598 2.848 1.647 3.5 2.485A.75.75 0 0 1 14 3.5v2.62a.75.75 0 0 1-1.1.664c-.606-.32-1.315-.534-2.4-.534c-1.343 0-2.103.326-2.873.681l-.121.056c-.779.362-1.645.764-3.006.763zm2.501 3.748c-.828.384-1.783.826-2.94.826c-1.804 0-3.19-.596-3.727-.954a.75.75 0 1 1 .832-1.248c.29.194 1.388.702 2.894.702c.82 0 1.498-.313 2.397-.727l.068-.032c.906-.417 1.985-.896 3.403-.896c1.085 0 1.868.188 2.484.47c.51.232.888.525 1.158.735l.132.101a.75.75 0 0 1-.904 1.198l-.172-.132c-.267-.206-.497-.383-.836-.538c-.393-.18-.96-.334-1.862-.334c-1.064 0-1.885.348-2.775.759zm-2.94 3.995c1.717 0 2.692-.473 3.526-.914l.097-.052c.733-.388 1.3-.689 2.334-.689c1.37 0 2.037.565 2.368.991a.75.75 0 1 0 1.185-.92c-.589-.758-1.677-1.57-3.553-1.57c-1.41 0-2.26.45-3.014.851l-.118.063c-.732.386-1.455.74-2.826.74c-1.506 0-2.603-.507-2.894-.701a.75.75 0 1 0-.832 1.248c.537.358 1.923.953 3.726.953" clip-rule="evenodd"/></svg>Tidal Wave Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:tidal-wave-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:tidal-wave-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:tidal-wave-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--tidal-wave-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:tidal-wave-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:tidal-wave-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/tidal-wave-solid.svg" alt="Tidal Wave Solid アイコン" width="24" height="24">Flex free icons の関連アイコン
他のアイコンセットの Tidal Wave Solid アイコン
Tidal Wave Solid アイコン のよくある質問
Tidal Wave Solid アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Tidal Wave Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:tidal-wave-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tidal Wave Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/tidal-wave-solid.svg" alt="Tidal Wave Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。