Caffe icon
file-icons:caffe
The Caffe icon (file-icons:caffe) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 469 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 469 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="469" height="512" viewBox="0 0 469 512"><path fill="currentColor" d="m413.953 374.028l52.61-95.928a15.74 15.74 0 0 0-1.37-17.224l-57.751-74.361l46.275-115.88c7.727-19.35-21.51-31.026-29.238-11.676l-47.308 118.466l-59.284 27.697l-73.898-48.075V86.124c22.949-8.739 36.113-35.965 24.636-60.53c-14.463-30.954-57.292-34.641-76.907-6.62c-17.193 24.562-5.348 57.48 20.789 67.211v70.277l-65.44 46.697l-80.81-68.365c-15.97-13.512-36.304 10.523-20.332 24.035l84.58 71.555v86.863l-58.166 39.356c-19.052-15.039-48.84-12.63-64.27 9.413c-19.615 28.022-1.438 66.925 32.64 69.859c30.064 2.588 52.772-24.514 47.78-52.189l57.59-38.965l66.428 46.662v104.809c0 21.077 31.482 21.077 31.482 0V392.859l73.84-49.146l75.406 36.886c8.378 3.332 15.302 1.207 20.718-6.571M300.889 317.17l-71.508 47.594l-67.394-47.34v-86.236l65.924-47.043l72.978 47.476zm92.684 28.548l-61.202-29.94v-82.676l52.385-24.472l49.234 63.393z"/></svg>How to use the Caffe icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:caffe" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:caffe" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:caffe" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--caffe]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:caffe"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:caffe"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/caffe.svg" alt="Caffe icon" width="24" height="24">Related icons in File Icons
Caffe icon FAQ
Is the Caffe icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Caffe icon in React?
Install @iconify/react and render <Icon icon="file-icons:caffe" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Caffe icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/caffe.svg" alt="Caffe icon">, or paste the SVG code inline to style it with CSS.