hammer and wrench emoji
hammer-and-wrench from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- hammer-and-wrench
- 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 hammer and wrench emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#8899a6" d="m34.247 6.324l-2.742 2.743s-1.829.914-3.657-.915c-1.829-1.828-.915-3.657-.915-3.657l2.743-2.743C30.591.838 29.492 0 28.667 0a7.333 7.333 0 0 0-7.334 7.333c0 .569.072 1.121.194 1.653l-6.199 6.199l5.485 5.485l6.199-6.198a7.4 7.4 0 0 0 1.654.194a7.333 7.333 0 0 0 7.333-7.333c.001-.83-.838-1.923-1.752-1.009m-19.027 9.04L3.031 27.552a3.83 3.83 0 0 0 0 5.417a3.83 3.83 0 0 0 5.417 0l12.187-12.188zM5.763 31.838a1.482 1.482 0 1 1 0-2.964a1.482 1.482 0 0 1 0 2.964"/><path fill="#f4900c" d="M30.83 33.279c1.166 1.166 3.022 1.221 4.121.121s1.045-2.955-.121-4.121L11.565 6.014c-1.167-1.167-3.021-1.221-4.121-.121s-1.045 2.955.121 4.121z"/><path fill="#66757f" d="M21.444.893s-6-3-11 2l-7 7s-1-1-2 0l-1 1s-1 1 0 2l4 4s1 1 2 0l1-1s1-1 0-2l-.078-.078c.77-.743 1.923-1.5 3.078-.922l4-4s-1-3 1-5s3-2 5-2s1-1 1-1"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiHammerAndWrench(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="m34.247 6.324l-2.742 2.743s-1.829.914-3.657-.915c-1.829-1.828-.915-3.657-.915-3.657l2.743-2.743C30.591.838 29.492 0 28.667 0a7.333 7.333 0 0 0-7.334 7.333c0 .569.072 1.121.194 1.653l-6.199 6.199l5.485 5.485l6.199-6.198a7.4 7.4 0 0 0 1.654.194a7.333 7.333 0 0 0 7.333-7.333c.001-.83-.838-1.923-1.752-1.009m-19.027 9.04L3.031 27.552a3.83 3.83 0 0 0 0 5.417a3.83 3.83 0 0 0 5.417 0l12.187-12.188zM5.763 31.838a1.482 1.482 0 1 1 0-2.964a1.482 1.482 0 0 1 0 2.964"/><path fill="#f4900c" d="M30.83 33.279c1.166 1.166 3.022 1.221 4.121.121s1.045-2.955-.121-4.121L11.565 6.014c-1.167-1.167-3.021-1.221-4.121-.121s-1.045 2.955.121 4.121z"/><path fill="#66757f" d="M21.444.893s-6-3-11 2l-7 7s-1-1-2 0l-1 1s-1 1 0 2l4 4s1 1 2 0l1-1s1-1 0-2l-.078-.078c.77-.743 1.923-1.5 3.078-.922l4-4s-1-3 1-5s3-2 5-2s1-1 1-1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#8899a6" d="m34.247 6.324l-2.742 2.743s-1.829.914-3.657-.915c-1.829-1.828-.915-3.657-.915-3.657l2.743-2.743C30.591.838 29.492 0 28.667 0a7.333 7.333 0 0 0-7.334 7.333c0 .569.072 1.121.194 1.653l-6.199 6.199l5.485 5.485l6.199-6.198a7.4 7.4 0 0 0 1.654.194a7.333 7.333 0 0 0 7.333-7.333c.001-.83-.838-1.923-1.752-1.009m-19.027 9.04L3.031 27.552a3.83 3.83 0 0 0 0 5.417a3.83 3.83 0 0 0 5.417 0l12.187-12.188zM5.763 31.838a1.482 1.482 0 1 1 0-2.964a1.482 1.482 0 0 1 0 2.964"/><path fill="#f4900c" d="M30.83 33.279c1.166 1.166 3.022 1.221 4.121.121s1.045-2.955-.121-4.121L11.565 6.014c-1.167-1.167-3.021-1.221-4.121-.121s-1.045 2.955.121 4.121z"/><path fill="#66757f" d="M21.444.893s-6-3-11 2l-7 7s-1-1-2 0l-1 1s-1 1 0 2l4 4s1 1 2 0l1-1s1-1 0-2l-.078-.078c.77-.743 1.923-1.5 3.078-.922l4-4s-1-3 1-5s3-2 5-2s1-1 1-1"/></svg> </template>
CSS
.icon-hammer-and-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%22m34.247%206.324l-2.742%202.743s-1.829.914-3.657-.915c-1.829-1.828-.915-3.657-.915-3.657l2.743-2.743C30.591.838%2029.492%200%2028.667%200a7.333%207.333%200%200%200-7.334%207.333c0%20.569.072%201.121.194%201.653l-6.199%206.199l5.485%205.485l6.199-6.198a7.4%207.4%200%200%200%201.654.194a7.333%207.333%200%200%200%207.333-7.333c.001-.83-.838-1.923-1.752-1.009m-19.027%209.04L3.031%2027.552a3.83%203.83%200%200%200%200%205.417a3.83%203.83%200%200%200%205.417%200l12.187-12.188zM5.763%2031.838a1.482%201.482%200%201%201%200-2.964a1.482%201.482%200%200%201%200%202.964%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M30.83%2033.279c1.166%201.166%203.022%201.221%204.121.121s1.045-2.955-.121-4.121L11.565%206.014c-1.167-1.167-3.021-1.221-4.121-.121s-1.045%202.955.121%204.121z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M21.444.893s-6-3-11%202l-7%207s-1-1-2%200l-1%201s-1%201%200%202l4%204s1%201%202%200l1-1s1-1%200-2l-.078-.078c.77-.743%201.923-1.5%203.078-.922l4-4s-1-3%201-5s3-2%205-2s1-1%201-1%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%22m34.247%206.324l-2.742%202.743s-1.829.914-3.657-.915c-1.829-1.828-.915-3.657-.915-3.657l2.743-2.743C30.591.838%2029.492%200%2028.667%200a7.333%207.333%200%200%200-7.334%207.333c0%20.569.072%201.121.194%201.653l-6.199%206.199l5.485%205.485l6.199-6.198a7.4%207.4%200%200%200%201.654.194a7.333%207.333%200%200%200%207.333-7.333c.001-.83-.838-1.923-1.752-1.009m-19.027%209.04L3.031%2027.552a3.83%203.83%200%200%200%200%205.417a3.83%203.83%200%200%200%205.417%200l12.187-12.188zM5.763%2031.838a1.482%201.482%200%201%201%200-2.964a1.482%201.482%200%200%201%200%202.964%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M30.83%2033.279c1.166%201.166%203.022%201.221%204.121.121s1.045-2.955-.121-4.121L11.565%206.014c-1.167-1.167-3.021-1.221-4.121-.121s-1.045%202.955.121%204.121z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M21.444.893s-6-3-11%202l-7%207s-1-1-2%200l-1%201s-1%201%200%202l4%204s1%201%202%200l1-1s1-1%200-2l-.078-.078c.77-.743%201.923-1.5%203.078-.922l4-4s-1-3%201-5s3-2%205-2s1-1%201-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/hammer-and-wrench.svg?color=%231a73e8&size=48
