Bubble Tea アイコン

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

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

openmoji:bubble-tea

Bubble Tea アイコン(openmoji:bubble-tea)は、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
カテゴリ: 飲食
タグ: bubbletea

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#f4aa41" d="M42.978 61.958H27.145a4.085 4.085 0 0 1-3.935-3.582L19.092 31.15A1 1 0 0 1 20.08 30h29.984a1 1 0 0 1 .988 1.15l-4.175 27.457a3.944 3.944 0 0 1-3.9 3.351"/><path fill="#b399c8" d="m39.073 32.017l-1.379 15.166a1 1 0 0 1-.976.785a.6.6 0 0 1-.156 0l-4.546-.092a1.1 1.1 0 0 1-.763-.464a1 1 0 0 1-.134-.76l.981-14.635Zm-5.251-6.623l.259-1.152c1.336-5.944 3.088-8.447 8.151-11.642l7.485-4.77a1 1 0 0 1 1.372.293l2.614 3.968a1 1 0 0 1-.293 1.39l-8.016 5.171a10.54 10.54 0 0 0-4.594 6.585l-.043.195Z"/><path fill="#92d3f5" d="M52.902 32.017H17.25a1 1 0 0 1-1-1v-2.114a3.513 3.513 0 0 1 3.509-3.508h30.634a3.513 3.513 0 0 1 3.51 3.508v2.114a1 1 0 0 1-1 1"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M49.55 34.193L45.902 58.35a3.07 3.07 0 0 1-3.032 2.61H27.25a3.07 3.07 0 0 1-3.034-2.609l-3.653-24.157"/><circle cx="28.806" cy="55.731" r="2"/><circle cx="39.117" cy="56.566" r="2"/><circle cx="27.877" cy="47.217" r="2"/><circle cx="42.267" cy="43.979" r="2"/><circle cx="25.877" cy="41.002" r="2"/><circle cx="34.404" cy="52.052" r="2"/><circle cx="42.267" cy="50.452" r="2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M52.902 28.904a2.516 2.516 0 0 0-2.509-2.51H19.76a2.516 2.516 0 0 0-2.509 2.51v2.112h35.652Z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m34.64 26.395l.76-3.347c1.224-4.62 2.928-6.801 7.366-9.603l7.488-4.774l2.614 3.97l-8.015 5.17a11.6 11.6 0 0 0-4.398 5.237l-.796 3.347m-1.288-9.427l3.649 3.425m-.875-5.862l2.585 4.105m-7.338 1.473l4.466 2.084m-7.918 12l-.843 12.682m5.774-12.682L36.71 46.98"/></svg>

Bubble Tea アイコンの使い方

React

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

<Icon icon="openmoji:bubble-tea" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:bubble-tea" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:bubble-tea" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:bubble-tea"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/bubble-tea.svg" alt="Bubble Tea アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Bubble Tea アイコン

Bubble Tea アイコンのよくある質問

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

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

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

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

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

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

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