Xigua
The xigua icon represents a watermelon, a type of fruit.
Exports at 24 × 24 px
Code
Xigua in your framework
In any framework. Customize it above, and the code follows.
export const XiguaIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 48 48" fill="none" stroke="currentColor" {...props}>
<g fill="none" strokeLinejoin="round" strokeWidth="3.667"><path fill="#2F88FF" stroke="#000" d="M24.0003 42.3334C34.1255 42.3334 42.3337 34.1253 42.3337 24.0001C42.3337 13.8749 34.1255 5.66675 24.0003 5.66675C13.8751 5.66675 5.66699 13.8749 5.66699 24.0001C5.66699 26.4858 6.80727 27.6871 8.61419 28.7448C10.4211 29.8025 13.8204 29.6269 16.1327 31.7014C18.445 33.776 18.6011 37.1507 19.0799 38.7905C19.5588 40.4303 21.5146 42.3334 24.0003 42.3334Z"/><path fill="#43CCF8" stroke="#fff" d="M19.5264 18.5412C18.988 19.8493 18.7188 21.3866 18.7188 23.153C18.7188 24.8329 18.8971 26.496 19.2539 28.1424L19.2539 28.1424C19.6113 29.7916 21.2381 30.8389 22.8873 30.4815C22.9472 30.4685 23.0067 30.4537 23.0657 30.4372C24.8653 29.9322 26.4325 29.2711 27.7673 28.454C29.0152 27.6899 30.1779 26.7253 31.2556 25.56L31.2556 25.56C32.4013 24.3211 32.3258 22.3879 31.0868 21.2421C31.0514 21.2094 31.0152 21.1775 30.9783 21.1465C29.7116 20.0817 28.3858 19.1254 27.0008 18.2774C25.5547 17.3921 24.1384 16.8579 22.7519 16.6749L22.7518 16.6749C21.3779 16.4935 20.0539 17.2596 19.5264 18.5412Z"/></g>
</svg>
);Other libraries
Xigua in 3 more libraries
Each library draws it its own way. Open one to compare.
IconPark
More like it
Icons that share its tags, in the same style.
Search IconPark
Skip the copy and paste. With Pro, your AI agent finds and installs any IconPark icon from a prompt.
Get ProTags
Browse by tag
Xigua is tagged food, wellness, nutrition and 3 more. Related tags follow; each opens its icons from every library.
Pricing
IconPark MCP, with Pro
Ask for Xigua or any of 2,658 IconPark 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.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- 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 Xigua icon means and where it's used, then how to install, style, label and license it.
The xigua icon represents a watermelon, a type of fruit. It is often used in digital applications to symbolize healthy eating or nutrition. The icon is part of the UI Multicolor category, indicating its use in user interface design.
In software like food delivery platforms, recipe applications, or health and wellness websites, the xigua icon is often used to represent a healthy food option or nutrition information. It can also be found in food blogs or culinary websites.
From a UX perspective, the xigua icon communicates the idea of healthy eating or nutrition. It helps users understand that they can interact with the interface to learn about or access healthy food options.
Xigua is one of 2,658 icons in IconPark, made by ByteDance and released under Apache 2.0. It is drawn on a 48 × 48 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds XiguaIcon to components/icons/icon-park-xigua.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed XiguaIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
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, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Xigua icon, or any of 2,658 IconPark icons, and install it from a prompt.
It's multicolor, so it keeps its own colors.
Set width and height on the component, or a class like size-6. It's drawn on a 48 × 48 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It keeps its own colors in light and dark mode, so check it against both backgrounds. The icon is a vector, so it needs no separate dark asset.
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="Xigua", so screen readers say what it does.
Yes. XiguaIcon passes every SVG prop to the svg element, so <XiguaIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
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.
Yes. Apache 2.0 allows commercial use; keep the license notice when you ship the icons' source files. The full terms are in the license, linked on this page.
No visible credit is required: Apache 2.0 only asks that you keep the license notice if you ship the icons' source files. Icons installed with the shadcn CLI already start with a comment naming IconPark, ByteDance and the license.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
3 other libraries draw an icon called Xigua. The Other libraries section on this page shows each one, so you can compare them and open the one that fits your style.
Its tags are food, wellness, nutrition, fruit, healthy and eat. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Xigua in another set.
4.9 out of 5 from 150+ developers
Install Xigua from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro