bucket emoji
bucket from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- bucket
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the bucket emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#0074ba" d="m4.47 10l.4 3.105L4.5 15.5l.847 1.317L6.77 27.88C6.85 28.52 7.38 29 8 29h16.14c.62 0 1.15-.48 1.23-1.12L27.548 10L16 8z"/><path fill="#d3d3d3" d="m4.872 13.12l.475 3.694a20 20 0 0 0-.765 2.085c-.412 1.4-.44 2.376-.18 2.966c.2.454.7.94 2.207 1.006c1.476.064 2.66-.179 3.666-.65c1.011-.472 1.899-1.2 2.744-2.183c1.478-1.718 2.73-4.082 4.268-6.984q.395-.746.817-1.536a1 1 0 1 1 1.763.944q-.404.758-.794 1.495c-1.525 2.881-2.9 5.482-4.538 7.385c-.979 1.138-2.082 2.07-3.413 2.691c-1.335.625-2.846.912-4.6.836c-1.927-.084-3.325-.782-3.95-2.196c-.564-1.278-.346-2.854.092-4.34c.45-1.53 1.21-3.204 2.01-4.817z"/><path fill="#00a6ed" d="m3.356 9.06l-.35-2.35c-.05-.37.24-.71.62-.71h24.75c.38 0 .67.34.62.71l-.36 2.35c-.08.54-.54.94-1.08.94H4.446c-.55 0-1.01-.4-1.09-.94"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatBucket(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#0074ba" d="m4.47 10l.4 3.105L4.5 15.5l.847 1.317L6.77 27.88C6.85 28.52 7.38 29 8 29h16.14c.62 0 1.15-.48 1.23-1.12L27.548 10L16 8z"/><path fill="#d3d3d3" d="m4.872 13.12l.475 3.694a20 20 0 0 0-.765 2.085c-.412 1.4-.44 2.376-.18 2.966c.2.454.7.94 2.207 1.006c1.476.064 2.66-.179 3.666-.65c1.011-.472 1.899-1.2 2.744-2.183c1.478-1.718 2.73-4.082 4.268-6.984q.395-.746.817-1.536a1 1 0 1 1 1.763.944q-.404.758-.794 1.495c-1.525 2.881-2.9 5.482-4.538 7.385c-.979 1.138-2.082 2.07-3.413 2.691c-1.335.625-2.846.912-4.6.836c-1.927-.084-3.325-.782-3.95-2.196c-.564-1.278-.346-2.854.092-4.34c.45-1.53 1.21-3.204 2.01-4.817z"/><path fill="#00a6ed" d="m3.356 9.06l-.35-2.35c-.05-.37.24-.71.62-.71h24.75c.38 0 .67.34.62.71l-.36 2.35c-.08.54-.54.94-1.08.94H4.446c-.55 0-1.01-.4-1.09-.94"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#0074ba" d="m4.47 10l.4 3.105L4.5 15.5l.847 1.317L6.77 27.88C6.85 28.52 7.38 29 8 29h16.14c.62 0 1.15-.48 1.23-1.12L27.548 10L16 8z"/><path fill="#d3d3d3" d="m4.872 13.12l.475 3.694a20 20 0 0 0-.765 2.085c-.412 1.4-.44 2.376-.18 2.966c.2.454.7.94 2.207 1.006c1.476.064 2.66-.179 3.666-.65c1.011-.472 1.899-1.2 2.744-2.183c1.478-1.718 2.73-4.082 4.268-6.984q.395-.746.817-1.536a1 1 0 1 1 1.763.944q-.404.758-.794 1.495c-1.525 2.881-2.9 5.482-4.538 7.385c-.979 1.138-2.082 2.07-3.413 2.691c-1.335.625-2.846.912-4.6.836c-1.927-.084-3.325-.782-3.95-2.196c-.564-1.278-.346-2.854.092-4.34c.45-1.53 1.21-3.204 2.01-4.817z"/><path fill="#00a6ed" d="m3.356 9.06l-.35-2.35c-.05-.37.24-.71.62-.71h24.75c.38 0 .67.34.62.71l-.36 2.35c-.08.54-.54.94-1.08.94H4.446c-.55 0-1.01-.4-1.09-.94"/></g></svg> </template>
CSS
.icon-bucket {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%230074ba%22%20d%3D%22m4.47%2010l.4%203.105L4.5%2015.5l.847%201.317L6.77%2027.88C6.85%2028.52%207.38%2029%208%2029h16.14c.62%200%201.15-.48%201.23-1.12L27.548%2010L16%208z%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22m4.872%2013.12l.475%203.694a20%2020%200%200%200-.765%202.085c-.412%201.4-.44%202.376-.18%202.966c.2.454.7.94%202.207%201.006c1.476.064%202.66-.179%203.666-.65c1.011-.472%201.899-1.2%202.744-2.183c1.478-1.718%202.73-4.082%204.268-6.984q.395-.746.817-1.536a1%201%200%201%201%201.763.944q-.404.758-.794%201.495c-1.525%202.881-2.9%205.482-4.538%207.385c-.979%201.138-2.082%202.07-3.413%202.691c-1.335.625-2.846.912-4.6.836c-1.927-.084-3.325-.782-3.95-2.196c-.564-1.278-.346-2.854.092-4.34c.45-1.53%201.21-3.204%202.01-4.817z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22m3.356%209.06l-.35-2.35c-.05-.37.24-.71.62-.71h24.75c.38%200%20.67.34.62.71l-.36%202.35c-.08.54-.54.94-1.08.94H4.446c-.55%200-1.01-.4-1.09-.94%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%230074ba%22%20d%3D%22m4.47%2010l.4%203.105L4.5%2015.5l.847%201.317L6.77%2027.88C6.85%2028.52%207.38%2029%208%2029h16.14c.62%200%201.15-.48%201.23-1.12L27.548%2010L16%208z%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22m4.872%2013.12l.475%203.694a20%2020%200%200%200-.765%202.085c-.412%201.4-.44%202.376-.18%202.966c.2.454.7.94%202.207%201.006c1.476.064%202.66-.179%203.666-.65c1.011-.472%201.899-1.2%202.744-2.183c1.478-1.718%202.73-4.082%204.268-6.984q.395-.746.817-1.536a1%201%200%201%201%201.763.944q-.404.758-.794%201.495c-1.525%202.881-2.9%205.482-4.538%207.385c-.979%201.138-2.082%202.07-3.413%202.691c-1.335.625-2.846.912-4.6.836c-1.927-.084-3.325-.782-3.95-2.196c-.564-1.278-.346-2.854.092-4.34c.45-1.53%201.21-3.204%202.01-4.817z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22m3.356%209.06l-.35-2.35c-.05-.37.24-.71.62-.71h24.75c.38%200%20.67.34.62.71l-.36%202.35c-.08.54-.54.94-1.08.94H4.446c-.55%200-1.01-.4-1.09-.94%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/bucket.svg?color=%231a73e8&size=48
