wrench emoji
wrench from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- wrench
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
wrenchBootstrap IconswrenchBoxIcons v2wrenchBoxIcons v2 SolidwrenchEmoji One (Colored)wrenchFramework7 IconswrenchFont Awesome 6 SolidwrenchFont Awesome Solidwrench-16-filledFluent UI System Iconswrench-16Fluent UI System Color IconswrenchFluent EmojiwrenchFluent Emoji FlatwrenchFluent Emoji High ContrastwrenchFirefox OS EmojiwrenchHeroIconswrenchIconoirwrenchIonIconswrenchJam IconswrenchLine AwesomewrenchLucidewrenchMage IconswrenchMaterial Design IconswrenchMyna UI IconswrenchNoto EmojiwrenchOpenMoji
More objects icons from Twitter Emoji
Use the wrench emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#8899a6" d="M27.989 19.977c-.622 0-1.225.078-1.806.213L15.811 9.818a8 8 0 0 0 .212-1.806A8.01 8.01 0 0 0 8.012 0C7.11 0 5.91.916 6.909 1.915l2.997 2.997s.999 1.998-.999 3.995s-3.996.998-3.996.998L1.915 6.909C.916 5.91 0 7.105 0 8.012a8.01 8.01 0 0 0 8.012 8.012a8 8 0 0 0 1.806-.212l10.371 10.371a8 8 0 0 0-.213 1.806A8.01 8.01 0 0 0 27.988 36c.901 0 2.101-.916 1.102-1.915l-2.997-2.997s-.999-1.998.999-3.995s3.995-.999 3.995-.999l2.997 2.997c1 .999 1.916-.196 1.916-1.102a8.01 8.01 0 0 0-8.011-8.012"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiWrench(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#8899a6" d="M27.989 19.977c-.622 0-1.225.078-1.806.213L15.811 9.818a8 8 0 0 0 .212-1.806A8.01 8.01 0 0 0 8.012 0C7.11 0 5.91.916 6.909 1.915l2.997 2.997s.999 1.998-.999 3.995s-3.996.998-3.996.998L1.915 6.909C.916 5.91 0 7.105 0 8.012a8.01 8.01 0 0 0 8.012 8.012a8 8 0 0 0 1.806-.212l10.371 10.371a8 8 0 0 0-.213 1.806A8.01 8.01 0 0 0 27.988 36c.901 0 2.101-.916 1.102-1.915l-2.997-2.997s-.999-1.998.999-3.995s3.995-.999 3.995-.999l2.997 2.997c1 .999 1.916-.196 1.916-1.102a8.01 8.01 0 0 0-8.011-8.012"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#8899a6" d="M27.989 19.977c-.622 0-1.225.078-1.806.213L15.811 9.818a8 8 0 0 0 .212-1.806A8.01 8.01 0 0 0 8.012 0C7.11 0 5.91.916 6.909 1.915l2.997 2.997s.999 1.998-.999 3.995s-3.996.998-3.996.998L1.915 6.909C.916 5.91 0 7.105 0 8.012a8.01 8.01 0 0 0 8.012 8.012a8 8 0 0 0 1.806-.212l10.371 10.371a8 8 0 0 0-.213 1.806A8.01 8.01 0 0 0 27.988 36c.901 0 2.101-.916 1.102-1.915l-2.997-2.997s-.999-1.998.999-3.995s3.995-.999 3.995-.999l2.997 2.997c1 .999 1.916-.196 1.916-1.102a8.01 8.01 0 0 0-8.011-8.012"/></svg> </template>
CSS
.icon-wrench {
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%238899a6%22%20d%3D%22M27.989%2019.977c-.622%200-1.225.078-1.806.213L15.811%209.818a8%208%200%200%200%20.212-1.806A8.01%208.01%200%200%200%208.012%200C7.11%200%205.91.916%206.909%201.915l2.997%202.997s.999%201.998-.999%203.995s-3.996.998-3.996.998L1.915%206.909C.916%205.91%200%207.105%200%208.012a8.01%208.01%200%200%200%208.012%208.012a8%208%200%200%200%201.806-.212l10.371%2010.371a8%208%200%200%200-.213%201.806A8.01%208.01%200%200%200%2027.988%2036c.901%200%202.101-.916%201.102-1.915l-2.997-2.997s-.999-1.998.999-3.995s3.995-.999%203.995-.999l2.997%202.997c1%20.999%201.916-.196%201.916-1.102a8.01%208.01%200%200%200-8.011-8.012%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%238899a6%22%20d%3D%22M27.989%2019.977c-.622%200-1.225.078-1.806.213L15.811%209.818a8%208%200%200%200%20.212-1.806A8.01%208.01%200%200%200%208.012%200C7.11%200%205.91.916%206.909%201.915l2.997%202.997s.999%201.998-.999%203.995s-3.996.998-3.996.998L1.915%206.909C.916%205.91%200%207.105%200%208.012a8.01%208.01%200%200%200%208.012%208.012a8%208%200%200%200%201.806-.212l10.371%2010.371a8%208%200%200%200-.213%201.806A8.01%208.01%200%200%200%2027.988%2036c.901%200%202.101-.916%201.102-1.915l-2.997-2.997s-.999-1.998.999-3.995s3.995-.999%203.995-.999l2.997%202.997c1%20.999%201.916-.196%201.916-1.102a8.01%208.01%200%200%200-8.011-8.012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/wrench.svg?color=%231a73e8&size=48
