gear emoji
gear from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- gear
- 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 gear emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M34 15h-3.362a12.9 12.9 0 0 0-1.582-3.814l2.379-2.379a2 2 0 0 0 0-2.829l-1.414-1.414a2 2 0 0 0-2.828 0l-2.379 2.379A13 13 0 0 0 21 5.362V2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v3.362a12.9 12.9 0 0 0-3.814 1.582L8.808 4.565a2 2 0 0 0-2.828 0L4.565 5.979a2 2 0 0 0-.001 2.829l2.379 2.379A12.9 12.9 0 0 0 5.362 15H2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h3.362a12.9 12.9 0 0 0 1.582 3.813l-2.379 2.379c-.78.78-.78 2.048.001 2.829l1.414 1.414c.78.78 2.047.78 2.828 0l2.379-2.379a12.9 12.9 0 0 0 3.814 1.582V34a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-3.362a12.9 12.9 0 0 0 3.813-1.582l2.379 2.379a2 2 0 0 0 2.828 0l1.414-1.414a2 2 0 0 0 0-2.829l-2.379-2.379a12.9 12.9 0 0 0 1.582-3.814H34a2 2 0 0 0 2-2v-2A2 2 0 0 0 34 15M18 26a8 8 0 1 1 0-16a8 8 0 0 1 0 16"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiGear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M34 15h-3.362a12.9 12.9 0 0 0-1.582-3.814l2.379-2.379a2 2 0 0 0 0-2.829l-1.414-1.414a2 2 0 0 0-2.828 0l-2.379 2.379A13 13 0 0 0 21 5.362V2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v3.362a12.9 12.9 0 0 0-3.814 1.582L8.808 4.565a2 2 0 0 0-2.828 0L4.565 5.979a2 2 0 0 0-.001 2.829l2.379 2.379A12.9 12.9 0 0 0 5.362 15H2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h3.362a12.9 12.9 0 0 0 1.582 3.813l-2.379 2.379c-.78.78-.78 2.048.001 2.829l1.414 1.414c.78.78 2.047.78 2.828 0l2.379-2.379a12.9 12.9 0 0 0 3.814 1.582V34a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-3.362a12.9 12.9 0 0 0 3.813-1.582l2.379 2.379a2 2 0 0 0 2.828 0l1.414-1.414a2 2 0 0 0 0-2.829l-2.379-2.379a12.9 12.9 0 0 0 1.582-3.814H34a2 2 0 0 0 2-2v-2A2 2 0 0 0 34 15M18 26a8 8 0 1 1 0-16a8 8 0 0 1 0 16"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M34 15h-3.362a12.9 12.9 0 0 0-1.582-3.814l2.379-2.379a2 2 0 0 0 0-2.829l-1.414-1.414a2 2 0 0 0-2.828 0l-2.379 2.379A13 13 0 0 0 21 5.362V2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v3.362a12.9 12.9 0 0 0-3.814 1.582L8.808 4.565a2 2 0 0 0-2.828 0L4.565 5.979a2 2 0 0 0-.001 2.829l2.379 2.379A12.9 12.9 0 0 0 5.362 15H2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h3.362a12.9 12.9 0 0 0 1.582 3.813l-2.379 2.379c-.78.78-.78 2.048.001 2.829l1.414 1.414c.78.78 2.047.78 2.828 0l2.379-2.379a12.9 12.9 0 0 0 3.814 1.582V34a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-3.362a12.9 12.9 0 0 0 3.813-1.582l2.379 2.379a2 2 0 0 0 2.828 0l1.414-1.414a2 2 0 0 0 0-2.829l-2.379-2.379a12.9 12.9 0 0 0 1.582-3.814H34a2 2 0 0 0 2-2v-2A2 2 0 0 0 34 15M18 26a8 8 0 1 1 0-16a8 8 0 0 1 0 16"/></svg> </template>
CSS
.icon-gear {
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%2366757f%22%20d%3D%22M34%2015h-3.362a12.9%2012.9%200%200%200-1.582-3.814l2.379-2.379a2%202%200%200%200%200-2.829l-1.414-1.414a2%202%200%200%200-2.828%200l-2.379%202.379A13%2013%200%200%200%2021%205.362V2a2%202%200%200%200-2-2h-2a2%202%200%200%200-2%202v3.362a12.9%2012.9%200%200%200-3.814%201.582L8.808%204.565a2%202%200%200%200-2.828%200L4.565%205.979a2%202%200%200%200-.001%202.829l2.379%202.379A12.9%2012.9%200%200%200%205.362%2015H2a2%202%200%200%200-2%202v2a2%202%200%200%200%202%202h3.362a12.9%2012.9%200%200%200%201.582%203.813l-2.379%202.379c-.78.78-.78%202.048.001%202.829l1.414%201.414c.78.78%202.047.78%202.828%200l2.379-2.379a12.9%2012.9%200%200%200%203.814%201.582V34a2%202%200%200%200%202%202h2a2%202%200%200%200%202-2v-3.362a12.9%2012.9%200%200%200%203.813-1.582l2.379%202.379a2%202%200%200%200%202.828%200l1.414-1.414a2%202%200%200%200%200-2.829l-2.379-2.379a12.9%2012.9%200%200%200%201.582-3.814H34a2%202%200%200%200%202-2v-2A2%202%200%200%200%2034%2015M18%2026a8%208%200%201%201%200-16a8%208%200%200%201%200%2016%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%2366757f%22%20d%3D%22M34%2015h-3.362a12.9%2012.9%200%200%200-1.582-3.814l2.379-2.379a2%202%200%200%200%200-2.829l-1.414-1.414a2%202%200%200%200-2.828%200l-2.379%202.379A13%2013%200%200%200%2021%205.362V2a2%202%200%200%200-2-2h-2a2%202%200%200%200-2%202v3.362a12.9%2012.9%200%200%200-3.814%201.582L8.808%204.565a2%202%200%200%200-2.828%200L4.565%205.979a2%202%200%200%200-.001%202.829l2.379%202.379A12.9%2012.9%200%200%200%205.362%2015H2a2%202%200%200%200-2%202v2a2%202%200%200%200%202%202h3.362a12.9%2012.9%200%200%200%201.582%203.813l-2.379%202.379c-.78.78-.78%202.048.001%202.829l1.414%201.414c.78.78%202.047.78%202.828%200l2.379-2.379a12.9%2012.9%200%200%200%203.814%201.582V34a2%202%200%200%200%202%202h2a2%202%200%200%200%202-2v-3.362a12.9%2012.9%200%200%200%203.813-1.582l2.379%202.379a2%202%200%200%200%202.828%200l1.414-1.414a2%202%200%200%200%200-2.829l-2.379-2.379a12.9%2012.9%200%200%200%201.582-3.814H34a2%202%200%200%200%202-2v-2A2%202%200%200%200%2034%2015M18%2026a8%208%200%201%201%200-16a8%208%200%200%201%200%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/gear.svg?color=%231a73e8&size=48
