Skip to content

Paint Roller ​

Usage ​

With Web Components ​

html
<ss-icon icon="paint-roller"></ss-icon>

With icon tag ​

html
<i class="ss ss-paint-roller"></i>

With custom stroke width / thickness ​

html
<ss-icon icon="paint-roller" thickness="1.2"></ss-icon>

Node.js ​

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

Icon Details ​

PropertyValue
NamePaint Roller
Slugpaint-roller
Tagspaint roller, theme styling, apply appearance, surface styling, theme editor, visual customization, paint-roller

SVG Path ​

M4.5 3h12a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1 -1.5 1.5h-12a1.5 1.5 0 0 1 -1.5 -1.5v-3a1.5 1.5 0 0 1 1.5 -1.5ZM18 6h1.5a2.25 2.25 0 0 1 2.25 2.25V12a2.25 2.25 0 0 1-2.25 2.25H12v2.25M10.875 16.5h2.25a1.125 1.125 0 0 1 1.125 1.125v3a1.125 1.125 0 0 1 -1.125 1.125h-2.25a1.125 1.125 0 0 1 -1.125 -1.125v-3a1.125 1.125 0 0 1 1.125 -1.125Z

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="M4.5 3h12a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1 -1.5 1.5h-12a1.5 1.5 0 0 1 -1.5 -1.5v-3a1.5 1.5 0 0 1 1.5 -1.5ZM18 6h1.5a2.25 2.25 0 0 1 2.25 2.25V12a2.25 2.25 0 0 1-2.25 2.25H12v2.25M10.875 16.5h2.25a1.125 1.125 0 0 1 1.125 1.125v3a1.125 1.125 0 0 1 -1.125 1.125h-2.25a1.125 1.125 0 0 1 -1.125 -1.125v-3a1.125 1.125 0 0 1 1.125 -1.125Z"></path>
</svg>

← Back to Icon Library