Tea Cup Remix アイコン
streamline-flex:tea-cup-remix
Tea Cup Remix アイコン(streamline-flex:tea-cup-remix)は、Flex free icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- 飲食
- タグ
- teacup、cupremix、teacupremix
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M4.118 1.136A.75.75 0 1 0 2.832.364a2.16 2.16 0 0 0-.329 1.12c0 .404.124.78.329 1.121a.75.75 0 1 0 1.286-.772a.67.67 0 0 1-.115-.349c0-.085.024-.197.115-.348m-1.02 3.882a48 48 0 0 1 6.275.016c.038.672.036 1.332.034 2.078v.51q0 .274-.014.511c-.05 1.003-.937 1.909-2.018 2.084c-.871.142-1.653.156-2.506.014c-1.08-.18-1.967-1.093-2.019-2.098a10 10 0 0 1-.013-.51V7.11c-.002-.662-.004-1.255.023-1.856a.25.25 0 0 1 .238-.236m-.084-1.247c2.189-.147 4.94-.127 6.982.06l.045.005l.322.015c1.32.074 2.606 1.123 2.606 2.58c0 1.407-1.198 2.441-2.474 2.57c-.412 1.285-1.611 2.238-2.92 2.45c-.987.16-1.907.18-2.912.013c-1.569-.26-2.975-1.59-3.061-3.267q-.014-.269-.014-.574l-.001-.496c-.002-.665-.004-1.295.024-1.928a1.5 1.5 0 0 1 1.403-1.428m7.642 3.852v.08c.615-.177 1.063-.71 1.063-1.271c0-.567-.458-1.105-1.089-1.278c.03.652.029 1.293.027 1.97zm2.543 6.375a.75.75 0 1 0 .102-1.496a92 92 0 0 0-12.602 0a.75.75 0 1 0 .102 1.496a91 91 0 0 1 12.398 0M6.347.108a.75.75 0 0 1 .257 1.028a.67.67 0 0 0-.115.348c0 .086.024.198.115.349a.75.75 0 1 1-1.286.772a2.16 2.16 0 0 1-.329-1.12c0-.404.124-.78.33-1.121A.75.75 0 0 1 6.346.107M9.09 1.135A.75.75 0 1 0 7.805.364a2.16 2.16 0 0 0-.33 1.12c0 .404.125.78.33 1.121a.75.75 0 1 0 1.285-.772a.67.67 0 0 1-.114-.349c0-.085.024-.197.114-.348" clip-rule="evenodd"/></svg>Tea Cup Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:tea-cup-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:tea-cup-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:tea-cup-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--tea-cup-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:tea-cup-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:tea-cup-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/tea-cup-remix.svg" alt="Tea Cup Remix アイコン" width="24" height="24">Flex free icons の関連アイコン
他のアイコンセットの Tea Cup Remix アイコン
Tea Cup Remix アイコン のよくある質問
Tea Cup Remix アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Tea Cup Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:tea-cup-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tea Cup Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/tea-cup-remix.svg" alt="Tea Cup Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。