Umbrellawithraindrops アイコン

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

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

fxemoji:umbrellawithraindrops

Umbrellawithraindrops アイコン(fxemoji:umbrellawithraindrops)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Firefox OS Emoji
作者: Mozilla
ライセンス: Apache-2.0
サイズ: 512 × 512
カテゴリ: 自然
タグ: umbrellawithraindrop

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#597B91" d="M279.034 106.239c-.374-10.88-9.317-19.621-20.287-19.621s-19.913 8.742-20.287 19.621q-.035.345-.036.701v18.242a6.84 6.84 0 0 0 6.25 6.814v314.267c0 16.488-13.415 29.902-29.903 29.902s-29.903-13.414-29.903-29.902c0-8.258-6.694-14.951-14.951-14.951s-14.951 6.693-14.951 14.951c0 32.977 26.829 59.805 59.805 59.805s59.805-26.828 59.805-59.805V131.602a6.84 6.84 0 0 0 4.492-6.42V106.94a7 7 0 0 0-.034-.701"/><path fill="#FF473E" d="M495.212 301.08c-28.708-104.623-121.848-181.503-235.586-181.503S50.99 196.456 22.282 301.08h.208l-.208.208c0 21.244 17.222 38.466 38.466 38.466c13.274 0 24.976-6.723 31.89-16.95c3.823-5.656 12.085-6.118 16.433-.854c9.653 11.685 24.25 19.133 40.591 19.133c18.092 0 34.046-9.129 43.519-23.031c3.87-5.679 12.144-5.87 16.511-.564c11.857 14.406 29.819 23.594 49.935 23.594c19.689 0 37.319-8.801 49.178-22.681c4.397-5.146 12.384-4.638 16.349.847c9.561 13.226 25.112 21.834 42.68 21.834c16.331 0 30.92-7.438 40.573-19.11c4.34-5.247 12.594-4.79 16.407.851c6.918 10.231 18.625 16.957 31.906 16.957c21.259 0 38.493-17.234 38.493-38.493l-.208-.208h.207z"/><path fill="#FF6E83" d="M96.786 319.269a10.2 10.2 0 0 0-4.148 3.535c-6.913 10.227-18.616 16.95-31.89 16.95c-21.244 0-38.466-17.222-38.466-38.466l.208-.208h-.208c28.663-104.461 123.313-181.259 236.816-181.497c-77.847.239-162.34 111.687-162.34 193.272c0 2.234.01 4.36.028 6.414m398.426-18.189c-28.673-104.496-121.623-181.312-235.173-181.498c77.862.187 162.395 111.669 162.395 193.273c0 2.611-.012 5.094-.036 7.461a10.2 10.2 0 0 1 2.416 2.508c6.917 10.231 18.625 16.957 31.906 16.957c21.259 0 38.493-17.234 38.493-38.493l-.208-.208zM258.941 119.584l-.463.005c-26.365.518-54.939 111.783-54.939 193.266l.001.979a10.48 10.48 0 0 1 6.152 3.655c11.857 14.406 29.819 23.594 49.934 23.594c19.689 0 37.319-8.801 49.178-22.681a10.1 10.1 0 0 1 5.149-3.235l.002-2.312c0-81.56-28.628-192.961-55.014-193.271"/><path fill="#59CAFC" d="m61.678 81.864l16.711 42.054c4.023 13.266-3.468 27.282-16.737 31.305c-13.266 4.026-27.282-3.468-31.309-16.737a24.95 24.95 0 0 1 0-14.568l16.712-42.054c1.222-4.037 5.492-6.315 9.529-5.093c2.519.766 4.369 2.761 5.094 5.093m355.253-45.028c-4.037-1.222-8.307 1.056-9.529 5.093L390.69 83.983a24.95 24.95 0 0 0 0 14.568c4.026 13.269 18.043 20.764 31.309 16.737c13.269-4.023 20.76-18.039 16.737-31.305l-16.711-42.054c-.725-2.332-2.575-4.327-5.094-5.093M189.113.037c-3.878-1.174-7.979 1.014-9.154 4.892l-16.053 40.396a23.96 23.96 0 0 0 0 13.994c3.868 12.746 17.332 19.945 30.074 16.077c12.746-3.864 19.942-17.328 16.077-30.071L194.006 4.929c-.697-2.24-2.474-4.157-4.893-4.892"/></svg>

Umbrellawithraindrops アイコンの使い方

React

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

<Icon icon="fxemoji:umbrellawithraindrops" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:umbrellawithraindrops" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:umbrellawithraindrops" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fxemoji:umbrellawithraindrops"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fxemoji/umbrellawithraindrops.svg" alt="Umbrellawithraindrops アイコン" width="24" height="24">

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

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

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

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

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

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

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

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