Water Wave アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:water-wave

Water Wave アイコン(openmoji:water-wave)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 旅行・場所
タグ: waterwave

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#92d3f5" d="M4 28.19C4 14.816 14.286 3.976 27.837 3.976C15 19.344 26.25 43.722 56.4 41.563c4.256-.305 8.947-1.778 12.593-3.724v30.086a1.01 1.01 0 0 1-1.01 1.011L4 68.958z"/><path fill="#61b2e4" d="M21.784 10.012c-3.821 7.178-5.95 21.127 6.556 33.343c0 0 10.239 12.65 40.653 4.885V37.35s-11.106 7.592-27.525 2.338C26.083 34.765 22.043 23.16 22.558 18.92c.183-1.5.789-6.042.789-6.042s.839-3.014.545-3.8c-.34-.911-1.834.419-2.108.933"/><path fill="#92d3f5" d="M44.857 9.722c1.674 1.907 1.579 4.722-.21 6.293s-4.596 1.298-6.27-.608c0 0-2.07-2.286-3.018-8.876c0 0-.251-1.32.979-.96c6.412 1.79 8.519 4.151 8.519 4.151"/><path fill="#61b2e4" d="M35.41 6.055c4.354-.6 9.166 3.388 9.166 3.388c2.133 2.43 1.86 5 .07 6.571c0 0-.997-5.442-9.236-9.959"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path stroke-width="2" d="M68 47.896v20.062H4V27.833C4 13.148 13.579 4 27.836 3.997"/><path stroke-width="2" d="M68 37.506C64.353 39.423 60.656 40.7 56.4 41C26.25 43.125 15 19.125 27.836 3.997"/><path stroke-width="2" d="M68 47.896c-4.833 2.687-11.25 3.371-19.016 2.988c-34.993-3.259-37.603-36.5-21.148-46.887"/><path stroke-width="1.9" d="M44.857 9.722c1.674 1.907 1.579 4.722-.21 6.293s-4.596 1.298-6.27-.608c0 0-2.07-2.286-3.018-8.876c0 0-.251-1.32.979-.96c6.412 1.79 8.519 4.151 8.519 4.151"/><path stroke-width="2" d="M63.875 63.278c-3.424 0-3.424-2.055-6.847-2.055c-3.422 0-3.422 2.055-6.844 2.055c-3.425 0-3.425-2.055-6.85-2.055c-3.427 0-3.427 2.055-6.855 2.055s-3.427-2.055-6.854-2.055"/></g></svg>

Water Wave アイコンの使い方

React

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

<Icon icon="openmoji:water-wave" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:water-wave" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:water-wave" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--water-wave]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:water-wave"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:water-wave"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/water-wave.svg" alt="Water Wave アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Water Wave アイコン

Water Wave アイコンのよくある質問

Water Wave アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Water Wave アイコンを使うには?

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

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

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

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