What does the Cachet icon mean?

The cachet icon represents the Cachet project, likely an open-source status page system. Cachet is used for creating status pages to communicate system uptime and performance.

Where is the Cachet icon used?

The cachet icon might appear in web applications or services related to status pages, monitoring, or system uptime, reinforcing brand identity.

What does the Cachet icon tell users?

The cachet icon communicates reliability and transparency, values important for system status communication.

Can I download the Cachet icon as SVG or PNG?

Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.

How do I install the Cachet icon with the shadcn CLI?

Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds the icon to components/icons/logos-cachet.tsx.

How do I use the Cachet icon in Next.js or React?

Copy it as React (from Get icon, or the Code section): a typed CachetIcon component you paste into your project, with no package to install. It works in Next.js and any React app.

How do I use the Cachet icon in Vue, Svelte or Angular?

Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside.

Can my AI agent install it for me?

With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Cachet icon, or any of 2,063 SVG Logos icons, and install it from a prompt.

Can I use the Cachet icon in commercial projects?

CC0 puts the icons in the public domain: use them anywhere, with no conditions. The full terms are in the license, linked on this page.

Is the Cachet icon free?

Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.

How do I change the color of the Cachet icon?

It's multicolor, so it keeps its own colors.

How do I change the size of the Cachet icon?

Set width and height on the component, or a class like size-6. It's drawn on a 256 × 256 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.

How do I make the Cachet icon accessible?

Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Cachet", so screen readers say what it does.

Cachet

The cachet icon represents the Cachet project, likely an open-source status page system.

Add shadcn.io to your AI agent. · Pro It installs Cachet, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 95 × 24 px

Get Pro

2,063 in SVG Logos CC0 license (opens in a new tab)Free to copy and download

Code

Cachet in your framework

In any framework. Customize it above, and the code follows.

export const CachetIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="95" height="24" viewBox="0 0 512 130" {...props}>
    <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>
);

Other libraries

Cachet in 1 more libraries

Each library draws it its own way. Open one to compare.

SVG Logos

Icons that share its tags, in the same style.

All 2,063 icons

Search SVG Logos

Skip the copy and paste. With Pro, your AI agent finds and installs any SVG Logos icon from a prompt.

Get Pro

Browse by tag

Cachet is tagged icon, status, logo and 1 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

SVG Logos MCP, with Pro

Ask for Cachet or any of 2,063 SVG Logos icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billing

Billed once a year in USD. Cancel anytime.

How many people can use the license.
Client work, SaaS products and anything you charge for.
Production-ready React sections: hero, pricing, features, dashboards and more.
Complete multi-page sites you can ship as they are.
React icons from every major library, installable with one command.
Presets that restyle every block, in light and dark.
Lets your AI editor search, preview and install blocks for you.
Priority requests are answered first.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

Seats: 1 seat
Commercial use: Personal & open source only
Pro blocks: 6,000+ blocks
Templates: All 14 templates
React icons: 294k+ icons
Themes: All 59 themes
MCP server: Basic usage
Support: Standard

Team

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Seats: Unlimited seats
Commercial use: Included
Pro blocks: 6,000+ blocks
Templates: All 14 templates
React icons: 294k+ icons
Themes: All 59 themes
MCP server: Unlimited usage
Support: Priority

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

How many people can use the license.Seats: 1 seat
Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
Complete multi-page sites you can ship as they are.Templates: All 14 templates
React icons from every major library, installable with one command.React icons: 294k+ icons
Presets that restyle every block, in light and dark.Themes: All 59 themes
Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
Priority requests are answered first.Support: Standard

Team

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

How many people can use the license.Seats: Unlimited seats
Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage

Secure checkout via Stripe
Code lives in your repo
Keep what you've shipped if you cancel
License terms

FAQ

Frequently asked questions

What the Cachet icon means and where it's used, then how to install, style and license it.

Install Cachet from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro

Cachet

Cachet in your framework

Cachet in 1 more libraries

More like it

Browse by tag

SVG Logos MCP, with Pro

Individual

Team

Organization

Individual

Team

Organization

Frequently asked questions

What does the Cachet icon mean?

Where is the Cachet icon used?

What does the Cachet icon tell users?

How do I install the Cachet icon with the shadcn CLI?

How do I use the Cachet icon in Next.js or React?

How do I use the Cachet icon in Vue, Svelte or Angular?

Can my AI agent install it for me?

How do I change the color of the Cachet icon?

How do I change the size of the Cachet icon?

How do I make the Cachet icon accessible?

Can I download the Cachet icon as SVG or PNG?

Can I use the Cachet icon in commercial projects?

Is the Cachet icon free?

Install Cachet from a prompt