Back to Explorer
16 - 512
0.5 - 4.0
Save to
actionoutline
md percent
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdPercentIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<g></g><g><g><g><path d="M7.5,4C5.57,4,4,5.57,4,7.5S5.57,11,7.5,11S11,9.43,11,7.5S9.43,4,7.5,4z M7.5,9C6.67,9,6,8.33,6,7.5S6.67,6,7.5,6 S9,6.67,9,7.5S8.33,9,7.5,9z M16.5,13c-1.93,0-3.5,1.57-3.5,3.5s1.57,3.5,3.5,3.5s3.5-1.57,3.5-3.5S18.43,13,16.5,13z M16.5,18 c-0.83,0-1.5-0.67-1.5-1.5s0.67-1.5,1.5-1.5s1.5,0.67,1.5,1.5S17.33,18,16.5,18z M5.41,20L4,18.59L18.59,4L20,5.41L5.41,20z"/></g></g></g>
</svg>
);SVG Optimizer
Before
0.57 KB
↓
After
0.57 KB
Tags
analysisarithmeticcalculationchartcirclecompletiondatadiagonal linediscountdotgeometrygraphinterestmathmetricnumbernumbersnumericalpercentpercentageprogressproportionrateratiorepresentationsavingssignslashstatisticssymbolvalue
Compare Alternatives
See how other libraries approach this concept.