ICONYZ
日本語
Arcticons の Water 2 アイコン

Water 2 アイコン

arcticons:water-2

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

アイコンセット
Arcticons
作者
Donnnno
ライセンス
CC-BY-SA-4.0
サイズ
48 × 48
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><ellipse cx="25.002" cy="23.873" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="2.663" ry="1.52" transform="rotate(-73.875 25.002 23.873)"/><ellipse cx="29.68" cy="24.221" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="3.888" ry="2.28" transform="rotate(-81.032 29.68 24.22)"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.386 23.873c-.023.118-.706 2.06-.706 2.06m-4.45-1.851l-.365 1.097m10.893 1.833s.663 4.317-5.532 4.089c-6.196-.229-8.78-1.944-12.666-1.898s-5.167.503-5.167.503"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.111 29.63c.046.057.178 1.344.178 1.344m-2.944-2.285l.094 1.883m8.256-3.324c.08-.049 1.956-1.277 4.316-.13"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.822 38.968v-4.3s9.02-1.074 8.73-6.208c-.291-5.133-4.947-4.587-4.947-4.587s-1.487.348-1.746.348s2.942-4.36-1.035-6.689c-3.976-2.328-5.624.873-5.624.873s-.517-1.875-1.663-1.228c-1.145.646-1.966 1.095-2.451 2.069s-.182 3.314-.182 3.314M19.68 39.514s3.83-.95 3.426-3.472s-2.004-3.395-2.44-3.621c-.437-.226-4.642-3.266-6.095-3.075m-2.178.36s-3.4 4.671-4.596 3.507s-1.649-4.138-1.164-5.044s3.88-1.703 3.88-1.703"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.068 27.235s-.659-1.814.505-2.17s1.714 1.402 1.714 1.402m.323 1.314c-.389-.826 2.126-3.526 2.904-2.693c.777.833-.043 2.336-.732 2.835c-.69.499-1.783.684-2.172-.142m3.416-.769s2.379.196 3.603-.545s1.966-1.173 1.966-1.173s2.147 1.394 3.222 1.486c1.076.091 1.982-.14 1.982-.14m-1.774 11.375s3.034-.437 4.54 1.018m-7.885.481s3.087.699 4.978.545c1.892-.153 2.907-1.026 2.907-1.026l5.257-.08M6.786 9.546a4.05 4.05 0 0 1 4.85-3.969c1.696.326 3.051 1.794 3.22 3.514c.126 1.279-.28 2.54-1.163 3.316c-1.636 1.437-6.907 5.308-6.907 5.308h8.092m1.512 3.652s-.808 3.094.13 3.094s2.279-.441 1.616-.896c-.51-.349-.925-.855-.873-1.907c.029-.581-.905-.582-.873-.291m20.83-4.547s.549-3.362-1.585-4.073s-2.813.356-2.813.356m-7.477 2.813s.33-1.885 1.192-2.273s2.298.333 2.298.333"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.48 37.408s-3.708.5-4.851 0s-3.2-1.026-4.138-.66c-.937.365-2.744.908-3.795.66s-2.835.064-2.08 1.085s4.8 3.582 8.481 3.65s10.037.594 11.385.229c1.35-.366 5.934-1.648 7.076-2.253s3.729-3.158 3.729-3.158s-4.68.748-4.92.027"/></svg>

Water 2 アイコンの使い方

React

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

<Icon icon="arcticons:water-2" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:water-2" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:water-2" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:water-2"></iconify-icon>

HTML 画像

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

Arcticons の関連アイコン

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

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

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

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

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

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

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

Arcticons をすべて見る →