Fog アイコン
noto-v1:fog
Fog アイコン(noto-v1:fog)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#dfe7ea" d="M.22 33.21c4.16-10 15.15-18.49 24.5-19.21c20.14-1.55 27.34 9.79 44.9 9.79c14.74 0 22.45-2.49 26.48-7.39c1.16-1.41 1.55-1.65 1.87-1.5c.41.2.66.2.13 2.39c-2.18 8.9-10.49 23.34-28.04 23.78c-18.65.46-22.99-9.75-43.24-11.3c-7.56-.58-18.19-.59-25.08 4.36c-.84.61-1.19.72-1.41.68c-.31-.06-.5-.61-.11-1.6m29.6 39.49c4.16-10 15.15-18.49 24.5-19.21c20.14-1.55 27.34 9.79 44.9 9.79c14.74 0 22.45-2.49 26.48-7.39c1.16-1.41 1.55-1.65 1.87-1.5c.41.2.66.2.13 2.39c-2.18 8.9-10.49 23.34-28.04 23.78c-18.66.45-23-9.77-43.25-11.31c-7.56-.58-18.19-.59-25.08 4.36c-.84.61-1.19.72-1.41.68c-.3-.04-.49-.6-.1-1.59M.56 107.69c4.16-10 15.15-18.49 24.5-19.21c20.14-1.55 27.34 9.79 44.9 9.79c14.74 0 22.45-2.49 26.48-7.39c1.16-1.41 1.55-1.65 1.87-1.5c.41.2.66.2.13 2.39c-2.18 8.9-10.49 23.34-28.04 23.78c-18.65.46-22.99-9.75-43.24-11.3c-7.56-.58-18.19-.59-25.08 4.36c-.84.61-1.19.72-1.41.68c-.31-.05-.5-.61-.11-1.6"/><path fill="#b9cdd2" d="M26.81 29.76c20.26 1.54 24.59 11.76 43.24 11.3c17.56-.43 25.86-14.88 28.04-23.78c.54-2.19.28-2.19-.13-2.39c-.18-.08-.38-.04-.73.26c-3.16 8.8-11.45 18.34-27.11 18.72c-18.65.46-22.99-9.75-43.24-11.3c-7.14-.53-17.03 1.43-23.92 5.62C1.87 29.8.94 31.48.22 33.22c-.39.99-.19 1.54.1 1.59c.23.04.57-.07 1.41-.68c6.89-4.96 17.52-4.95 25.08-4.37m100.76 24.62c-.18-.08-.38-.04-.73.26c-3.16 8.8-11.45 18.34-27.11 18.72c-18.65.46-22.99-9.75-43.24-11.3c-7.14-.54-17.03 1.42-23.92 5.6c-1.09 1.61-2.02 3.29-2.74 5.03c-.39.99-.19 1.54.1 1.59c.23.04.57-.07 1.41-.68c6.9-4.95 17.53-4.94 25.08-4.36C76.66 70.79 81 81.01 99.65 80.55c17.56-.43 25.86-14.88 28.04-23.78c.54-2.19.29-2.19-.12-2.39m-57.11 53.98c-18.65.46-22.99-9.75-43.24-11.3c-7.14-.54-17.03 1.42-23.92 5.6c-1.09 1.61-2.02 3.29-2.74 5.03c-.39.99-.19 1.54.1 1.59c.23.04.57-.07 1.41-.68c6.9-4.95 17.53-4.94 25.08-4.36c20.26 1.54 24.59 11.76 43.24 11.3c17.56-.43 25.86-14.88 28.04-23.78c.54-2.19.28-2.19-.13-2.39c-.18-.08-.38-.04-.73.26c-3.15 8.81-11.44 18.35-27.11 18.73"/></svg>
Fog アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:fog" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:fog" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:fog" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--fog]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:fog"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:fog"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/fog.svg" alt="Fog アイコン" width="24" height="24">
Fog アイコン のよくある質問
Fog アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fog アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:fog" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fog アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/fog.svg" alt="Fog アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
