The Tabler coin yuan icon depicts a coin with the Chinese Yuan symbol, commonly used to represent currency, payments, or e-commerce transactions in user interfaces.
Common uses
- Displaying currency amounts in an online store.
- Indicating a transaction or payment confirmation.
- Representing virtual currency or in-app purchases.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCoinYuan } from '@tabler/icons-react';
<IconCoinYuan size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconCoinYuan size={24} stroke={2} />filled
<IconCoinYuanFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- E-commerce
- Keywords
- moneyearnsalarychangecoinyuanstorepurchaseshoppingretaile-commercechinese currencymoney symbolpayment iconyuan symbol
FAQ
- What does the coin yuan icon represent?
- It represents the Chinese Yuan currency symbol on a coin, suitable for financial or e-commerce contexts.
- How do I use the coin yuan icon in React?
- Import it from '@tabler/icons-react' like this: `import { IconCoinYuan } from '@tabler/icons-react'` and use it as a component: `<IconCoinYuan />`.
- What is the license for this icon?
- The Tabler icon library, including the coin yuan icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →