ICONYZ
English
Electric Coffee Percolator icon from OpenMoji

Electric Coffee Percolator icon

openmoji:electric-coffee-percolator

The Electric Coffee Percolator icon (openmoji:electric-coffee-percolator) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
OpenMoji
Author
OpenMoji
License
CC-BY-SA-4.0
Size
72 × 72
Category
Extras Openmoji
Tags
electriccoffee, coffeepercolator, electriccoffeepercolator
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#3f3f3f" fill-rule="evenodd" d="M49.5 21H42v2.5h7.5v4C49.5 30 44 41 44 41l3 6s5-15.5 5-19.5V21z" clip-rule="evenodd"/><path fill="#d0cfce" d="M18 27.5V21h4v4c0 2.5 4 6 4 6l-3 16s-5-15.5-5-19.5"/><path fill="#d0cfce" fill-rule="evenodd" d="M27.11 17c.635-2.838 3.926-5 7.89-5s7.255 2.162 7.89 5H43l5 33.5l-3 9.5H25l-3-9.5L27 17z" clip-rule="evenodd"/><path fill="#d0cfce" fill-rule="evenodd" d="M32.667 60H30l-2-9.5L31.333 17H34l-3.333 33.5z" clip-rule="evenodd"/><path fill="#3f3f3f" fill-rule="evenodd" d="M47.776 49H22.224L22 50.5l3 9.5h20l3-9.5z" clip-rule="evenodd"/><circle cx="35.5" cy="55" r="2" fill="#d22f27" stroke="#9b9b9a" stroke-width="2"/><path fill="#3f3f3f" d="M33 8h4v4h-4z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M44 21h8v6.5c0 3.238-3.277 14.013-4.525 18M44 23.5h5.5v4c0 1.48-1.927 5.938-3.5 9.33m-23.5 8.59C21.234 41.371 18 30.717 18 27.5V21h4v4c0 1.667 1.778 3.778 2.963 5"/><path d="M43 17h-1q0 .075.011.148zm-16 0l.989.148A1 1 0 0 0 28 17zm-5 33.5l-.989-.148a1 1 0 0 0 .035.45zm3 9.5l-.954.301A1 1 0 0 0 25 61zm20 0v1a1 1 0 0 0 .954-.699zm3-9.5l.954.301a1 1 0 0 0 .035-.449zM35 13c2.052 0 3.862.522 5.127 1.313C41.407 15.112 42 16.087 42 17h2c0-1.85-1.197-3.373-2.813-4.383C39.557 11.597 37.367 11 35 11zm-7 4c0-.912.594-1.888 1.873-2.687C31.138 13.522 32.948 13 35 13v-2c-2.367 0-4.557.598-6.187 1.617C27.197 13.627 26 15.15 26 17zm-1.989-.148l-5 33.5l1.978.296l5-33.5zm-4.965 33.95l3 9.5l1.908-.603l-3-9.5zM25 61h10v-2H25zm10 0h10v-2H35zm10.954-.699l3-9.5l-1.908-.602l-3 9.5zm3.035-9.949l-5-33.5l-1.978.296l5 33.5z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="M35.5 57a2 2 0 1 1 0-4"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M23 50h21.5"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="M27 17h13"/><path fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2" d="M33 8h4v4h-4z"/></svg>

How to use the Electric Coffee Percolator icon

React

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

<Icon icon="openmoji:electric-coffee-percolator" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:electric-coffee-percolator" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:electric-coffee-percolator" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--electric-coffee-percolator]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:electric-coffee-percolator"></div>

Web component

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

<iconify-icon icon="openmoji:electric-coffee-percolator"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/openmoji/electric-coffee-percolator.svg" alt="Electric Coffee Percolator icon" width="24" height="24">

Related icons in OpenMoji

Electric Coffee Percolator icon FAQ

Is the Electric Coffee Percolator icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Electric Coffee Percolator icon in React?

Install @iconify/react and render <Icon icon="openmoji:electric-coffee-percolator" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Electric Coffee Percolator icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/electric-coffee-percolator.svg" alt="Electric Coffee Percolator icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →