Coffee Mug Remix アイコン
streamline-plump:coffee-mug-remix
Coffee Mug Remix アイコン(streamline-plump:coffee-mug-remix)は、Plump free icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 飲食
- タグ
- coffeemug、mugremix、coffeemugremix
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M17.16 1.54a2.5 2.5 0 0 1 .407 3.513c-.281.355-.364.642-.37.894c-.005.27.076.732.516 1.42c.845 1.318 1.335 2.742 1.304 4.22c-.03 1.494-.59 2.81-1.45 3.896a2.5 2.5 0 1 1-3.918-3.106c.281-.355.364-.642.37-.894c.005-.269-.076-.732-.516-1.42c-.845-1.318-1.335-2.742-1.304-4.219c.03-1.494.59-2.812 1.45-3.897a2.5 2.5 0 0 1 3.512-.406m9.108 0a2.5 2.5 0 0 1 .407 3.513c-.282.355-.365.642-.37.894c-.006.27.075.732.515 1.42c.845 1.318 1.335 2.742 1.305 4.22c-.031 1.494-.59 2.81-1.45 3.896a2.5 2.5 0 1 1-3.919-3.106c.281-.355.365-.642.37-.894c.005-.269-.075-.732-.516-1.42c-.844-1.318-1.334-2.742-1.304-4.219c.03-1.494.59-2.812 1.45-3.897a2.5 2.5 0 0 1 3.512-.406m9.24 20.96h.669c1.352 0 2.191.878 2.255 1.844a31 31 0 0 1 0 4.061c-.064.966-.903 1.844-2.255 1.844h-.366c-.037-3.441-.167-5.977-.303-7.749m7.913 1.514c-.263-3.984-3.66-6.494-7.203-6.514H29.18v.002H10.186c-2.718 0-5.134 1.982-5.36 4.856c-.165 2.098-.324 5.312-.324 9.893c0 1.91.028 3.53.072 4.9c.167 5.166 3.663 9.256 9.004 9.639c1.768.126 3.937.21 6.584.21s4.815-.084 6.584-.21c5.34-.383 8.836-4.473 9.003-9.638q.03-.88.047-1.903h.38c3.559 0 6.981-2.514 7.245-6.514a36 36 0 0 0 0-4.72M8.814 22.671c.05-.63.575-1.169 1.372-1.169h19.951c.797 0 1.323.539 1.373 1.17c.155 1.981.311 5.09.311 9.579c0 1.872-.027 3.449-.07 4.771c-.107 3.307-2.177 5.555-5.291 5.778c-1.662.119-3.735.2-6.298.2s-4.636-.081-6.298-.2c-3.115-.223-5.185-2.471-5.292-5.778c-.043-1.322-.07-2.899-.07-4.771c0-4.49.156-7.598.312-9.58" clip-rule="evenodd"/></svg>Coffee Mug Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:coffee-mug-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:coffee-mug-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:coffee-mug-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--coffee-mug-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:coffee-mug-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:coffee-mug-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/coffee-mug-remix.svg" alt="Coffee Mug Remix アイコン" width="24" height="24">Plump free icons の関連アイコン
他のアイコンセットの Coffee Mug Remix アイコン
Coffee Mug Remix アイコン のよくある質問
Coffee Mug Remix アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Coffee Mug Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:coffee-mug-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Coffee Mug Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/coffee-mug-remix.svg" alt="Coffee Mug Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。