Espresso Machine アイコン
openmoji:espresso-machine
Espresso Machine アイコン(openmoji:espresso-machine)は、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
- カテゴリ
- OpenMoji 追加分
- タグ
- espressomachine
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><rect width="48" height="48" x="12" y="12" fill="#9b9b9a" rx="1"/><path fill="#d0cfce" d="M24 26h23l-2 8H26z"/><circle cx="35" cy="19" r="4" fill="#fff"/><path stroke="#d22f27" stroke-linecap="round" stroke-width="2" d="M35 19v-1"/><path fill="#a57939" d="M18.152 15.358a1 1 0 0 1 1.696 0l.37.593a1 1 0 0 0 .814.47l.698.024a1 1 0 0 1 .848 1.469l-.328.616a1 1 0 0 0 0 .94l.328.616a1 1 0 0 1-.848 1.47l-.698.024a1 1 0 0 0-.814.47l-.37.592a1 1 0 0 1-1.696 0l-.37-.593a1 1 0 0 0-.814-.47l-.698-.024a1 1 0 0 1-.848-1.469l.328-.616a1 1 0 0 0 0-.94l-.328-.616a1 1 0 0 1 .848-1.47l.698-.024a1 1 0 0 0 .814-.47zM39 28c0 2.21 7.79 4 10 4a4 4 0 0 0 0-8c-2.21 0-10 1.79-10 4"/><circle cx="53.5" cy="18.5" r="2.5" fill="#d22f27"/><path fill="#fff" d="M25 52h20l-2 3H27z"/><g fill="#fff"><path fill-rule="evenodd" d="M35 53c3.314 0 6-4.477 6-10H29c0 5.523 2.686 10 6 10" clip-rule="evenodd"/><path d="M41 43h1a1 1 0 0 0-1-1zm-12 0v-1a1 1 0 0 0-1 1zm11 0c0 2.611-.637 4.927-1.615 6.557C37.395 51.206 36.168 52 35 52v2c2.146 0 3.918-1.445 5.1-3.414C41.294 48.596 42 45.91 42 43zm-11 1h12v-2H29zm6 8c-1.168 0-2.395-.794-3.385-2.443C30.637 47.927 30 45.61 30 43h-2c0 2.911.706 5.596 1.9 7.586C31.082 52.556 32.854 54 35 54z"/></g><circle cx="53.5" cy="18.5" r="2.5" fill="none" stroke="#d0cfce" stroke-width="2"/><g stroke="#000" stroke-width="2"><rect width="48" height="48" x="12" y="12" fill="none" stroke-linejoin="round" rx="1"/><path fill="none" d="M12 26h12"/><path fill="none" stroke-linecap="round" d="M56 26h4"/><path d="M12 55h48"/><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="M40.5 26H24l2 8h18"/><circle cx="35" cy="19" r="4" fill="none"/><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="M30.2 49c-.754-1.671-1.2-3.749-1.2-6h12c0 2.251-.446 4.329-1.2 6"/><path fill="none" d="M18.152 15.358a1 1 0 0 1 1.696 0l.37.593a1 1 0 0 0 .814.47l.698.024a1 1 0 0 1 .848 1.469l-.328.616a1 1 0 0 0 0 .94l.328.616a1 1 0 0 1-.848 1.47l-.698.024a1 1 0 0 0-.814.47l-.37.592a1 1 0 0 1-1.696 0l-.37-.593a1 1 0 0 0-.814-.47l-.698-.024a1 1 0 0 1-.848-1.469l.328-.616a1 1 0 0 0 0-.94l-.328-.616a1 1 0 0 1 .848-1.47l.698-.024a1 1 0 0 0 .814-.47zM39 28c0 2.21 7.79 4 10 4a4 4 0 0 0 0-8c-2.21 0-10 1.79-10 4Z"/><path fill="none" stroke-linecap="round" d="M53.5 21a2.5 2.5 0 0 1 0-5"/><path fill="none" stroke-linejoin="round" d="M25 52h20l-2 3H27z"/></g></svg>Espresso Machine アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:espresso-machine" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:espresso-machine" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:espresso-machine" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--espresso-machine]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:espresso-machine"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:espresso-machine"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/espresso-machine.svg" alt="Espresso Machine アイコン" width="24" height="24">他のアイコンセットの Espresso Machine アイコン
Espresso Machine アイコン のよくある質問
Espresso Machine アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Espresso Machine アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:espresso-machine" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Espresso Machine アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/espresso-machine.svg" alt="Espresso Machine アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。