Paint Bucket
paint-bucket
From Phosphor Icons, redistributed under the MIT licence. Available at all 6 weights.
Weights
- Thin
- Light
- Regular
- Bold
- Fill
- Duotone
Use it
React
import { RegularPaintbucket } from 'onebit-icon-react';
<RegularPaintbucket size={24} />SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="24" height="24" fill="none"><path d="M208,139.48l-79.83,79.83a16,16,0,0,1-22.63,0L20.69,134.46a16,16,0,0,1,0-22.63L116.52,16,232,131.48Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><circle cx="124" cy="116" r="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="109.86" y1="101.86" x2="39.99" y2="32" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M248,208a16,16,0,0,1-32,0c0-16,16-40,16-40S248,192,248,208Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
CSS mask
.icon-paint-bucket {
width: 24px; height: 24px;
background: currentColor;
mask: url("https://icons.onebit.ng/icons/regular-paint-bucket.svg") center / contain no-repeat;
}More in Editing & Design
← All Editing & Design iconsBrowse by categoryBrowse all icons