Xigua icon
icon-park-solid:xigua
The Xigua icon (icon-park-solid:xigua) is a free SVG icon from the IconPark Solid set by ByteDance. It is drawn on a 48 × 48 grid. IconPark Solid icons are released under the Apache 2.0 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
- IconPark Solid
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Brand
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><mask id="SVG13UMoesz"><g fill="none" stroke-linejoin="round" stroke-width="3.667"><path fill="#fff" stroke="#fff" d="M24 42.333c10.126 0 18.334-8.208 18.334-18.333S34.126 5.667 24 5.667S5.667 13.875 5.667 24c0 2.486 1.14 3.687 2.947 4.745c1.807 1.057 5.206.882 7.519 2.956c2.312 2.075 2.468 5.45 2.947 7.09s2.435 3.542 4.92 3.542Z"/><path fill="#000" stroke="#000" d="M19.526 18.541q-.807 1.962-.807 4.612q0 2.52.535 4.99a3.056 3.056 0 0 0 3.812 2.294q2.7-.757 4.701-1.983q1.871-1.146 3.489-2.894a3.056 3.056 0 0 0-.278-4.413a33 33 0 0 0-3.977-2.87q-2.17-1.328-4.25-1.602a3.056 3.056 0 0 0-3.225 1.866Z"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVG13UMoesz)"/></svg>How to use the Xigua icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-solid:xigua" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-solid:xigua" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-solid:xigua" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--xigua]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:xigua"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-solid:xigua"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park-solid/xigua.svg" alt="Xigua icon" width="24" height="24">Xigua icon in other icon sets
Xigua icon FAQ
Is the Xigua icon free for commercial use?
Yes. IconPark Solid icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Xigua icon in React?
Install @iconify/react and render <Icon icon="icon-park-solid:xigua" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Xigua icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park-solid/xigua.svg" alt="Xigua icon">, or paste the SVG code inline to style it with CSS.