Drip Coffee Maker icon
openmoji:drip-coffee-maker
The Drip Coffee Maker icon (openmoji:drip-coffee-maker) 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
- dripcoffee, coffeemaker, dripcoffeemaker
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="M16.617 37.555A3 3 0 0 1 19.584 35h13.832a3 3 0 0 1 2.967 2.555l2.1 14A3 3 0 0 1 35.516 55H17.484a3 3 0 0 1-2.967-3.445z"/><path fill="#fff" fill-rule="evenodd" d="M20.744 35h-1.16a3 3 0 0 0-2.967 2.555l-2.1 14a3 3 0 0 0 .016.993A4.5 4.5 0 0 1 12 48.5v-12a4.5 4.5 0 0 1 8.744-1.5" clip-rule="evenodd"/><path fill="#6a462f" fill-rule="evenodd" d="M18 55h17a3 3 0 0 0 3-3v-7H15v7a3 3 0 0 0 3 3" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M13 12a1 1 0 0 0-1 1v13h31v29H12v4a1 1 0 0 0 1 1h46a1 1 0 0 0 1-1V13a1 1 0 0 0-1-1z" clip-rule="evenodd"/><rect width="4" height="20" x="49" y="19" fill="#d0cfce" rx="1"/><circle cx="51.5" cy="46.5" r="2.5" fill="#d22f27" stroke="#d0cfce" stroke-width="2"/><path fill="#fff" d="M17 29h19v6H17z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="M19.584 35a3 3 0 0 0-2.967 2.555l-2.1 14a3 3 0 0 0 .016.993A4.5 4.5 0 0 1 12 48.5v-12a4.5 4.5 0 0 1 4.5-4.5"/><path d="M12 26h-1a1 1 0 0 0 1 1zm31 0h1a1 1 0 0 0-1-1zm0 29v1a1 1 0 0 0 1-1zm-31 0v-1a1 1 0 0 0-1 1zm1-42v-2a2 2 0 0 0-2 2zm0 13V13h-2v13zm-1 1h31v-2H12zm30-1v29h2V26zm1 28H12v2h31zm-30 5v-4h-2v4zm0 0h-2a2 2 0 0 0 2 2zm46 0H13v2h46zm0 0v2a2 2 0 0 0 2-2zm0-46v46h2V13zm0 0h2a2 2 0 0 0-2-2zm-46 0h46v-2H13z"/><path fill="none" stroke="#000" stroke-width="2" d="M12 26h30.5M40 26V12.5"/><path stroke="#000" stroke-width="2" d="M12 55h48"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="M51.5 49a2.5 2.5 0 0 1 0-5"/><path fill="none" stroke="#000" stroke-width="2" d="M16.617 37.555A3 3 0 0 1 19.584 35h13.832a3 3 0 0 1 2.967 2.555l2.1 14A3 3 0 0 1 35.516 55H17.484a3 3 0 0 1-2.967-3.445z"/><path fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2" d="M17 29h19v6H17z"/><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M50 20v18"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="M50 20h2m-2 18h2m-2-9h2"/></svg>How to use the Drip Coffee Maker icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:drip-coffee-maker" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:drip-coffee-maker" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:drip-coffee-maker" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--drip-coffee-maker]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:drip-coffee-maker"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:drip-coffee-maker"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/drip-coffee-maker.svg" alt="Drip Coffee Maker icon" width="24" height="24">Drip Coffee Maker icon FAQ
Is the Drip Coffee Maker 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 Drip Coffee Maker icon in React?
Install @iconify/react and render <Icon icon="openmoji:drip-coffee-maker" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Drip Coffee Maker icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/drip-coffee-maker.svg" alt="Drip Coffee Maker icon">, or paste the SVG code inline to style it with CSS.