Water Sanitation Outline 24px アイコン
healthicons:water-sanitation-outline-24px
Water Sanitation Outline 24px アイコン(healthicons:water-sanitation-outline-24px)は、Health Icons セットの無料 SVG アイコンです（作者: Resolve to Save Lives）。 24 × 24 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Health Icons
- 作者
- Resolve to Save Lives
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- 人物
- タグ
- watersanitation、sanitationoutline、outline24px、watersanitationoutline24px
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M10 3.996C10 2.894 10.895 2 12 2h10v4.99H10zm10 0h-8v.998h8z" clip-rule="evenodd"/><path d="M15.625 8.122a1 1 0 0 1 1.366.365l.25.432a.997.997 0 0 1-.366 1.364a1 1 0 0 1-1.366-.366l-.25-.432a.997.997 0 0 1 .366-1.363m-1.125.864a.999.999 0 0 0-2 0v.5a1 1 0 0 0 2 0zm0 2.994a.999.999 0 0 0-2 0v.5a.999.999 0 0 0 2 0zm3.991-.9a1 1 0 0 0-1.366-.365a.997.997 0 0 0-.366 1.363l.25.432c.276.478.888.641 1.366.366a.997.997 0 0 0 .366-1.364zM11.25 8.122a1 1 0 0 0-1.366.365l-.25.432A.997.997 0 0 0 10 10.283c.478.275 1.09.112 1.366-.366l.25-.432a.997.997 0 0 0-.366-1.363M8.384 11.08c.276-.477.888-.64 1.366-.365a.997.997 0 0 1 .366 1.363l-.25.432a1 1 0 0 1-1.366.366a.997.997 0 0 1-.366-1.364z"/><path fill-rule="evenodd" d="M3.5 13.477c-.828 0-1.5.67-1.5 1.497v4.99c0 .827.672 1.497 1.5 1.497h2a1.5 1.5 0 0 0 1.38-.908c.25.121.508.24.743.335c1.57.64 2.572.91 4.285 1.068c.763.07 1.792.04 2.295.02a2.9 2.9 0 0 0 .995-.223l5.336-2.219a2.249 2.249 0 0 0 .141-4.092l-.192-.095a2.45 2.45 0 0 0-1.867-.133l-2.628.874a2.38 2.38 0 0 0-2.158-2.132l-4.914-.445a2 2 0 0 0-1.21.276l-.864.517a1.5 1.5 0 0 0-1.342-.827zm10.5 2.85v.144h-3.5v1.996h4.338q.324 0 .632-.102l3.778-1.257a.45.45 0 0 1 .34.024l.192.096a.255.255 0 0 1-.016.464l-5.336 2.219a.9.9 0 0 1-.308.07c-.507.021-1.414.044-2.028-.013c-1.494-.138-2.303-.354-3.715-.928A16 16 0 0 1 7 18.373v-1.836L8.735 15.5l4.914.445a.387.387 0 0 1 .351.384m-9-.337v-.517H4v3.992h1z" clip-rule="evenodd"/></g></svg>Water Sanitation Outline 24px アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:water-sanitation-outline-24px" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:water-sanitation-outline-24px" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:water-sanitation-outline-24px" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--water-sanitation-outline-24px]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:water-sanitation-outline-24px"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:water-sanitation-outline-24px"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/water-sanitation-outline-24px.svg" alt="Water Sanitation Outline 24px アイコン" width="24" height="24">Health Icons の関連アイコン
Water Sanitation Outline 24px アイコン のよくある質問
Water Sanitation Outline 24px アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Water Sanitation Outline 24px アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:water-sanitation-outline-24px" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Water Sanitation Outline 24px アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/water-sanitation-outline-24px.svg" alt="Water Sanitation Outline 24px アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。