paint bucket brush icon
paint-bucket-brush-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- paint-bucket-brush-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="M8.75 1a.75.75 0 0 1 .75.75v1.383c.303.109.588.285.831.528l4.105 4.104a2.25 2.25 0 0 1 0 3.182L9.043 16.34a2.25 2.25 0 0 1-3.182 0l-4.104-4.105a2.25 2.25 0 0 1 0-3.182l5.392-5.392A2.24 2.24 0 0 1 8 3.126V1.75A.75.75 0 0 1 8.75 1M8 6.75V4.931L2.931 10h10.33l.114-.114a.75.75 0 0 0 0-1.06L9.5 4.95v1.8a.75.75 0 0 1-1.5 0m3.761 4.75H3.143l3.779 3.779a.75.75 0 0 0 1.06 0zm2.247 5.554c.021.146.1.345.347.592c.248.248.446.326.592.348c.152.022.33-.004.549-.104c.475-.216.945-.673 1.421-1.15c1.466-1.465 2.647-2.945 3.362-4.127c.361-.596.581-1.08.674-1.426q.029-.11.04-.178q-.07.01-.178.039c-.347.093-.83.313-1.427.674c-1.182.716-2.662 1.897-4.127 3.362c-.477.477-.933.946-1.15 1.422c-.1.219-.126.396-.103.548m.155-2.994l.037-.037c1.527-1.526 3.1-2.79 4.411-3.584c.65-.394 1.273-.695 1.815-.84c.479-.129 1.194-.214 1.692.284s.413 1.214.284 1.692c-.145.542-.446 1.165-.84 1.815c-.793 1.311-2.058 2.885-3.584 4.411l-.037.037c-.43.43-1.076 1.078-1.825 1.418a2.55 2.55 0 0 1-1.129.244a2.7 2.7 0 0 1-.782 2.104c-.8.8-1.8 1.235-2.892 1.167c-1.078-.068-2.136-.62-3.093-1.577a.75.75 0 0 1 .317-1.25c.512-.151.781-.296.926-.406a.57.57 0 0 0 .206-.264c.023-.056.042-.121.068-.219l.013-.047c.022-.084.05-.193.085-.299c.093-.284.243-.607.555-.919a2.7 2.7 0 0 1 2.11-.782c-.01-.41.095-.79.246-1.123c.34-.748.987-1.395 1.417-1.825m-2.712 4.79c-.1.1-.147.194-.19.323c-.02.062-.035.121-.056.201l-.018.069a3 3 0 0 1-.124.387a2.06 2.06 0 0 1-.69.9q-.087.066-.185.13c.438.265.85.39 1.22.414c.6.037 1.195-.19 1.736-.73a1.197 1.197 0 0 0-1.693-1.693"/></svg>
React
import type { SVGProps } from "react";
export function FluentPaintBucketBrush24Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.75 1a.75.75 0 0 1 .75.75v1.383c.303.109.588.285.831.528l4.105 4.104a2.25 2.25 0 0 1 0 3.182L9.043 16.34a2.25 2.25 0 0 1-3.182 0l-4.104-4.105a2.25 2.25 0 0 1 0-3.182l5.392-5.392A2.24 2.24 0 0 1 8 3.126V1.75A.75.75 0 0 1 8.75 1M8 6.75V4.931L2.931 10h10.33l.114-.114a.75.75 0 0 0 0-1.06L9.5 4.95v1.8a.75.75 0 0 1-1.5 0m3.761 4.75H3.143l3.779 3.779a.75.75 0 0 0 1.06 0zm2.247 5.554c.021.146.1.345.347.592c.248.248.446.326.592.348c.152.022.33-.004.549-.104c.475-.216.945-.673 1.421-1.15c1.466-1.465 2.647-2.945 3.362-4.127c.361-.596.581-1.08.674-1.426q.029-.11.04-.178q-.07.01-.178.039c-.347.093-.83.313-1.427.674c-1.182.716-2.662 1.897-4.127 3.362c-.477.477-.933.946-1.15 1.422c-.1.219-.126.396-.103.548m.155-2.994l.037-.037c1.527-1.526 3.1-2.79 4.411-3.584c.65-.394 1.273-.695 1.815-.84c.479-.129 1.194-.214 1.692.284s.413 1.214.284 1.692c-.145.542-.446 1.165-.84 1.815c-.793 1.311-2.058 2.885-3.584 4.411l-.037.037c-.43.43-1.076 1.078-1.825 1.418a2.55 2.55 0 0 1-1.129.244a2.7 2.7 0 0 1-.782 2.104c-.8.8-1.8 1.235-2.892 1.167c-1.078-.068-2.136-.62-3.093-1.577a.75.75 0 0 1 .317-1.25c.512-.151.781-.296.926-.406a.57.57 0 0 0 .206-.264c.023-.056.042-.121.068-.219l.013-.047c.022-.084.05-.193.085-.299c.093-.284.243-.607.555-.919a2.7 2.7 0 0 1 2.11-.782c-.01-.41.095-.79.246-1.123c.34-.748.987-1.395 1.417-1.825m-2.712 4.79c-.1.1-.147.194-.19.323c-.02.062-.035.121-.056.201l-.018.069a3 3 0 0 1-.124.387a2.06 2.06 0 0 1-.69.9q-.087.066-.185.13c.438.265.85.39 1.22.414c.6.037 1.195-.19 1.736-.73a1.197 1.197 0 0 0-1.693-1.693"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.75 1a.75.75 0 0 1 .75.75v1.383c.303.109.588.285.831.528l4.105 4.104a2.25 2.25 0 0 1 0 3.182L9.043 16.34a2.25 2.25 0 0 1-3.182 0l-4.104-4.105a2.25 2.25 0 0 1 0-3.182l5.392-5.392A2.24 2.24 0 0 1 8 3.126V1.75A.75.75 0 0 1 8.75 1M8 6.75V4.931L2.931 10h10.33l.114-.114a.75.75 0 0 0 0-1.06L9.5 4.95v1.8a.75.75 0 0 1-1.5 0m3.761 4.75H3.143l3.779 3.779a.75.75 0 0 0 1.06 0zm2.247 5.554c.021.146.1.345.347.592c.248.248.446.326.592.348c.152.022.33-.004.549-.104c.475-.216.945-.673 1.421-1.15c1.466-1.465 2.647-2.945 3.362-4.127c.361-.596.581-1.08.674-1.426q.029-.11.04-.178q-.07.01-.178.039c-.347.093-.83.313-1.427.674c-1.182.716-2.662 1.897-4.127 3.362c-.477.477-.933.946-1.15 1.422c-.1.219-.126.396-.103.548m.155-2.994l.037-.037c1.527-1.526 3.1-2.79 4.411-3.584c.65-.394 1.273-.695 1.815-.84c.479-.129 1.194-.214 1.692.284s.413 1.214.284 1.692c-.145.542-.446 1.165-.84 1.815c-.793 1.311-2.058 2.885-3.584 4.411l-.037.037c-.43.43-1.076 1.078-1.825 1.418a2.55 2.55 0 0 1-1.129.244a2.7 2.7 0 0 1-.782 2.104c-.8.8-1.8 1.235-2.892 1.167c-1.078-.068-2.136-.62-3.093-1.577a.75.75 0 0 1 .317-1.25c.512-.151.781-.296.926-.406a.57.57 0 0 0 .206-.264c.023-.056.042-.121.068-.219l.013-.047c.022-.084.05-.193.085-.299c.093-.284.243-.607.555-.919a2.7 2.7 0 0 1 2.11-.782c-.01-.41.095-.79.246-1.123c.34-.748.987-1.395 1.417-1.825m-2.712 4.79c-.1.1-.147.194-.19.323c-.02.062-.035.121-.056.201l-.018.069a3 3 0 0 1-.124.387a2.06 2.06 0 0 1-.69.9q-.087.066-.185.13c.438.265.85.39 1.22.414c.6.037 1.195-.19 1.736-.73a1.197 1.197 0 0 0-1.693-1.693"/></svg> </template>
CSS
.icon-paint-bucket-brush-24-regular {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.75%201a.75.75%200%200%201%20.75.75v1.383c.303.109.588.285.831.528l4.105%204.104a2.25%202.25%200%200%201%200%203.182L9.043%2016.34a2.25%202.25%200%200%201-3.182%200l-4.104-4.105a2.25%202.25%200%200%201%200-3.182l5.392-5.392A2.24%202.24%200%200%201%208%203.126V1.75A.75.75%200%200%201%208.75%201M8%206.75V4.931L2.931%2010h10.33l.114-.114a.75.75%200%200%200%200-1.06L9.5%204.95v1.8a.75.75%200%200%201-1.5%200m3.761%204.75H3.143l3.779%203.779a.75.75%200%200%200%201.06%200zm2.247%205.554c.021.146.1.345.347.592c.248.248.446.326.592.348c.152.022.33-.004.549-.104c.475-.216.945-.673%201.421-1.15c1.466-1.465%202.647-2.945%203.362-4.127c.361-.596.581-1.08.674-1.426q.029-.11.04-.178q-.07.01-.178.039c-.347.093-.83.313-1.427.674c-1.182.716-2.662%201.897-4.127%203.362c-.477.477-.933.946-1.15%201.422c-.1.219-.126.396-.103.548m.155-2.994l.037-.037c1.527-1.526%203.1-2.79%204.411-3.584c.65-.394%201.273-.695%201.815-.84c.479-.129%201.194-.214%201.692.284s.413%201.214.284%201.692c-.145.542-.446%201.165-.84%201.815c-.793%201.311-2.058%202.885-3.584%204.411l-.037.037c-.43.43-1.076%201.078-1.825%201.418a2.55%202.55%200%200%201-1.129.244a2.7%202.7%200%200%201-.782%202.104c-.8.8-1.8%201.235-2.892%201.167c-1.078-.068-2.136-.62-3.093-1.577a.75.75%200%200%201%20.317-1.25c.512-.151.781-.296.926-.406a.57.57%200%200%200%20.206-.264c.023-.056.042-.121.068-.219l.013-.047c.022-.084.05-.193.085-.299c.093-.284.243-.607.555-.919a2.7%202.7%200%200%201%202.11-.782c-.01-.41.095-.79.246-1.123c.34-.748.987-1.395%201.417-1.825m-2.712%204.79c-.1.1-.147.194-.19.323c-.02.062-.035.121-.056.201l-.018.069a3%203%200%200%201-.124.387a2.06%202.06%200%200%201-.69.9q-.087.066-.185.13c.438.265.85.39%201.22.414c.6.037%201.195-.19%201.736-.73a1.197%201.197%200%200%200-1.693-1.693%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.75%201a.75.75%200%200%201%20.75.75v1.383c.303.109.588.285.831.528l4.105%204.104a2.25%202.25%200%200%201%200%203.182L9.043%2016.34a2.25%202.25%200%200%201-3.182%200l-4.104-4.105a2.25%202.25%200%200%201%200-3.182l5.392-5.392A2.24%202.24%200%200%201%208%203.126V1.75A.75.75%200%200%201%208.75%201M8%206.75V4.931L2.931%2010h10.33l.114-.114a.75.75%200%200%200%200-1.06L9.5%204.95v1.8a.75.75%200%200%201-1.5%200m3.761%204.75H3.143l3.779%203.779a.75.75%200%200%200%201.06%200zm2.247%205.554c.021.146.1.345.347.592c.248.248.446.326.592.348c.152.022.33-.004.549-.104c.475-.216.945-.673%201.421-1.15c1.466-1.465%202.647-2.945%203.362-4.127c.361-.596.581-1.08.674-1.426q.029-.11.04-.178q-.07.01-.178.039c-.347.093-.83.313-1.427.674c-1.182.716-2.662%201.897-4.127%203.362c-.477.477-.933.946-1.15%201.422c-.1.219-.126.396-.103.548m.155-2.994l.037-.037c1.527-1.526%203.1-2.79%204.411-3.584c.65-.394%201.273-.695%201.815-.84c.479-.129%201.194-.214%201.692.284s.413%201.214.284%201.692c-.145.542-.446%201.165-.84%201.815c-.793%201.311-2.058%202.885-3.584%204.411l-.037.037c-.43.43-1.076%201.078-1.825%201.418a2.55%202.55%200%200%201-1.129.244a2.7%202.7%200%200%201-.782%202.104c-.8.8-1.8%201.235-2.892%201.167c-1.078-.068-2.136-.62-3.093-1.577a.75.75%200%200%201%20.317-1.25c.512-.151.781-.296.926-.406a.57.57%200%200%200%20.206-.264c.023-.056.042-.121.068-.219l.013-.047c.022-.084.05-.193.085-.299c.093-.284.243-.607.555-.919a2.7%202.7%200%200%201%202.11-.782c-.01-.41.095-.79.246-1.123c.34-.748.987-1.395%201.417-1.825m-2.712%204.79c-.1.1-.147.194-.19.323c-.02.062-.035.121-.056.201l-.018.069a3%203%200%200%201-.124.387a2.06%202.06%200%200%201-.69.9q-.087.066-.185.13c.438.265.85.39%201.22.414c.6.037%201.195-.19%201.736-.73a1.197%201.197%200%200%200-1.693-1.693%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-24-regular.svg?color=%231a73e8&size=48
