Non Potable Water アイコン

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

はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

noto:non-potable-water

Non Potable Water アイコン(noto:non-potable-water)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 記号
タグ: nonpotable、potablewater、nonpotablewater

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#C33" d="M64 4C30.9 4 4 30.9 4 64s26.9 60 60 60s60-26.9 60-60S97.1 4 64 4m50 60c0 12-4.2 23-11.3 31.6L32.4 25.3C41 18.2 52 14 64 14c27.6 0 50 22.4 50 50M14 64c0-12 4.2-23 11.3-31.6l70.3 70.3C87 109.8 76 114 64 114c-27.6 0-50-22.4-50-50"/><circle cx="60.1" cy="63.1" r="56.1" fill="#F44336"/><path fill="#FFF" d="M95.6 102.7C87 109.8 76 114 64 114c-27.6 0-50-22.4-50-50c0-12 4.2-23 11.3-31.6l7.1-7.1C41 18.2 52 14 64 14c27.6 0 50 22.4 50 50c0 12-4.2 23-11.3 31.6"/><path fill="#231F20" d="M95.6 102.7C87 109.8 76 114 64 114c-27.6 0-50-22.4-50-50c0-12 4.2-23 11.3-31.6l7.1-7.1C41 18.2 52 14 64 14c27.6 0 50 22.4 50 50c0 12-4.2 23-11.3 31.6"/><path fill="#414042" d="M96.4 103.2C88.1 110 77.6 114 66.1 114c-26.4 0-47.9-21.5-47.9-47.9c0-11.5 4-22 10.8-30.3l6.8-6.8c8.2-6.8 18.8-10.8 30.3-10.8c26.4 0 47.9 21.5 47.9 47.9c0 11.5-4 22-10.8 30.3"/><path fill="#FAFAFA" d="m97.8 41.6l-2.2 1.1c-1 .5-1.7 1.5-1.7 2.7v.6c0 .8-.7 1.5-1.5 1.5h-8.2c-.6 0-1.1-.3-1.3-.8c-1.2-2.6-3.1-4.6-5.5-5.8v-3.1c0-.4.3-.8.8-.8H85l.8.4c1 .5 2.2-.2 2.2-1.3V32c0-1.1-1.2-1.8-2.2-1.3l-.8.3h-6.8c-.4 0-.7-.3-.7-.7c0-1.2-1-2.2-2.2-2.2h-4.5c-1.2 0-2.2 1-2.2 2.2c0 .4-.3.7-.7.7H61l-.8-.4c-1-.5-2.2.2-2.2 1.3V36c0 1.1 1.2 1.8 2.2 1.3l.8-.3h6.8c.4 0 .8.3.8.8v3.1c-2.4 1.2-4.3 3.2-5.5 5.8c-.2.5-.8.8-1.3.8h-6.5c-8.4 0-15.1 6.8-15.1 15.1v2.1c0 1.2 1 2.2 2.2 2.2h4.5c1.2 0 2.2-1 2.2-2.2v-2.1c0-3.4 2.7-6.1 6.1-6.1h6.1c.6 0 1.2.4 1.4 1c1.7 4.6 5.7 7.8 10.4 7.8s8.7-3.2 10.4-7.8c.2-.6.8-1 1.4-1h7.7c.8 0 1.5.7 1.5 1.5v1.7c0 1.1.6 2.2 1.7 2.7l2.2 1.1c1 .5 2.2-.2 2.2-1.3V43c-.2-1.1-1.4-1.9-2.4-1.4M58.5 69.7c-.2.1-.3.3-.3.5l-.8 3.4c-.1.3-.4.6-.7.6H33.1c-.3 0-.7-.2-.7-.6l-.8-3.4c0-.2-.1-.4-.3-.5c-1.9-1.2-3.5.3-3.2 1.9l5.5 24.7c.5 2.2 2.5 3.8 4.8 3.8h13.2c2.3 0 4.3-1.6 4.8-3.8l5.5-24.7c.2-1.6-1.5-3.1-3.4-1.9m-24.3 8.2h21.3c.5 0 .8.4.7.9L55 84.4c-.1.3-.4.6-.7.6H35.5c-.3 0-.7-.2-.7-.6l-1.2-5.6c-.2-.5.2-.9.6-.9"/><path fill="#231F20" d="M23.4 35.6L95 102.1l2-1.9l-66.4-66.8" opacity=".8"/><path fill="#F44336" d="M103.9 96.8L25.3 18.9L18.2 26l78.6 77.9"/><path fill="#FF8A80" d="M45 10.9c1.7-.4 4.2-1.6 5.9-1.1c1 .3 1.9 1.5 1.5 2.5c-.3.8-1.1 1.3-2 1.5c-4.1 1.1-7.7 2.3-11.3 4.1C32 21.6 25.6 27.2 21 33.7c-1.9 2.7-3.4 5.5-5.8 7.8c-.2.2-.5.4-.8.4c-.2 0-.4 0-.5-.1c-1.2-.5-1.4-1.1-1.2-2.3c.2-1 .5-2 1-2.9c.9-1.8 2.2-3.4 3.3-5.1c1.9-2.9 4.1-5.6 6.6-8c6.8-6.3 15.6-11.1 21.4-12.6"/><path fill="#C33" d="m32.4 25.3l-2 2l71.1 71.1l1.8-2.2z"/></svg>

Non Potable Water アイコンの使い方

React

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

<Icon icon="noto:non-potable-water" width="24" />

Vue

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

<template>
  <Icon icon="noto:non-potable-water" width="24" />
</template>

Svelte

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

<Icon icon="noto:non-potable-water" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--non-potable-water]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:non-potable-water"></div>

Web コンポーネント

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

<iconify-icon icon="noto:non-potable-water"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/non-potable-water.svg" alt="Non Potable Water アイコン" width="24" height="24">

他のアイコンセットの Non Potable Water アイコン

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

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

はい。Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Noto Emoji アイコンをすべて見る →