Tropical Drink アイコン

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-emojis:tropical-drink

Tropical Drink アイコン(streamline-emojis:tropical-drink)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: 飲食
タグ: tropicaldrink

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M12.84 45.33a11.16 1.67 0 1 0 22.32 0a11.16 1.67 0 1 0-22.32 0" opacity=".15"/><path fill="#00b8f0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M33.07 43.36c-.55-1.06-3.33-1.91-6.94-2.16a.87.87 0 0 1-.82-.86v-7.07h-2.62v7.07a.87.87 0 0 1-.82.86c-3.61.25-6.39 1.1-6.94 2.16a.41.41 0 0 0 .2.56c.85.44 3.58 1.58 8.87 1.58s8-1.14 8.87-1.58a.41.41 0 0 0 .2-.56"/><path fill="#00b8f0" d="M31.86 9.67c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86 1.74l-1.32 16.17a9.18 9.18 0 0 0 18.36 0Z"/><path fill="#4acfff" d="m32.19 13.71l-.33-4c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86 1.74l-1.32 16.13a9.2 9.2 0 0 0 1 4.22a33.6 33.6 0 0 0 9.9-7.28a43.2 43.2 0 0 0 6.47-9.07"/><path fill="#00b8f0" d="M16.14 9.67a7.86 1.75 0 1 0 15.72 0a7.86 1.75 0 1 0-15.72 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M31.86 9.67c0-1-3.52-1.74-7.86-1.74s-7.86.78-7.86 1.74l-1.32 16.17a9.18 9.18 0 0 0 18.36 0Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M31.86 9.67c0 1-3.52 1.75-7.86 1.75s-7.86-.78-7.86-1.75"/><path fill="#6dd627" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M12.49 12.16a.87.87 0 0 1-1.27-.4a5.68 5.68 0 0 1 9.51-5.88a.86.86 0 0 1-.21 1.31Z"/><path fill="#ff8a14" d="M17.88 16.23L17 25.84a7 7 0 1 0 14 0l-.87-9.61Z"/><path fill="#ff6242" d="M24 25.84a21.2 21.2 0 0 1-6.91-.91l-.08.91a7 7 0 1 0 14 0l-.08-.91a21.2 21.2 0 0 1-6.93.91"/><path fill="#ff8a14" d="M17.88 16.23a6.12.87 0 1 0 12.24 0a6.12.87 0 1 0-12.24 0"/><path fill="#bf8df2" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.18 17.54h2.63v-6.48a26 26 0 0 1-2.63.29Z"/><path fill="#ffaa54" d="M30.12 16.23c0 .48-2.74.87-6.12.87s-6.12-.39-6.12-.87L17 25.84a6.9 6.9 0 0 0 .78 3.21a33.2 33.2 0 0 0 8-6.27a47 47 0 0 0 4.44-5.7Z"/><path fill="#ff866e" d="m17.09 24.93l-.08.91a6.9 6.9 0 0 0 .78 3.21a36.5 36.5 0 0 0 4.74-3.24a18.3 18.3 0 0 1-5.44-.88"/><path fill="#9f5ae5" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m29.82 6.28l3.36-4L31 .5l-3.88 4.93a4.34 4.34 0 0 0-.94 2.7v3.22a26 26 0 0 0 2.63-.29v-2a4.3 4.3 0 0 1 1.01-2.78"/></svg>

Tropical Drink アイコンの使い方

React

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

<Icon icon="streamline-emojis:tropical-drink" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:tropical-drink" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:tropical-drink" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--tropical-drink]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:tropical-drink"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:tropical-drink"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/tropical-drink.svg" alt="Tropical Drink アイコン" width="24" height="24">

Streamline Emojis の関連アイコン

他のアイコンセットの Tropical Drink アイコン

Tropical Drink アイコンのよくある質問

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Streamline Emojis アイコンをすべて見る →