Coffeecupalt icon
whh:coffeecupalt
The Coffeecupalt icon (whh:coffeecupalt) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 832 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 832 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="832" height="1024" viewBox="0 0 832 1024"><path fill="currentColor" d="M768 256h-6l-26 320H573q-11-55-55-91.5T416 448t-102 36.5t-55 91.5H96L70 256h-6q-27 0-45.5-18.5T0 192.5T18.5 147T64 128V64q0-27 18.5-45.5T128 0h576q26 0 45 18.5T768 64v64q26 0 45 19t19 45.5t-19 45t-45 18.5M259 640q11 55 55 91.5T416 768t102-36.5t55-91.5h158l-27 320q-4 24-21.5 44t-42.5 20H192q-25 0-42.5-20T128 960l-27-320z"/></svg>How to use the Coffeecupalt icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:coffeecupalt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:coffeecupalt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:coffeecupalt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--coffeecupalt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:coffeecupalt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:coffeecupalt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/coffeecupalt.svg" alt="Coffeecupalt icon" width="24" height="24">Coffeecupalt icon FAQ
Is the Coffeecupalt icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Coffeecupalt icon in React?
Install @iconify/react and render <Icon icon="whh:coffeecupalt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Coffeecupalt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/coffeecupalt.svg" alt="Coffeecupalt icon">, or paste the SVG code inline to style it with CSS.