Coffee Hot icon
ps:coffee-hot
The Coffee Hot icon (ps:coffee-hot) is a free SVG icon from the PrestaShop Icons set by PrestaShop. It is drawn on a 432 × 512 grid. PrestaShop Icons use the CC BY-NC 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- PrestaShop Icons
- Author
- PrestaShop
- License
- CC-BY-NC-4.0
- Size
- 432 × 512
- Tags
- coffeehot
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="432" height="512" viewBox="0 0 432 512"><path fill="currentColor" d="M0 213v150q0 62 43.5 105.5T149 512h43q56 0 97.5-36.5T339 384h2q35 0 60.5-25t25.5-60t-25.5-60.5T341 213q0-17-12.5-29.5T299 171H43q-18 0-30.5 12.5T0 213m341 43q18 0 30.5 12.5T384 299q0 17-12.5 29.5T341 341zm-42 107q0 44-31 75t-76 31h-43q-44 0-75-31t-31-75V213h256zM145 34q10-19-6-30q-17-11-28 5l-11 14Q82 52 85.5 85.5T113 143q6 6 15 6t15-6q13-15 0-30q-13-13-15-31.5t9-34.5zm75 53l8-8q14-14 2-30q-4-6-13.5-6.5T201 47l-9 8q-22 19-19 45q3 28 32 45q2 4 8 4q12 0 20-10q11-19-9-30q-11-7-11-11z"/></svg>How to use the Coffee Hot icon
React
import { Icon } from "@iconify/react";
<Icon icon="ps:coffee-hot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ps:coffee-hot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ps:coffee-hot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--coffee-hot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ps -->
<div class="i-ps:coffee-hot"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ps:coffee-hot"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ps/coffee-hot.svg" alt="Coffee Hot icon" width="24" height="24">Related icons in PrestaShop Icons
Coffee Hot icon in other icon sets
Coffee Hot icon FAQ
Is the Coffee Hot icon free for commercial use?
No. PrestaShop Icons use the CC BY-NC 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Coffee Hot icon in React?
Install @iconify/react and render <Icon icon="ps:coffee-hot" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Coffee Hot icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ps/coffee-hot.svg" alt="Coffee Hot icon">, or paste the SVG code inline to style it with CSS.