paint bucket brush icon
paint-bucket-brush-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- paint-bucket-brush-16-filled
- Set
- Fluent UI System Icons
- Style
- 16 Filled
- Viewbox
- 16×16
- License
- MIT
7 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the paint bucket brush icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M5.5 1a.5.5 0 0 1 .5.5v.959c.272.08.53.227.744.442l2.291 2.29a1.75 1.75 0 0 1 0 2.476l-.142.142a.5.5 0 0 1-.084.084l-3.062 3.062a1.75 1.75 0 0 1-2.475 0L.982 8.664a1.75 1.75 0 0 1 0-2.475L4.268 2.9c.212-.211.464-.357.731-.438V1.5a.5.5 0 0 1 .5-.5m2.788 6l.04-.04a.75.75 0 0 0 0-1.061l-2.29-2.291L6 3.573V4.5a.5.5 0 0 1-1 0v-.915l-.024.023l-3.288 3.288A1 1 0 0 0 1.602 7zm1.696 5.984l.005.005a1.87 1.87 0 0 1-.545 1.209c-.56.559-1.257.862-2.017.814c-.752-.047-1.492-.432-2.163-1.104a.5.5 0 0 1 .211-.833c.363-.107.557-.21.663-.291a.43.43 0 0 0 .155-.198c.016-.042.03-.089.049-.158l.009-.034a3 3 0 0 1 .06-.209a1.54 1.54 0 0 1 .383-.636a1.87 1.87 0 0 1 1.21-.545l.01.01a1.9 1.9 0 0 1 .157-.526c.237-.523.691-.976.995-1.28l.025-.025c1.076-1.076 2.184-1.966 3.106-2.525c.458-.277.895-.488 1.273-.59c.337-.09.827-.145 1.166.194c.34.34.283.83.193 1.166c-.101.378-.312.815-.59 1.272c-.558.923-1.448 2.031-2.524 3.107l-.025.025c-.304.304-.757.758-1.28.995a1.9 1.9 0 0 1-.526.157m-2.482-.728a.54.54 0 0 0-.14.239a2 2 0 0 0-.042.144l-.012.047c-.02.075-.047.171-.087.27c-.086.216-.225.43-.477.623q-.078.06-.168.114c.328.206.636.303.913.321c.434.027.86-.137 1.247-.523a.873.873 0 1 0-1.234-1.235m1.504-.951c.016.11.075.256.253.434s.324.237.434.253a.7.7 0 0 0 .404-.075c.34-.155.676-.482 1.011-.817c1.035-1.035 1.87-2.081 2.376-2.918c.256-.421.413-.765.48-1.014q.028-.11.032-.166a1 1 0 0 0-.166.033c-.249.066-.593.223-1.014.479c-.837.506-1.883 1.34-2.918 2.376c-.335.335-.662.67-.817 1.012a.7.7 0 0 0-.075.403"/></svg>
React
import type { SVGProps } from "react";
export function FluentPaintBucketBrush16Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M5.5 1a.5.5 0 0 1 .5.5v.959c.272.08.53.227.744.442l2.291 2.29a1.75 1.75 0 0 1 0 2.476l-.142.142a.5.5 0 0 1-.084.084l-3.062 3.062a1.75 1.75 0 0 1-2.475 0L.982 8.664a1.75 1.75 0 0 1 0-2.475L4.268 2.9c.212-.211.464-.357.731-.438V1.5a.5.5 0 0 1 .5-.5m2.788 6l.04-.04a.75.75 0 0 0 0-1.061l-2.29-2.291L6 3.573V4.5a.5.5 0 0 1-1 0v-.915l-.024.023l-3.288 3.288A1 1 0 0 0 1.602 7zm1.696 5.984l.005.005a1.87 1.87 0 0 1-.545 1.209c-.56.559-1.257.862-2.017.814c-.752-.047-1.492-.432-2.163-1.104a.5.5 0 0 1 .211-.833c.363-.107.557-.21.663-.291a.43.43 0 0 0 .155-.198c.016-.042.03-.089.049-.158l.009-.034a3 3 0 0 1 .06-.209a1.54 1.54 0 0 1 .383-.636a1.87 1.87 0 0 1 1.21-.545l.01.01a1.9 1.9 0 0 1 .157-.526c.237-.523.691-.976.995-1.28l.025-.025c1.076-1.076 2.184-1.966 3.106-2.525c.458-.277.895-.488 1.273-.59c.337-.09.827-.145 1.166.194c.34.34.283.83.193 1.166c-.101.378-.312.815-.59 1.272c-.558.923-1.448 2.031-2.524 3.107l-.025.025c-.304.304-.757.758-1.28.995a1.9 1.9 0 0 1-.526.157m-2.482-.728a.54.54 0 0 0-.14.239a2 2 0 0 0-.042.144l-.012.047c-.02.075-.047.171-.087.27c-.086.216-.225.43-.477.623q-.078.06-.168.114c.328.206.636.303.913.321c.434.027.86-.137 1.247-.523a.873.873 0 1 0-1.234-1.235m1.504-.951c.016.11.075.256.253.434s.324.237.434.253a.7.7 0 0 0 .404-.075c.34-.155.676-.482 1.011-.817c1.035-1.035 1.87-2.081 2.376-2.918c.256-.421.413-.765.48-1.014q.028-.11.032-.166a1 1 0 0 0-.166.033c-.249.066-.593.223-1.014.479c-.837.506-1.883 1.34-2.918 2.376c-.335.335-.662.67-.817 1.012a.7.7 0 0 0-.075.403"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M5.5 1a.5.5 0 0 1 .5.5v.959c.272.08.53.227.744.442l2.291 2.29a1.75 1.75 0 0 1 0 2.476l-.142.142a.5.5 0 0 1-.084.084l-3.062 3.062a1.75 1.75 0 0 1-2.475 0L.982 8.664a1.75 1.75 0 0 1 0-2.475L4.268 2.9c.212-.211.464-.357.731-.438V1.5a.5.5 0 0 1 .5-.5m2.788 6l.04-.04a.75.75 0 0 0 0-1.061l-2.29-2.291L6 3.573V4.5a.5.5 0 0 1-1 0v-.915l-.024.023l-3.288 3.288A1 1 0 0 0 1.602 7zm1.696 5.984l.005.005a1.87 1.87 0 0 1-.545 1.209c-.56.559-1.257.862-2.017.814c-.752-.047-1.492-.432-2.163-1.104a.5.5 0 0 1 .211-.833c.363-.107.557-.21.663-.291a.43.43 0 0 0 .155-.198c.016-.042.03-.089.049-.158l.009-.034a3 3 0 0 1 .06-.209a1.54 1.54 0 0 1 .383-.636a1.87 1.87 0 0 1 1.21-.545l.01.01a1.9 1.9 0 0 1 .157-.526c.237-.523.691-.976.995-1.28l.025-.025c1.076-1.076 2.184-1.966 3.106-2.525c.458-.277.895-.488 1.273-.59c.337-.09.827-.145 1.166.194c.34.34.283.83.193 1.166c-.101.378-.312.815-.59 1.272c-.558.923-1.448 2.031-2.524 3.107l-.025.025c-.304.304-.757.758-1.28.995a1.9 1.9 0 0 1-.526.157m-2.482-.728a.54.54 0 0 0-.14.239a2 2 0 0 0-.042.144l-.012.047c-.02.075-.047.171-.087.27c-.086.216-.225.43-.477.623q-.078.06-.168.114c.328.206.636.303.913.321c.434.027.86-.137 1.247-.523a.873.873 0 1 0-1.234-1.235m1.504-.951c.016.11.075.256.253.434s.324.237.434.253a.7.7 0 0 0 .404-.075c.34-.155.676-.482 1.011-.817c1.035-1.035 1.87-2.081 2.376-2.918c.256-.421.413-.765.48-1.014q.028-.11.032-.166a1 1 0 0 0-.166.033c-.249.066-.593.223-1.014.479c-.837.506-1.883 1.34-2.918 2.376c-.335.335-.662.67-.817 1.012a.7.7 0 0 0-.075.403"/></svg> </template>
CSS
.icon-paint-bucket-brush-16-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.5%201a.5.5%200%200%201%20.5.5v.959c.272.08.53.227.744.442l2.291%202.29a1.75%201.75%200%200%201%200%202.476l-.142.142a.5.5%200%200%201-.084.084l-3.062%203.062a1.75%201.75%200%200%201-2.475%200L.982%208.664a1.75%201.75%200%200%201%200-2.475L4.268%202.9c.212-.211.464-.357.731-.438V1.5a.5.5%200%200%201%20.5-.5m2.788%206l.04-.04a.75.75%200%200%200%200-1.061l-2.29-2.291L6%203.573V4.5a.5.5%200%200%201-1%200v-.915l-.024.023l-3.288%203.288A1%201%200%200%200%201.602%207zm1.696%205.984l.005.005a1.87%201.87%200%200%201-.545%201.209c-.56.559-1.257.862-2.017.814c-.752-.047-1.492-.432-2.163-1.104a.5.5%200%200%201%20.211-.833c.363-.107.557-.21.663-.291a.43.43%200%200%200%20.155-.198c.016-.042.03-.089.049-.158l.009-.034a3%203%200%200%201%20.06-.209a1.54%201.54%200%200%201%20.383-.636a1.87%201.87%200%200%201%201.21-.545l.01.01a1.9%201.9%200%200%201%20.157-.526c.237-.523.691-.976.995-1.28l.025-.025c1.076-1.076%202.184-1.966%203.106-2.525c.458-.277.895-.488%201.273-.59c.337-.09.827-.145%201.166.194c.34.34.283.83.193%201.166c-.101.378-.312.815-.59%201.272c-.558.923-1.448%202.031-2.524%203.107l-.025.025c-.304.304-.757.758-1.28.995a1.9%201.9%200%200%201-.526.157m-2.482-.728a.54.54%200%200%200-.14.239a2%202%200%200%200-.042.144l-.012.047c-.02.075-.047.171-.087.27c-.086.216-.225.43-.477.623q-.078.06-.168.114c.328.206.636.303.913.321c.434.027.86-.137%201.247-.523a.873.873%200%201%200-1.234-1.235m1.504-.951c.016.11.075.256.253.434s.324.237.434.253a.7.7%200%200%200%20.404-.075c.34-.155.676-.482%201.011-.817c1.035-1.035%201.87-2.081%202.376-2.918c.256-.421.413-.765.48-1.014q.028-.11.032-.166a1%201%200%200%200-.166.033c-.249.066-.593.223-1.014.479c-.837.506-1.883%201.34-2.918%202.376c-.335.335-.662.67-.817%201.012a.7.7%200%200%200-.075.403%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.5%201a.5.5%200%200%201%20.5.5v.959c.272.08.53.227.744.442l2.291%202.29a1.75%201.75%200%200%201%200%202.476l-.142.142a.5.5%200%200%201-.084.084l-3.062%203.062a1.75%201.75%200%200%201-2.475%200L.982%208.664a1.75%201.75%200%200%201%200-2.475L4.268%202.9c.212-.211.464-.357.731-.438V1.5a.5.5%200%200%201%20.5-.5m2.788%206l.04-.04a.75.75%200%200%200%200-1.061l-2.29-2.291L6%203.573V4.5a.5.5%200%200%201-1%200v-.915l-.024.023l-3.288%203.288A1%201%200%200%200%201.602%207zm1.696%205.984l.005.005a1.87%201.87%200%200%201-.545%201.209c-.56.559-1.257.862-2.017.814c-.752-.047-1.492-.432-2.163-1.104a.5.5%200%200%201%20.211-.833c.363-.107.557-.21.663-.291a.43.43%200%200%200%20.155-.198c.016-.042.03-.089.049-.158l.009-.034a3%203%200%200%201%20.06-.209a1.54%201.54%200%200%201%20.383-.636a1.87%201.87%200%200%201%201.21-.545l.01.01a1.9%201.9%200%200%201%20.157-.526c.237-.523.691-.976.995-1.28l.025-.025c1.076-1.076%202.184-1.966%203.106-2.525c.458-.277.895-.488%201.273-.59c.337-.09.827-.145%201.166.194c.34.34.283.83.193%201.166c-.101.378-.312.815-.59%201.272c-.558.923-1.448%202.031-2.524%203.107l-.025.025c-.304.304-.757.758-1.28.995a1.9%201.9%200%200%201-.526.157m-2.482-.728a.54.54%200%200%200-.14.239a2%202%200%200%200-.042.144l-.012.047c-.02.075-.047.171-.087.27c-.086.216-.225.43-.477.623q-.078.06-.168.114c.328.206.636.303.913.321c.434.027.86-.137%201.247-.523a.873.873%200%201%200-1.234-1.235m1.504-.951c.016.11.075.256.253.434s.324.237.434.253a.7.7%200%200%200%20.404-.075c.34-.155.676-.482%201.011-.817c1.035-1.035%201.87-2.081%202.376-2.918c.256-.421.413-.765.48-1.014q.028-.11.032-.166a1%201%200%200%200-.166.033c-.249.066-.593.223-1.014.479c-.837.506-1.883%201.34-2.918%202.376c-.335.335-.662.67-.817%201.012a.7.7%200%200%200-.075.403%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/paint-bucket-brush-16-filled.svg?color=%231a73e8&size=48
