Umbrella アイコン

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

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

openmoji:umbrella

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

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 旅行・場所

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#b399c8" d="M46.97 36.97a.95.95 0 0 1-.79.05c-8.98-3.39-19.17-.56-21.16.05c-.23.07-.47.04-.68-.08c-5.65-3-11.21-.87-12.92-.08c-.31.15-.66.12-.93-.09c-2.61-2.03-6.49.36-6.49.36C4 20.16 18.11 6.36 35.51 6.36c0 0 7.53 3.01 11.46 30.61m13-.03c-.05-.01-.09-.01-.14-.03c-.04-.02-.08-.04-.13-.06q.165.06.27.09m8.02.05v.05c0 .01 0 .02-.01.03c.01-.05.01-.08.01-.08"/><path fill="#8967aa" d="M67.99 36.99s0 .03-.01.08c0 .02 0 .03-.01.05c0 .02-.01.05-.02.07c-.02.04-.04.08-.07.11s-.06.05-.1.06a.25.25 0 0 1-.13.03c-.05 0-.09-.01-.14-.03c-.11-.05-.23-.1-.36-.16c-.06-.03-.14-.06-.22-.09c-1.54-.54-6.14-.31-6.14-.31c-.14.11-.29.17-.45.19h-.06c-.03 0-.09-.01-.17-.02h-.04c-.01-.01-.02-.01-.03-.01c0 0-.01 0-.01-.01c-.02 0-.03-.01-.05-.01h-.01q-.105-.03-.27-.09c-.02 0-.04-.01-.06-.02c-.06-.03-.12-.06-.19-.08c-.07-.04-.15-.07-.23-.11c-.04-.02-.08-.03-.14-.05c-1.72-.49-12.11.38-12.11.38C43.04 9.37 35.51 6.36 35.51 6.36c10.08 0 19.49 4.31 25.56 11.52c.09.1.18.2.26.31c.26.32.51.64.76.96c6.48 8.44 5.9 17.84 5.9 17.84"/><path fill="#8967aa" d="M60.04 36.96c-.02 0-.04-.01-.06-.02c.02 0 .03.01.05.01c0 .01.01.01.01.01m7.47.4a1.2 1.2 0 0 1-.36-.16c.13.06.25.11.36.16"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M66.666 32.453C64.401 17.628 51.314 6.358 35.506 6.358C18.107 6.358 4 20.157 4 37.178c0 0 3.878-2.387 6.482-.366a.91.91 0 0 0 .944.099c1.711-.797 7.271-2.914 12.907.08a.9.9 0 0 0 .694.075c2.001-.616 12.183-3.434 21.155-.043a.95.95 0 0 0 .782-.053c5.616-2.96 11.15-.86 12.866-.063a.92.92 0 0 0 .96-.105c2.581-2.019 6.223.235 6.223.235"/><path d="M45.352 62.54c0 3.015-2.204 5.46-4.923 5.46s-4.923-2.445-4.923-5.46V35.393m.001-29.035V4M10.925 36.992C16.586 4.655 35.507 6.358 35.507 6.358s-9.594.93-10.825 30.741m35.656-.109C54.677 4.653 35.507 6.358 35.507 6.358s9.841.912 11.072 30.723"/></g></svg>

Umbrella アイコンの使い方

React

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

<Icon icon="openmoji:umbrella" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:umbrella" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:umbrella" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:umbrella"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/umbrella.svg" alt="Umbrella アイコン" width="24" height="24">

OpenMoji の関連アイコン

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

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

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

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

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

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

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

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

OpenMoji アイコンをすべて見る →