Hotbeverage アイコン

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

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

fxemoji:hotbeverage

Hotbeverage アイコン(fxemoji:hotbeverage)は、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"><path fill="#D1CFC3" d="M231.773 124.228c-91.732 0-166.099 19.224-166.099 42.938c0 .17.043.338.051.508c1.057 23.479 74.974 42.429 166.048 42.429c91.078 0 164.995-18.952 166.049-42.431c.009-.17.049-.336.049-.506c0-23.715-74.363-42.938-166.098-42.938"/><path fill="#8E6049" d="M231.774 148.59c81.267 0 147.146 17.03 147.146 38.038s-65.88 38.038-147.146 38.038c-81.267 0-147.146-17.03-147.146-38.038s65.879-38.038 147.146-38.038"/><path fill="#E5E4DF" d="M407.562 200.84a93 93 0 0 0-9.541.49l-.147-32.874c0-.267-.036-.522-.052-.784c-1.055 23.48-74.971 42.431-166.049 42.431c-91.074 0-164.991-18.951-166.048-42.429c-.015.262-.051.516-.051.781l-.996 222.418s-.244 117.698 165.344 117.698c102.788 0 143.024-45.421 158.761-79.874c.482.013.964.024 1.437.024c58.949 0 85.198-31.217 96.837-57.405c12.932-29.096 12.932-61.803 12.932-83.446c0-49.614-39.734-87.03-92.427-87.03m42.322 153.956c-5.865 13.195-17.511 30.398-51.027 32.921l-.651-145.332a52 52 0 0 1 9.357-.864c14.606 0 27.887 4.695 37.395 13.22c9.39 8.418 14.353 19.875 14.353 33.131c-.001 18.205-.001 45.717-9.427 66.924"/><path fill="#E5E4DF" d="m215.353-1.166l2.734.032c1.71.059 4.987.438 8.47 1.497c3.544 1.151 7.921 3.046 12.114 6.577c4.243 3.438 8.282 8.419 11.005 14.691c2.744 6.238 4.243 13.701 3.664 21.66c-.551 7.916-3.232 16.49-8.902 23.876c-5.503 7.492-14.31 13.085-23.575 15.454c-9.089 1.88-12.69 2.777-17.923 5.769c-4.75 2.852-8.817 6.734-11.835 11.475c-1.527 2.352-2.732 4.929-3.804 7.554c-.962 2.671-1.758 5.412-2.225 8.203c-.981 5.566-1.001 11.225-.046 16.429c.899 5.216 2.629 10.008 4.91 14.085a41.7 41.7 0 0 0 7.959 10.189c2.886 2.725 5.932 4.603 8.505 6.147c2.662 1.336 4.839 2.485 6.419 2.999l2.398.978l.307.124a2.932 2.932 0 0 1-1.163 5.649l-2.88-.055c-1.893-.016-4.68-.259-8.229-.976c-3.481-.878-7.898-1.993-12.43-4.631c-4.572-2.502-9.483-6.129-13.749-11.18c-4.275-5.021-7.911-11.356-10.269-18.582c-2.386-7.217-3.417-15.321-2.724-23.682c.623-8.351 3.104-17.01 7.688-24.91c4.471-7.957 11.421-14.857 19.471-19.721c2.089-1.05 4.121-2.287 6.293-3.105c2.147-.873 4.26-1.75 6.757-2.392c1.177-.33 2.461-.704 3.55-.961l2.744-.479l4.994-.85c5.015-1.146 9.305-3.349 12.544-6.904c3.279-3.473 5.556-8.092 6.594-12.902a32.5 32.5 0 0 0 .046-14.065c-.953-4.349-2.683-8.188-4.918-11.163c-2.232-2.97-4.765-5.252-7.126-6.88c-2.528-1.539-4.225-2.58-5.945-3.218l-2.545-1a2.97 2.97 0 0 1 1.122-5.732m64.683 57.106a2.464 2.464 0 0 0-3.392-.794l-1.309.812l-1.552.998c-.607.348-1.321.875-2.119 1.606c-.785.697-1.689 1.475-2.621 2.36l-2.668 3.013c-.909 1.12-1.692 2.444-2.619 3.797c-.881 1.376-1.577 2.948-2.423 4.556c-1.351 3.331-2.574 7.118-3.064 11.289c-.674 4.165-.341 8.662.411 13.246c.787 4.609 2.64 9.175 5.111 13.495c1.355 2.091 2.716 4.221 4.445 6.088c.818.971 1.639 1.947 2.607 2.776l2.503 2.255l2.358 2.123c.348.336.891.746 1.075 1.021l.678.848c.957.957 1.891 2.391 2.84 3.74c1.649 2.843 3.034 5.8 3.854 8.887c.75 3.078 1.338 6.169 1.3 9.16c.113 2.997-.281 5.833-.749 8.481c-.375 1.268-.549 2.593-.962 3.76c-.439 1.151-.795 2.305-1.237 3.343l-1.324 2.924a70 70 0 0 0-1.388 2.397c-.784 1.544-1.724 2.511-2.208 3.347c-.538.801-.823 1.229-.823 1.229l-.145.216a2.488 2.488 0 0 0 3.106 3.644s.521-.239 1.473-.766c.925-.555 2.479-1.193 4.049-2.531c.821-.629 1.755-1.329 2.698-2.173q1.32-1.381 2.843-2.979c1.883-2.272 3.734-5.095 5.366-8.441c1.445-3.391 2.756-7.28 3.193-11.566c.638-4.268.322-8.891-.602-13.543c-.948-4.67-2.952-9.277-5.599-13.559c-1.445-2.063-2.838-4.133-4.868-6.177l-1.443-1.501c-.502-.529-.836-.731-1.264-1.113l-2.433-2.038l-2.291-1.906c-.701-.484-1.268-1.103-1.851-1.708c-1.258-1.135-2.228-2.508-3.265-3.829c-1.824-2.804-3.359-5.802-4.342-8.949c-.92-3.147-1.493-6.364-1.487-9.458c-.17-3.111.313-6.05.876-8.757c.399-1.309.655-2.646 1.113-3.831c.502-1.16.879-2.343 1.408-3.359l1.499-2.89l1.468-2.211c.745-1.386 2.025-2.521 2.584-3.273l.988-1.182a2.47 2.47 0 0 0 .202-2.877"/></svg>

Hotbeverage アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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