Light Dark System

Percent icon

percent

A percent sign, for percentages, discounts and rates.

Missing from Heroicons, where it was requested with 8 votes in #420 and #684 .

Component: PercentIcon
Intended size: 24×24 px, 1.5 px stroke
Iconset: Sidekickicons
Keywords: percentage, discount, sale, rate, mathematics, maths, tax, interest, ratio

Outline 24×24 px, 1.5 px stroke Solid 24×24 px, solid fill Mini 20×20 px, solid fill Micro 16×16 px, solid fill

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.875 7.5a2.625 2.625 0 1 0 5.25 0 2.625 2.625 0 1 0-5.25 0Zm9 9a2.625 2.625 0 1 0 5.25 0 2.625 2.625 0 1 0-5.25 0ZM18.75 5.25l-13.5 13.5" />
</svg>

Percent icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Discount Discount

Badges · Micro

Percent icon

Code

Percent icon in UI elements

Related icons

More Sidekickicons