ICONYZ
日本語
Noto Emoji の Umbrella On Ground アイコン

Umbrella On Ground アイコン

noto:umbrella-on-ground

Umbrella On Ground アイコン(noto:umbrella-on-ground)は、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
カテゴリ
旅行・場所
タグ
umbrellaon、onground、umbrellaonground
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#F5C876" d="M95.35 98.11c-22.99-1.44-29.19-6.9-52.33-6.9S3.84 96.74 3.84 96.74s-.53 27.21 0 27.74s119.89.18 120.42-.53V96.74s-6.29 2.79-28.91 1.37"/><path fill="#F2A159" d="M18.49 110.52c0 4.42 13.1 3.66 32 3.98c16.97.29 32.96 3 48.31 3.45c10.47.31 19.56-1.34 20.21-2.49c2.5-4.44-26.68-13.07-52.82-14.84s-47.7 4.95-47.7 9.9"/><path fill="#4EA4B0" d="m72.26 20.24l-4.42-2.16l-9 35.73s-13.01 48.03-13.61 50.44c-.77 3.09-.67 4.93 2.06 5.57s3.49-1.99 4.12-4.03S64.62 58.3 64.62 58.3z"/><path fill="#EE5948" d="M70.86 13s-22.89-6.43-43.32 3.57C11.06 24.62 5.02 36.58 5.77 37.03c1.27.76 5.17.45 8.3 3.53s5.11 8.15 6.36 8.66c1.25.5 6.97-1.43 13.07 2.12s8.36 9.7 9.72 10.25s8.43-3.48 16.96-.53c7.78 2.69 12.87 7.99 13.96 8.3c1.09.32 6.53-4.37 15.55-3.53s11.39 3.6 12.54 4.06s2.71-4.48 8.03-5.08c5.19-.59 6.61.69 7.94.98c1.34.3 1.16-16.74-16.02-34.33C89.32 18.28 70.86 13 70.86 13"/><path fill="#FEFEFE" d="M71.15 15.36s-14.84-3.23-31.04 8.34c-13.25 9.47-18.24 20.2-17.93 20.94c.31.73 6.09.26 11.73 3.14s8.83 9.21 9.52 8.32c.87-1.12 4.11-13.57 9.46-22.37c10.03-16.5 18-17.49 18-17.49s6.93 4.33 7.56 23.63c.35 10.58-2.35 23.88-2.07 25.38c.12.66 4.76-2.93 12.36-2.58c6.89.32 12.21 3.35 13.11 3.22s-.85-18.26-8.8-31.35c-8.99-14.77-21.9-19.18-21.9-19.18"/><path fill="#4EA4B0" d="M74 5.44c-2.96-.75-3.72 3.72-4.47 6.21c-.34 1.1-1.75 5.29 1.16 6.2c2.42.76 3.34-2.49 4.06-4.87c.71-2.39 2.36-6.76-.75-7.54"/></svg>

Umbrella On Ground アイコンの使い方

React

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

<Icon icon="noto:umbrella-on-ground" width="24" />

Vue

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

<template>
  <Icon icon="noto:umbrella-on-ground" width="24" />
</template>

Svelte

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

<Icon icon="noto:umbrella-on-ground" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--umbrella-on-ground]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:umbrella-on-ground"></div>

Web コンポーネント

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

<iconify-icon icon="noto:umbrella-on-ground"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/umbrella-on-ground.svg" alt="Umbrella On Ground アイコン" width="24" height="24">

Noto Emoji の関連アイコン

他のアイコンセットの Umbrella On Ground アイコン

Umbrella On Ground アイコン のよくある質問

Umbrella On Ground アイコンは商用利用でも無料ですか?

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

React で Umbrella On Ground アイコンを使うには?

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

Umbrella On Ground アイコンをウェブページに追加するには?

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

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