Beachumbrella アイコン

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

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

fxemoji:beachumbrella

Beachumbrella アイコン(fxemoji:beachumbrella)は、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
カテゴリ: 場所

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><circle cx="329.11" cy="37.955" r="29.185" fill="#FFCF53"/><path fill="#C2F4FF" d="M188.825 132.463c0 10.73-8.699 19.537-19.429 19.537H91.298c-8.189 0-14.827-6.746-14.827-14.935s6.638-14.935 14.827-14.935c1.235 0 2.429.168 3.576.452a15.4 15.4 0 0 1-.408-3.471c0-8.497 6.888-15.386 15.386-15.386c3.225 0 6.216.996 8.689 2.692c2.885-11.122 12.99-19.334 25.014-19.334c14.272 0 25.842 11.57 25.842 25.842c10.73.001 19.428 8.808 19.428 19.538m236.278-45.222c-1.851 0-3.648.229-5.368.654c.384-1.674.594-3.414.594-5.204c0-12.807-10.382-23.19-23.19-23.19c-4.861 0-9.37 1.498-13.097 4.054c-4.35-16.761-19.579-29.137-37.701-29.137c-21.511 0-38.949 17.438-38.949 38.949c-16.173 0-29.284 13.143-29.284 29.316s13.111 29.316 29.284 29.316h117.712c12.342 0 22.347-10.038 22.347-22.38c-.001-12.34-10.006-22.378-22.348-22.378"/><path fill="#76DFFF" d="M456.268 302.959c0-33.165-26.885-59.959-60.05-59.959H240.087c-33.165 0-60.05 26.835-60.05 60s26.885 60 60.05 60h53.362c-29.085 0-37.439 22-38.699 50h-33.295c-25.285 0-45.782 20.715-45.782 46s20.497 46 45.782 46h99.679c12.736 0 24.253-5.137 32.552-13.531c12.455-9.43 28.646-10.469 58.943-10.469h34.714c32.544 0 58.925-26.461 58.925-59.005c0-83.677-50-65.197-50-119.036"/><path fill="#F9E7C0" d="M294.098 373.867c0 33.165-7.531 60.05-40.696 60.05H121.109c-33.165 0-60.05-26.885-60.05-60.05s26.885-60.05 60.05-60.05h132.293c33.165 0 40.696 26.886 40.696 60.05"/><path fill="#F9E7C0" d="M350.18 326.659a7.6 7.6 0 0 0-1.525-1.239l-.967-.601a60 60 0 0 0-3.731-2.414c-9.645-6.463-25.489-19.012-28.666-35.652c-.635-24.738-20.868-44.753-45.753-44.753h-99.679c-17.453 0-32.621 10-40.345 24H56.258c-28.441 0-51.496 23.193-51.496 51.634c0 74.567 34.691 38.901 34.691 126.351c0 33.165 26.885 60.015 60.05 60.015h60.72c2.536 1 5.14 1 7.801 1h99.679c25.285 0 45.782-20.556 45.782-45.84c0-11.579 19.874-24.349 31.483-34.214c17.024-10.6 28.361-29.457 28.361-50.987c-.001-19.248-9.067-36.336-23.149-47.3"/><ellipse cx="194.161" cy="356.367" fill="#E5D4B1" rx="123.992" ry="31.333"/><path fill="#FF473E" d="M318.606 203.349L78.931 366.162c-4.106 2.789-9.878.426-10.576-4.488c-19.171-135.02 131.519-237.416 249.977-169.809c4.311 2.46 4.38 8.695.274 11.484"/><path fill="#597B91" d="M250.406 356s-.087-.424-.272-.69L143.862 202.809c-.483-.693-1.437-.819-2.129-.335c-.693.483-.863 1.275-.381 1.968L247.015 356z"/><path fill="#FD8C97" d="M144.394 198.939s2.023.524 5.408 1.548c3.246 1.121 7.994 2.646 13.493 4.613c5.407 2.032 11.488 4.56 17.83 7.39c6.198 2.93 12.896 5.995 19.076 9.421c3.1 1.706 6.383 3.284 9.284 5.068c2.904 1.782 5.89 3.447 8.549 5.218c5.296 3.558 10.091 6.982 13.75 10.231C239.275 248.805 243 254.75 243 254.75l-88.249 59.974s-3.412-4.676-6.796-13.914c-1.778-4.559-3.327-10.243-4.828-16.445c-.74-3.108-1.265-6.486-1.93-9.828c-.668-3.34-1.01-6.966-1.535-10.465c-1.07-6.984-1.622-14.33-2.221-21.159c-.454-6.93-.718-13.51-.748-19.286c.062-5.84.278-10.822.352-14.255c.213-3.53.424-5.609.424-5.609z"/><path fill="#00B1FF" d="M454.55 446.306a22.61 22.61 0 0 1-20.716 13.565c-8.5 0-16.233-4.774-20.093-12.272c-3.859 7.498-11.592 12.272-20.093 12.272a22.62 22.62 0 0 1-20.716-13.565a.681.681 0 0 1 1.247-.545a21.26 21.26 0 0 0 19.47 12.751a21.26 21.26 0 0 0 19.47-12.751c.015-.033.041-.056.06-.086c.026-.042.049-.084.084-.12c.041-.041.089-.068.138-.097c.024-.015.042-.037.069-.048l.01-.002c.054-.023.111-.029.169-.037c.031-.004.062-.017.093-.017s.062.013.093.017c.058.008.115.015.168.037q.005.002.011.002c.028.012.046.035.071.05c.047.029.095.055.135.095c.035.036.058.079.084.121c.019.03.045.052.06.085a21.26 21.26 0 0 0 19.47 12.751a21.26 21.26 0 0 0 19.47-12.751a.68.68 0 0 1 .896-.351c.343.151.5.552.35.896m17.155-80.506a.655.655 0 0 0-.863.338a20.48 20.48 0 0 1-18.761 12.285a20.48 20.48 0 0 1-18.76-12.285c-.014-.033-.04-.055-.059-.084c-.025-.039-.046-.08-.08-.114c-.036-.036-.079-.059-.122-.086c-.027-.017-.047-.041-.077-.054l-.013-.003c-.047-.02-.098-.024-.149-.032c-.034-.005-.067-.018-.101-.018s-.068.013-.102.019c-.05.008-.1.012-.147.032l-.014.003c-.032.014-.054.04-.083.058c-.04.025-.081.047-.115.081c-.035.035-.057.077-.083.117c-.018.028-.043.05-.057.081a20.48 20.48 0 0 1-18.76 12.285a.656.656 0 0 0 0 1.31c8.191 0 15.642-4.6 19.36-11.824a21.78 21.78 0 0 0 19.36 11.824a21.8 21.8 0 0 0 19.962-13.07a.653.653 0 0 0-.336-.863m-38.315-75.679a21.26 21.26 0 0 1-19.47-12.75c-.014-.033-.041-.056-.06-.085c-.026-.042-.049-.085-.084-.12c-.039-.039-.087-.065-.134-.094c-.026-.016-.045-.039-.073-.051l-.011-.002c-.057-.024-.117-.031-.179-.039c-.027-.003-.053-.015-.08-.015c-.042 0-.083.015-.126.023c-.046.009-.092.012-.135.03l-.015.003c-.034.015-.058.042-.088.062c-.041.026-.083.048-.117.082c-.037.037-.061.081-.088.125c-.018.029-.044.05-.057.082a21.26 21.26 0 0 1-19.47 12.75a21.26 21.26 0 0 1-19.47-12.75c-.014-.033-.041-.056-.06-.085c-.026-.042-.049-.085-.084-.12c-.039-.039-.087-.065-.134-.094c-.026-.016-.045-.039-.073-.051l-.011-.002c-.057-.024-.119-.031-.181-.039c-.026-.003-.052-.014-.078-.014c-.041 0-.082.015-.124.023c-.047.009-.094.012-.138.03l-.014.003c-.033.015-.056.041-.086.06c-.042.026-.085.049-.12.084c-.036.036-.06.081-.087.123c-.018.029-.044.051-.058.083a21.26 21.26 0 0 1-19.47 12.75a.68.68 0 0 0 0 1.36c8.5 0 16.233-4.774 20.093-12.271c3.859 7.497 11.592 12.271 20.093 12.271s16.233-4.774 20.093-12.271c3.859 7.497 11.592 12.271 20.093 12.271c.376 0 .68-.305.68-.68s-.301-.682-.677-.682"/></svg>

Beachumbrella アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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