Skip to content

Percent ​

Usage ​

With Web Components ​

html
<ss-icon icon="percent"></ss-icon>

With icon tag ​

html
<i class="ss ss-percent"></i>

With custom stroke width / thickness ​

html
<ss-icon icon="percent" thickness="1.2"></ss-icon>

Node.js ​

javascript
const icons = require('@bookklik/senangstart-icons/icons');
const svg = icons['percent'];
console.log(svg);

Icon Details ​

PropertyValue
NamePercent
Slugpercent
Tagspercent, percentage, discount rate, tax rate, interest rate, commission

SVG Path ​

M3.75 6.75a3 3 0 1 0 6 0a3 3 0 1 0 -6 0ZM14.25 17.25a3 3 0 1 0 6 0a3 3 0 1 0 -6 0ZM4.5 19.5l15-15

Raw SVG ​

html
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M3.75 6.75a3 3 0 1 0 6 0a3 3 0 1 0 -6 0ZM14.25 17.25a3 3 0 1 0 6 0a3 3 0 1 0 -6 0ZM4.5 19.5l15-15"></path>
</svg>

← Back to Icon Library