bucket emoji
bucket from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- bucket
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Twitter Emoji
Use the bucket emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#88c9f9" d="m3 9l4.786 23.182S10 35 18 35s10.214-2.818 10.214-2.818L33 9z"/><path fill="#3b88c3" d="M2 5h32v4H2z"/><ellipse cx="18" cy="9.042" fill="#3b88c3" rx="16" ry="3.958"/><ellipse cx="18" cy="5" fill="#55acee" rx="16" ry="4"/><ellipse cx="18" cy="4.625" fill="#004a77" rx="15" ry="3.375"/><path fill="#99aab5" d="M18 26.413C8.406 26.413.602 18.489.602 8.75a1 1 0 0 1 2 0c0 8.637 6.908 15.663 15.398 15.663c8.491 0 15.398-7.026 15.398-15.663a1 1 0 1 1 2 0c0 9.739-7.804 17.663-17.398 17.663"/><path fill="#292f33" d="M25.406 23.826C25.406 25.579 22.09 27 18 27s-7.406-1.421-7.406-3.174s2.116 0 7.406 0s7.406-1.753 7.406 0"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBucket(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#88c9f9" d="m3 9l4.786 23.182S10 35 18 35s10.214-2.818 10.214-2.818L33 9z"/><path fill="#3b88c3" d="M2 5h32v4H2z"/><ellipse cx="18" cy="9.042" fill="#3b88c3" rx="16" ry="3.958"/><ellipse cx="18" cy="5" fill="#55acee" rx="16" ry="4"/><ellipse cx="18" cy="4.625" fill="#004a77" rx="15" ry="3.375"/><path fill="#99aab5" d="M18 26.413C8.406 26.413.602 18.489.602 8.75a1 1 0 0 1 2 0c0 8.637 6.908 15.663 15.398 15.663c8.491 0 15.398-7.026 15.398-15.663a1 1 0 1 1 2 0c0 9.739-7.804 17.663-17.398 17.663"/><path fill="#292f33" d="M25.406 23.826C25.406 25.579 22.09 27 18 27s-7.406-1.421-7.406-3.174s2.116 0 7.406 0s7.406-1.753 7.406 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#88c9f9" d="m3 9l4.786 23.182S10 35 18 35s10.214-2.818 10.214-2.818L33 9z"/><path fill="#3b88c3" d="M2 5h32v4H2z"/><ellipse cx="18" cy="9.042" fill="#3b88c3" rx="16" ry="3.958"/><ellipse cx="18" cy="5" fill="#55acee" rx="16" ry="4"/><ellipse cx="18" cy="4.625" fill="#004a77" rx="15" ry="3.375"/><path fill="#99aab5" d="M18 26.413C8.406 26.413.602 18.489.602 8.75a1 1 0 0 1 2 0c0 8.637 6.908 15.663 15.398 15.663c8.491 0 15.398-7.026 15.398-15.663a1 1 0 1 1 2 0c0 9.739-7.804 17.663-17.398 17.663"/><path fill="#292f33" d="M25.406 23.826C25.406 25.579 22.09 27 18 27s-7.406-1.421-7.406-3.174s2.116 0 7.406 0s7.406-1.753 7.406 0"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%2388c9f9%22%20d%3D%22m3%209l4.786%2023.182S10%2035%2018%2035s10.214-2.818%2010.214-2.818L33%209z%22%2F%3E%3Cpath%20fill%3D%22%233b88c3%22%20d%3D%22M2%205h32v4H2z%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%229.042%22%20fill%3D%22%233b88c3%22%20rx%3D%2216%22%20ry%3D%223.958%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%225%22%20fill%3D%22%2355acee%22%20rx%3D%2216%22%20ry%3D%224%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%224.625%22%20fill%3D%22%23004a77%22%20rx%3D%2215%22%20ry%3D%223.375%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M18%2026.413C8.406%2026.413.602%2018.489.602%208.75a1%201%200%200%201%202%200c0%208.637%206.908%2015.663%2015.398%2015.663c8.491%200%2015.398-7.026%2015.398-15.663a1%201%200%201%201%202%200c0%209.739-7.804%2017.663-17.398%2017.663%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M25.406%2023.826C25.406%2025.579%2022.09%2027%2018%2027s-7.406-1.421-7.406-3.174s2.116%200%207.406%200s7.406-1.753%207.406%200%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2388c9f9%22%20d%3D%22m3%209l4.786%2023.182S10%2035%2018%2035s10.214-2.818%2010.214-2.818L33%209z%22%2F%3E%3Cpath%20fill%3D%22%233b88c3%22%20d%3D%22M2%205h32v4H2z%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%229.042%22%20fill%3D%22%233b88c3%22%20rx%3D%2216%22%20ry%3D%223.958%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%225%22%20fill%3D%22%2355acee%22%20rx%3D%2216%22%20ry%3D%224%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%224.625%22%20fill%3D%22%23004a77%22%20rx%3D%2215%22%20ry%3D%223.375%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M18%2026.413C8.406%2026.413.602%2018.489.602%208.75a1%201%200%200%201%202%200c0%208.637%206.908%2015.663%2015.398%2015.663c8.491%200%2015.398-7.026%2015.398-15.663a1%201%200%201%201%202%200c0%209.739-7.804%2017.663-17.398%2017.663%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M25.406%2023.826C25.406%2025.579%2022.09%2027%2018%2027s-7.406-1.421-7.406-3.174s2.116%200%207.406%200s7.406-1.753%207.406%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/bucket.svg?color=%231a73e8&size=48
