Cachet icon

logos:cachet

The Cachet icon (logos:cachet) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 130 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 130

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="130" viewBox="0 0 512 130"><path fill="#7ed321" d="m94.387 14.642l1.866-1.902l2.418-2.466l-2.984-1.74A62.46 62.46 0 0 0 64.107 0C28.937 0 .447 29.056.447 64.873s28.49 64.874 63.66 64.874s63.659-29.057 63.659-64.874a65.8 65.8 0 0 0-3.974-22.608l-1.462-4.007l-2.986 3.046l-1.985 2.024l-1.162 1.185l.538 1.57a57.9 57.9 0 0 1 3.11 18.79c0 31.438-24.967 56.903-55.739 56.903S8.368 96.31 8.368 64.873S33.335 7.971 64.106 7.971a54.6 54.6 0 0 1 27.033 7.128l.617.35h1.84zm-3.841-3.766l1.92 1.883v-2.69v2.69l1.328-2.34a59.96 59.96 0 0 0-29.688-7.828C30.34 2.59 2.988 30.487 2.988 64.873s27.352 62.283 61.118 62.283s61.119-27.897 61.119-62.283a63.3 63.3 0 0 0-3.4-20.533l-.624 2.755l1.985-2.025l-4.448-.96a60.5 60.5 0 0 1 3.647 20.763c0 32.87-26.104 59.494-58.278 59.494S5.827 97.742 5.827 64.873S31.933 5.38 64.108 5.38a57.1 57.1 0 0 1 28.87 7.8l1.355-2.323l-1.921-1.883z"/><path fill="#7ed321" d="m49.5 80.123l.364-.372l72.218-73.657l2.792-2.847l5.582 5.694l-2.79 2.847l-72.22 73.657l-.363.371L49.5 91.51l-2.791-2.847l-20.152-20.552l-2.791-2.847l5.583-5.694l2.79 2.847z"/><path fill="#5e5e5e" d="M149.744 64.112q0-7.174 2.522-14.29q2.521-7.118 7.342-12.722t11.88-9.135q7.062-3.53 16.029-3.53q10.647 0 18.157 4.819q7.51 4.82 11.209 12.553l-6.277 3.811q-1.905-3.923-4.595-6.613t-5.829-4.371a25 25 0 0 0-6.5-2.41a31.2 31.2 0 0 0-6.614-.728q-7.173 0-12.665 2.914q-5.493 2.913-9.247 7.622q-3.755 4.707-5.66 10.591q-1.905 5.885-1.906 11.937q0 6.613 2.298 12.666q2.298 6.052 6.277 10.704a30.2 30.2 0 0 0 9.415 7.397q5.436 2.747 11.825 2.747q3.362 0 6.893-.841a26.6 26.6 0 0 0 6.837-2.69a28.8 28.8 0 0 0 6.108-4.596q2.803-2.745 4.708-6.669l6.5 3.363a24.3 24.3 0 0 1-5.38 7.902a35.4 35.4 0 0 1-7.733 5.772a38.5 38.5 0 0 1-9.023 3.587q-4.763 1.233-9.359 1.233q-8.182 0-15.019-3.587q-6.837-3.585-11.769-9.359q-4.932-5.773-7.678-13.114t-2.746-14.963m95.944 41.471q-4.483 0-8.182-1.4q-3.698-1.402-6.333-3.868a17.7 17.7 0 0 1-4.09-5.716a16.5 16.5 0 0 1-1.458-6.837q0-4.035 1.794-7.342q1.793-3.305 5.043-5.66t7.79-3.643q4.539-1.29 10.032-1.289q4.371 0 8.966.785q4.596.784 8.183 2.242v-5.268q0-7.734-4.428-12.274q-4.426-4.539-11.937-4.539q-4.707 0-9.359 1.793q-4.651 1.794-9.47 5.156l-2.69-5.043q5.716-3.812 11.095-5.717t11.209-1.905q10.647 0 16.925 6.164q6.276 6.165 6.276 17.037V94.6q0 3.138 2.69 3.138v6.725q-.896.112-1.681.168q-.784.057-1.345.057q-2.241 0-4.091-1.345t-2.074-4.036l-.224-4.595q-3.81 5.156-10.031 8.014q-6.22 2.858-12.61 2.858m1.906-5.828q5.043 0 10.031-2.186t7.902-5.996a11.8 11.8 0 0 0 1.345-2.186q.56-1.177.56-2.186v-9.527a46.4 46.4 0 0 0-7.957-2.241q-4.147-.785-8.07-.785q-8.183 0-13.282 3.306t-5.1 9.135q0 2.354.896 4.596q.898 2.242 2.746 4.035q1.85 1.794 4.54 2.914t6.389 1.12m40.238-24.659q0-6.165 2.13-11.656t5.996-9.584q3.867-4.09 9.247-6.444t11.88-2.354q8.295 0 14.46 3.755q6.164 3.755 9.303 10.143l-7.398 2.354q-2.466-4.484-6.837-7.005q-4.371-2.523-9.751-2.522q-4.485 0-8.35 1.793a21.3 21.3 0 0 0-6.726 4.876q-2.858 3.083-4.483 7.341q-1.626 4.26-1.625 9.303q0 4.933 1.681 9.303t4.595 7.566a21.9 21.9 0 0 0 6.782 5.044q3.866 1.85 8.238 1.85q2.802 0 5.548-.785a21.5 21.5 0 0 0 5.1-2.186q2.353-1.401 4.035-3.194q1.68-1.794 2.354-3.811l7.397 2.241q-1.232 3.14-3.587 5.773q-2.353 2.633-5.548 4.595t-7.061 3.026a30 30 0 0 1-8.014 1.065q-6.39 0-11.769-2.41q-5.38-2.409-9.303-6.613q-3.923-4.203-6.108-9.695q-2.187-5.492-2.186-11.769m114.55 29.366h-7.622V71.846q0-9.976-3.418-14.907q-3.42-4.932-10.032-4.932q-3.25 0-6.445 1.289a23.9 23.9 0 0 0-5.996 3.53a24.3 24.3 0 0 0-4.876 5.269a22.3 22.3 0 0 0-3.082 6.613v35.754h-7.622V22.641h7.622v36.651q3.585-6.613 9.751-10.423q6.165-3.811 13.226-3.811q5.043 0 8.574 1.85a15.2 15.2 0 0 1 5.717 5.155q2.186 3.307 3.194 7.958q1.01 4.652 1.009 10.256zm41.359 1.121q-6.39 0-11.769-2.41q-5.38-2.409-9.303-6.613q-3.922-4.203-6.109-9.695q-2.185-5.492-2.185-11.769q0-6.165 2.185-11.6q2.187-5.436 6.109-9.528q3.922-4.09 9.247-6.5t11.713-2.41t11.713 2.41t9.134 6.557q3.81 4.146 5.94 9.527t2.13 11.432q0 .897-.056 1.794q-.055.895-.168 1.233h-49.877q.337 4.707 2.185 8.686q1.85 3.979 4.708 6.893a20.7 20.7 0 0 0 6.613 4.54q3.755 1.625 8.014 1.625q2.914 0 5.716-.785a22.7 22.7 0 0 0 5.156-2.13a18 18 0 0 0 4.203-3.306q1.85-1.962 2.858-4.315l6.613 1.793a19.4 19.4 0 0 1-3.81 5.885q-2.467 2.633-5.717 4.595t-7.173 3.026a30.7 30.7 0 0 1-8.07 1.065m21.52-33.4q-.336-4.709-2.186-8.575q-1.85-3.867-4.707-6.67q-2.859-2.802-6.67-4.37q-3.81-1.57-8.07-1.57q-4.258 0-8.07 1.57q-3.81 1.568-6.668 4.37t-4.596 6.726q-1.738 3.923-2.073 8.518zm46.403 29.477q-.673.336-1.962.897a36 36 0 0 1-2.97 1.12q-1.68.56-3.81 1.01q-2.13.448-4.484.448q-2.466 0-4.708-.673t-3.923-2.073q-1.68-1.401-2.69-3.53q-1.008-2.13-1.008-4.933V52.12h-8.07v-6.052h8.07V26.34h7.621v19.727h13.45v6.052h-13.45v39.678q.225 3.25 2.242 4.763q2.017 1.514 4.82 1.514q3.25 0 5.716-1.065t3.138-1.513z"/></svg>

How to use the Cachet icon

React

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

<Icon icon="logos:cachet" width="24" />

Vue

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

<template>
  <Icon icon="logos:cachet" width="24" />
</template>

Svelte

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

<Icon icon="logos:cachet" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:cachet"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/cachet.svg" alt="Cachet icon" width="24" height="24">

Cachet icon in other icon sets

Cachet icon FAQ

Is the Cachet icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Cachet icon in React?

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

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

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

Browse all SVG Logos icons →