toolbox emoji
toolbox from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- toolbox
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
toolboxFont Awesome 6 SolidtoolboxFont Awesome Solidtoolbox-12-filledFluent UI System Iconstoolbox-16Fluent UI System Color IconstoolboxFluent EmojitoolboxFluent Emoji FlattoolboxFluent Emoji High Contrasttoolboxcss.ggtoolboxHuge IconstoolboxLine AwesometoolboxLucidetoolboxLucide LabtoolboxMaterial Design IconstoolboxNoto EmojitoolboxOpenMojitoolboxPhosphortoolbox-boldSolar
More objects icons from Twitter Emoji
Use the toolbox emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#292f33" d="M26 .5H10C8.07.5 6.5 2.07 6.5 4v4h3V4c0-.271.229-.5.5-.5h16c.271 0 .5.229.5.5v4h3V4c0-1.93-1.57-3.5-3.5-3.5"/><path fill="#dd2e44" d="M36 31.765S36 36 31.765 36H4.235C0 36 0 31.765 0 31.765V11.647c0-4.235 4.235-4.235 4.235-4.235h27.529s4.235 0 4.235 4.235z"/><path fill="#ccd6dd" d="M4 22h28v2H4z"/><path fill="#be1931" d="M0 15h36v2H0zm4 9h28v2H4zm0 6h28v2H4z"/><path fill="#ccd6dd" d="M4 28h28v2H4z"/><path fill="#aab8c2" d="M10 19H8a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1m18 0h-2a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1"/><path fill="#292f33" d="M25 17v1a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1zM7 17v1a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1z"/><path fill="#292f33" d="M26 15h2v3h-2zM8 15h2v3H8z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiToolbox(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#292f33" d="M26 .5H10C8.07.5 6.5 2.07 6.5 4v4h3V4c0-.271.229-.5.5-.5h16c.271 0 .5.229.5.5v4h3V4c0-1.93-1.57-3.5-3.5-3.5"/><path fill="#dd2e44" d="M36 31.765S36 36 31.765 36H4.235C0 36 0 31.765 0 31.765V11.647c0-4.235 4.235-4.235 4.235-4.235h27.529s4.235 0 4.235 4.235z"/><path fill="#ccd6dd" d="M4 22h28v2H4z"/><path fill="#be1931" d="M0 15h36v2H0zm4 9h28v2H4zm0 6h28v2H4z"/><path fill="#ccd6dd" d="M4 28h28v2H4z"/><path fill="#aab8c2" d="M10 19H8a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1m18 0h-2a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1"/><path fill="#292f33" d="M25 17v1a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1zM7 17v1a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1z"/><path fill="#292f33" d="M26 15h2v3h-2zM8 15h2v3H8z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#292f33" d="M26 .5H10C8.07.5 6.5 2.07 6.5 4v4h3V4c0-.271.229-.5.5-.5h16c.271 0 .5.229.5.5v4h3V4c0-1.93-1.57-3.5-3.5-3.5"/><path fill="#dd2e44" d="M36 31.765S36 36 31.765 36H4.235C0 36 0 31.765 0 31.765V11.647c0-4.235 4.235-4.235 4.235-4.235h27.529s4.235 0 4.235 4.235z"/><path fill="#ccd6dd" d="M4 22h28v2H4z"/><path fill="#be1931" d="M0 15h36v2H0zm4 9h28v2H4zm0 6h28v2H4z"/><path fill="#ccd6dd" d="M4 28h28v2H4z"/><path fill="#aab8c2" d="M10 19H8a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1m18 0h-2a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1"/><path fill="#292f33" d="M25 17v1a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1zM7 17v1a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1z"/><path fill="#292f33" d="M26 15h2v3h-2zM8 15h2v3H8z"/></svg> </template>
CSS
.icon-toolbox {
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%23292f33%22%20d%3D%22M26%20.5H10C8.07.5%206.5%202.07%206.5%204v4h3V4c0-.271.229-.5.5-.5h16c.271%200%20.5.229.5.5v4h3V4c0-1.93-1.57-3.5-3.5-3.5%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M36%2031.765S36%2036%2031.765%2036H4.235C0%2036%200%2031.765%200%2031.765V11.647c0-4.235%204.235-4.235%204.235-4.235h27.529s4.235%200%204.235%204.235z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M4%2022h28v2H4z%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M0%2015h36v2H0zm4%209h28v2H4zm0%206h28v2H4z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M4%2028h28v2H4z%22%2F%3E%3Cpath%20fill%3D%22%23aab8c2%22%20d%3D%22M10%2019H8a1%201%200%200%201-1-1v-4a1%201%200%200%201%201-1h2a1%201%200%200%201%201%201v4a1%201%200%200%201-1%201m18%200h-2a1%201%200%200%201-1-1v-4a1%201%200%200%201%201-1h2a1%201%200%200%201%201%201v4a1%201%200%200%201-1%201%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M25%2017v1a1%201%200%200%200%201%201h2a1%201%200%200%200%201-1v-1zM7%2017v1a1%201%200%200%200%201%201h2a1%201%200%200%200%201-1v-1z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M26%2015h2v3h-2zM8%2015h2v3H8z%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%23292f33%22%20d%3D%22M26%20.5H10C8.07.5%206.5%202.07%206.5%204v4h3V4c0-.271.229-.5.5-.5h16c.271%200%20.5.229.5.5v4h3V4c0-1.93-1.57-3.5-3.5-3.5%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M36%2031.765S36%2036%2031.765%2036H4.235C0%2036%200%2031.765%200%2031.765V11.647c0-4.235%204.235-4.235%204.235-4.235h27.529s4.235%200%204.235%204.235z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M4%2022h28v2H4z%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M0%2015h36v2H0zm4%209h28v2H4zm0%206h28v2H4z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M4%2028h28v2H4z%22%2F%3E%3Cpath%20fill%3D%22%23aab8c2%22%20d%3D%22M10%2019H8a1%201%200%200%201-1-1v-4a1%201%200%200%201%201-1h2a1%201%200%200%201%201%201v4a1%201%200%200%201-1%201m18%200h-2a1%201%200%200%201-1-1v-4a1%201%200%200%201%201-1h2a1%201%200%200%201%201%201v4a1%201%200%200%201-1%201%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M25%2017v1a1%201%200%200%200%201%201h2a1%201%200%200%200%201-1v-1zM7%2017v1a1%201%200%200%200%201%201h2a1%201%200%200%200%201-1v-1z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M26%2015h2v3h-2zM8%2015h2v3H8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/toolbox.svg?color=%231a73e8&size=48
