Skip to content
shadcn.io

Percent Rounded

The percent-rounded icon represents a percentage or a statistical value with a rounded style, commonly used in business and finance to display data or metrics.

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

Set up MCP

Exports at 24 × 24 px

Percent Rounded icon from Material Symbols
Get Pro

15,862 in Material SymbolsApache 2.0 license (opens in a new tab)Free to copy and download

Code

Percent Rounded in your framework

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

export const PercentRoundedIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...props}>
    <path fill="currentColor" d="M7.5 11q-1.45 0-2.475-1.025T4 7.5t1.025-2.475T7.5 4t2.475 1.025T11 7.5T9.975 9.975T7.5 11m0-2q.625 0 1.063-.437T9 7.5t-.437-1.062T7.5 6t-1.062.438T6 7.5t.438 1.063T7.5 9m9 11q-1.45 0-2.475-1.025T13 16.5t1.025-2.475T16.5 13t2.475 1.025T20 16.5t-1.025 2.475T16.5 20m0-2q.625 0 1.063-.437T18 16.5t-.437-1.062T16.5 15t-1.062.438T15 16.5t.438 1.063T16.5 18M4.7 19.3q-.275-.275-.275-.7t.275-.7L17.9 4.7q.275-.275.7-.275t.7.275t.275.7t-.275.7L6.1 19.3q-.275.275-.7.275t-.7-.275"/>
  </svg>
);

Other libraries

Percent Rounded in 8 more libraries

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

  • Percent Rounded icon from Material Symbols Light
  • Percent Rounded icon from Phosphor
  • Percent Rounded icon from Material Design Icons
  • Percent Rounded icon from Huge Icons
  • Percent Rounded icon from TDesign Icons
  • Percent Rounded icon from WebHostingHub Glyphs
  • Percent Rounded icon from Bootstrap Icons
  • Percent Rounded icon from Font Awesome Solid

Material Symbols

More like it

Icons that share its tags, in the same style.

All 15,862 icons
  • Analytics Rounded icon from Material Symbols
  • Area Chart Rounded icon from Material Symbols
  • Waterfall Chart Rounded icon from Material Symbols
  • Tsv Rounded icon from Material Symbols
  • Bar Chart 4 Bars Rounded icon from Material Symbols
  • Bar Chart Off Rounded icon from Material Symbols
  • Bar Chart Rounded icon from Material Symbols
  • Chart Data Rounded icon from Material Symbols
  • Eda Rounded icon from Material Symbols
  • Partner Reports Rounded icon from Material Symbols
  • Data Usage Rounded icon from Material Symbols
  • Demography Rounded icon from Material Symbols
  • Full Stacked Bar Chart Rounded icon from Material Symbols
  • Health Metrics Rounded icon from Material Symbols
  • Pivot Table Chart Rounded icon from Material Symbols
  • Add Business Rounded icon from Material Symbols
  • Balance Rounded icon from Material Symbols
  • Candlestick Chart Rounded icon from Material Symbols
  • Csv Rounded icon from Material Symbols
  • Currency Exchange Rounded icon from Material Symbols
  • Data Thresholding Rounded icon from Material Symbols
  • Euro Rounded icon from Material Symbols
  • Euro Symbol Rounded icon from Material Symbols
  • Handshake Rounded icon from Material Symbols

Search Material Symbols

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

Get Pro

Tags

Browse by tag

Percent Rounded is tagged finance, data, business and 3 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Material Symbols MCP, with Pro

Ask for Percent Rounded or any of 15,862 Material Symbols 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.

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

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

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

Install Percent Rounded from a prompt

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

Get Pro