Cofi icon

arcticons:cofi

The Cofi icon (arcticons:cofi) is a free SVG icon from the Arcticons set by Donnnno. It is drawn on a 48 × 48 grid. Arcticons 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: Arcticons
Author: Donnnno
License: CC-BY-SA-4.0
Size: 48 × 48

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M35.714 23.744c.555 5.063-1.294 9.488-4.511 11.887a3.405 3.405 0 0 0-4.189 1.778a10 10 0 0 1-1.592.126c-6.518 0-12.48-6.174-13.315-13.79c-.567-5.173 1.376-9.68 4.722-12.04c.896.754 3.69-.234 3.723-1.58a10 10 0 0 1 1.847-.172c6.519 0 12.48 6.175 13.315 13.791"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.894 12.105c2.752 5.058 5.61 19.832 9.539 24.19M20.154 11.14c2.782 5.057 5.67 19.828 9.64 24.184M24 2.5v4.3m0 34.4v4.3M15.772 4.137l1.646 3.972M30.582 39.89l1.646 3.973M8.797 8.797l3.04 3.04m24.325 24.325l3.04 3.04M4.137 15.772l3.972 1.646M39.89 30.582l3.973 1.646M2.5 24h4.3m34.4 0h4.3M4.137 32.228l3.972-1.646M39.89 17.418l3.973-1.646M8.797 39.203l3.04-3.04m24.325-24.325l3.04-3.04m-23.43 35.065l1.646-3.972M30.582 8.11l1.646-3.973"/></svg>

How to use the Cofi icon

React

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

<Icon icon="arcticons:cofi" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:cofi" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:cofi" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--cofi]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:cofi"></div>

Web component

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

<iconify-icon icon="arcticons:cofi"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/arcticons/cofi.svg" alt="Cofi icon" width="24" height="24">

Cofi icon FAQ

Is the Cofi icon free for commercial use?

Yes. Arcticons 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 Cofi icon in React?

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

How do I add the Cofi icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/arcticons/cofi.svg" alt="Cofi icon">, or paste the SVG code inline to style it with CSS.

Browse all Arcticons →