Where is the Zoho icon used?

The Zoho logo is used in various software and platforms related to productivity and business management.

What does the Zoho icon tell users?

The logo's design conveys a sense of professionalism and efficiency, making it recognizable in the business software domain.

Can I download the Zoho 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 Zoho 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-zoho.tsx.

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

Copy it as React (from Get icon, or the Code section): a typed ZohoIcon 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 Zoho 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 Zoho icon, or any of 2,063 SVG Logos icons, and install it from a prompt.

Can I use the Zoho 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 Zoho 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 Zoho icon?

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

How do I change the size of the Zoho 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 Zoho 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="Zoho", so screen readers say what it does.

Zoho

The Zoho logo represents the brand identity of Zoho, a suite of online business applications.

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

Set up MCP

Exports at 56 × 24 px

Get Pro

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

Code

Zoho in your framework

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

export const ZohoIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="56" height="24" viewBox="0 0 512 220" {...props}>
    <path fill="#089949" d="M228.648 174.915c-3.905 0-7.861-.812-11.665-2.485l-81.146-36.161c-14.505-6.441-21.047-23.532-14.606-38.037l36.16-81.146C163.832 2.58 180.924-3.962 195.43 2.479l81.146 36.161c14.505 6.441 21.047 23.532 14.606 38.037l-36.16 81.146c-4.819 10.752-15.368 17.092-26.373 17.092m-4.92-17.7c6.137 2.738 13.339-.05 16.077-6.137l36.161-81.146c2.739-6.137-.05-13.338-6.137-16.077l-81.196-36.16c-6.137-2.74-13.339.05-16.077 6.136l-36.161 81.146c-2.739 6.137.05 13.338 6.136 16.077z"/><path fill="#F9B21D" d="M483.193 174.966h-88.855c-15.874 0-28.807-12.933-28.807-28.807V57.304c0-15.875 12.933-28.807 28.807-28.807h88.855c15.874 0 28.807 12.932 28.807 28.807v88.855c0 15.874-12.933 28.807-28.807 28.807M394.338 45.132c-6.694 0-12.172 5.477-12.172 12.172v88.855c0 6.694 5.478 12.172 12.172 12.172h88.855c6.695 0 12.172-5.478 12.172-12.172V57.304c0-6.695-5.477-12.172-12.172-12.172z"/><path fill="#E42527" d="m150.443 73.584l-11.969 26.778c-.152.304-.304.558-.456.811l4.666 28.807c1.065 6.644-3.45 12.882-10.042 13.947l-87.74 14.2a12.3 12.3 0 0 1-9.078-2.13c-2.637-1.876-4.361-4.716-4.869-7.911l-14.2-87.74a12.3 12.3 0 0 1 2.13-9.078c1.876-2.637 4.717-4.361 7.912-4.868l87.739-14.201c.66-.101 1.319-.152 1.927-.152c5.833 0 11.056 4.26 12.02 10.245l4.717 29.01l12.374-27.743l-.659-3.905C142.38 23.983 127.57 13.282 111.9 15.818l-87.74 14.2A28.2 28.2 0 0 0 5.445 41.531C.931 47.769-.844 55.376.374 62.984l14.2 87.74c1.217 7.607 5.325 14.25 11.563 18.764c4.92 3.601 10.752 5.427 16.788 5.427c1.521 0 3.093-.102 4.665-.355l87.74-14.2c15.671-2.537 26.372-17.346 23.836-33.017z"/><path fill="#226DB4" d="m255.68 115.475l12.881-28.857l-3.651-26.83c-.457-3.194.406-6.39 2.384-8.976s4.818-4.26 8.063-4.666l88.044-11.97c.558-.05 1.116-.1 1.674-.1c2.637 0 5.173.862 7.354 2.485c.405.304.76.659 1.115.963a29 29 0 0 1 14.759-8.317a28.1 28.1 0 0 0-5.833-5.934c-6.136-4.666-13.693-6.644-21.3-5.63l-88.145 11.97c-7.608 1.014-14.404 4.97-19.02 11.106c-4.665 6.137-6.643 13.694-5.629 21.301zm149.816 14.86l-11.564-85.203c-6.491.203-11.715 5.578-11.715 12.12v25.004l6.847 50.31c.456 3.196-.406 6.39-2.384 8.977s-4.818 4.26-8.064 4.666l-88.044 11.97c-3.195.456-6.39-.406-8.976-2.384s-4.26-4.818-4.666-8.064l-4.058-29.872l-12.882 28.857l.457 3.246c1.014 7.608 4.97 14.404 11.107 19.019c5.071 3.854 11.107 5.883 17.395 5.883c1.32 0 2.638-.101 3.956-.254l87.942-11.867c7.608-1.014 14.404-4.97 19.02-11.107c4.665-6.137 6.643-13.693 5.629-21.3"/><path d="m157.087 217.11l12.578-18.561h-10.346a1.017 1.017 0 0 1-1.015-1.015v-2.485c0-.558.457-1.014 1.015-1.014h16.99c.557 0 1.014.456 1.014 1.014v.964c0 .203-.05.406-.152.558l-12.324 18.562h11.056c.558 0 1.014.456 1.014 1.014v2.485c0 .558-.456 1.015-1.014 1.015h-17.954a1.017 1.017 0 0 1-1.014-1.015v-.913c-.05-.253.05-.456.152-.608m52.948-10.447c0-7.607 5.579-13.085 13.186-13.085c7.861 0 13.186 5.376 13.186 13.136c0 7.861-5.426 13.288-13.287 13.288c-7.912 0-13.085-5.427-13.085-13.339m20.337.102c0-4.616-2.231-8.571-7.252-8.571c-5.072 0-7 4.108-7 8.774c0 4.412 2.385 8.47 7.253 8.47c5.021-.052 7-4.362 7-8.673m42.095-12.78h3.753c.558 0 1.014.456 1.014 1.013v9.434h10.65v-9.434c0-.557.457-1.014 1.015-1.014h3.753c.558 0 1.014.457 1.014 1.014v23.584c0 .557-.456 1.014-1.014 1.014h-3.702a1.017 1.017 0 0 1-1.015-1.014v-9.535h-10.65v9.535c0 .557-.457 1.014-1.015 1.014h-3.753a1.017 1.017 0 0 1-1.014-1.014v-23.584c-.05-.557.406-1.014.964-1.014m56.244 12.678c0-7.607 5.579-13.085 13.186-13.085c7.861 0 13.187 5.376 13.187 13.136c0 7.861-5.427 13.288-13.288 13.288c-7.912 0-13.085-5.427-13.085-13.339m20.287.102c0-4.616-2.232-8.571-7.253-8.571c-5.071 0-6.999 4.108-6.999 8.774c0 4.412 2.384 8.47 7.253 8.47c5.02-.052 6.999-4.362 6.999-8.673"/>
  </svg>
);

Other libraries

Zoho 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

Zoho is tagged icon, logo, brand and 3 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

SVG Logos MCP, with Pro

Ask for Zoho 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 Zoho icon means and where it's used, then how to install, style and license it.

Install Zoho from a prompt

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

Get Pro

Zoho

Zoho in your framework

Zoho 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 Zoho icon mean?

Where is the Zoho icon used?

What does the Zoho icon tell users?

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

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

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

Can my AI agent install it for me?

How do I change the color of the Zoho icon?

How do I change the size of the Zoho icon?

How do I make the Zoho icon accessible?

Can I download the Zoho icon as SVG or PNG?

Can I use the Zoho icon in commercial projects?

Is the Zoho icon free?

Install Zoho from a prompt