// CURATED NICHE COLLECTION

Free Percent SVG Icons for Modern Web UIs

Finding consistent and legal percent icons for technical web products is now simple. We compiled over 100 premium, commercially-safe percent icons across Lucide, Heroicons, Tabler, Phosphor, and Radix. You can search, inspect their package size, and copy their code directly. Use our centralinteractive customizerto adjust strokes and colors dynamically before exporting.

PERCENT ICONS CATALOG (100)

BadgePercent
BadgePercentlucide
CirclePercent
CirclePercentlucide
DiamondPercent
DiamondPercentlucide
PercentCircle
PercentCirclelucide
PercentDiamond
PercentDiamondlucide
PercentSquare
PercentSquarelucide
Percent
Percentlucide
SquarePercent
SquarePercentlucide
TicketPercent
TicketPercentlucide
PercentBadgeIcon
PercentBadgeIconheroicons
ReceiptPercentIcon
ReceiptPercentIconheroicons
IconCircleDashedPercentage
IconCircleDashedPercentagetabler
IconCirclePercentage
IconCirclePercentagetabler
IconCirclePercentageFilled
IconCirclePercentageFilledtabler
IconFilePercent
IconFilePercenttabler
IconFilePercentFilled
IconFilePercentFilledtabler
IconPercentage
IconPercentagetabler
IconPercentage0
IconPercentage0tabler
IconPercentage10
IconPercentage10tabler
IconPercentage100
IconPercentage100tabler
IconPercentage20
IconPercentage20tabler
IconPercentage25
IconPercentage25tabler
IconPercentage30
IconPercentage30tabler
IconPercentage33
IconPercentage33tabler
IconPercentage40
IconPercentage40tabler
IconPercentage50
IconPercentage50tabler
IconPercentage60
IconPercentage60tabler
IconPercentage66
IconPercentage66tabler
IconPercentage70
IconPercentage70tabler
IconPercentage75
IconPercentage75tabler
IconPercentage80
IconPercentage80tabler
IconPercentage90
IconPercentage90tabler
IconSquarePercentage
IconSquarePercentagetabler
IconSquareRoundedPercentage
IconSquareRoundedPercentagetabler
Percent
Percentphosphor
SealPercent
SealPercentphosphor
Percent
Percentbootstrap
Percent
Percentfeather
DiscountPercentFill
DiscountPercentFillremix-icon
DiscountPercentLine
DiscountPercentLineremix-icon
PercentFill
PercentFillremix-icon
PercentLine
PercentLineremix-icon
WaterPercentFill
WaterPercentFillremix-icon
WaterPercentLine
WaterPercentLineremix-icon
Percentage
Percentageiconoir
PercentageCircle
PercentageCircleiconoir
PercentageSquare
PercentageSquareiconoir
PercentRotateOut
PercentRotateOuticonoir
HumidityPercentage
HumidityPercentageiconify-material-symbols
HumidityPercentageOutline
HumidityPercentageOutlineiconify-material-symbols
HumidityPercentageOutlineRounded
HumidityPercentageOutlineRoundediconify-material-symbols
HumidityPercentageRounded
HumidityPercentageRoundediconify-material-symbols
Percent
Percenticonify-material-symbols
PercentDiscount
PercentDiscounticonify-material-symbols
PercentDiscountOutline
PercentDiscountOutlineiconify-material-symbols
PercentDiscountOutlineRounded
PercentDiscountOutlineRoundediconify-material-symbols
PercentDiscountRounded
PercentDiscountRoundediconify-material-symbols
PercentRounded
PercentRoundediconify-material-symbols
HumidityPercentageOutlineSharp
HumidityPercentageOutlineSharpiconify-material-symbols
HumidityPercentageSharp
HumidityPercentageSharpiconify-material-symbols
PercentSharp
PercentSharpiconify-material-symbols
HumidityPercentage
HumidityPercentageiconify-material-symbols-light
HumidityPercentageOutline
HumidityPercentageOutlineiconify-material-symbols-light
HumidityPercentageOutlineRounded
HumidityPercentageOutlineRoundediconify-material-symbols-light
HumidityPercentageRounded
HumidityPercentageRoundediconify-material-symbols-light
Percent
Percenticonify-material-symbols-light
PercentDiscount
PercentDiscounticonify-material-symbols-light
PercentDiscountOutline
PercentDiscountOutlineiconify-material-symbols-light
PercentDiscountOutlineRounded
PercentDiscountOutlineRoundediconify-material-symbols-light
PercentDiscountRounded
PercentDiscountRoundediconify-material-symbols-light
PercentRounded
PercentRoundediconify-material-symbols-light
BaselinePercent
BaselinePercenticonify-ic
BaselinePercentage
BaselinePercentageiconify-ic
OutlinePercent
OutlinePercenticonify-ic
OutlinePercentage
OutlinePercentageiconify-ic
RoundPercent
RoundPercenticonify-ic
RoundPercentage
RoundPercentageiconify-ic
SharpPercent
SharpPercenticonify-ic
SharpPercentage
SharpPercentageiconify-ic
TwotonePercent
TwotonePercenticonify-ic
TwotonePercentage
TwotonePercentageiconify-ic
BrightnessPercent
BrightnessPercenticonify-mdi
CartPercent
CartPercenticonify-mdi
CloudPercent
CloudPercenticonify-mdi
CloudPercentOutline
CloudPercentOutlineiconify-mdi
FilePercent
FilePercenticonify-mdi
FilePercentOutline
FilePercentOutlineiconify-mdi
HomePercent
HomePercenticonify-mdi
HomePercentOutline
HomePercentOutlineiconify-mdi
LabelPercent
LabelPercenticonify-mdi
LabelPercentOutline
LabelPercentOutlineiconify-mdi
LockPercent
LockPercenticonify-mdi
LockPercentOpen
LockPercentOpeniconify-mdi
LockPercentOpenOutline
LockPercentOpenOutlineiconify-mdi
LockPercentOpenVariant
LockPercentOpenVarianticonify-mdi
LockPercentOpenVariantOutline
LockPercentOpenVariantOutlineiconify-mdi
LockPercentOutline
LockPercentOutlineiconify-mdi
Percent
Percenticonify-mdi
PercentBox
PercentBoxiconify-mdi
PercentBoxOutline
PercentBoxOutlineiconify-mdi

FREQUENTLY ASKED QUESTIONS

Are these percent icons free to use commercially?

Yes, all icons cataloged under the percent collection page are certified open-source, utilizing highly permissive licenses such as MIT, ISC, or public domain dedications. This covers SaaS dashboards, landing pages, corporate applications, and print designs completely royalty-free.

How do I use these in Tailwind CSS or React?

Simply click on any icon above to open it directly in our editor workspace. From there, you can adjust the stroke weight or scale, and copy the ready-to-paste Tailwind code or clean inline SVG markup instantly without installing extra npm packages.

EXPLORE MORE ICON COLLECTIONS & RESOURCES

Top Library Guides

Popular Collections

Optimizations