gear emoji

gear from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.

Name: gear
Set: Fluent Emoji Flat
Style: Default
Category: Objects
Viewbox: 32×32
License: MIT

The same emoji in other sets

gearAkar Icons gearBootstrap Icons gearCodicons gearEmoji One (Colored)gearFramework7 Icons gearFont Awesome 6 Solid gearFont Awesome Solid gearFluent Emoji gearFluent Emoji High Contrast gearNoto Emoji gearOcticons gearOpenMoji gearPhosphor gearPixelarticons gearRadix Icons gearTwitter Emoji

More objects icons from Fluent Emoji Flat

Use the gear emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#b4acbc" d="M12.847 3.834A2 2 0 0 1 14.84 2h2.32a2 2 0 0 1 1.993 1.834l.235 2.825a.5.5 0 0 0 .821.34l2.164-1.831a2 2 0 0 1 2.706.112l1.64 1.64a2 2 0 0 1 .113 2.707l-1.83 2.163a.5.5 0 0 0 .34.822l2.824.235A2 2 0 0 1 30 14.84v2.32a2 2 0 0 1-1.834 1.993l-2.825.235a.5.5 0 0 0-.34.821l1.831 2.164a2 2 0 0 1-.112 2.706l-1.64 1.64a2 2 0 0 1-2.707.113l-2.164-1.83a.5.5 0 0 0-.82.34l-.236 2.824A2 2 0 0 1 17.16 30h-2.32a2 2 0 0 1-1.993-1.834l-.235-2.825a.5.5 0 0 0-.822-.34l-2.163 1.831a2 2 0 0 1-2.706-.112l-1.64-1.64a2 2 0 0 1-.113-2.707l1.83-2.164a.5.5 0 0 0-.34-.82l-2.824-.236A2 2 0 0 1 2 17.16v-2.32a2 2 0 0 1 1.834-1.993l2.825-.235a.5.5 0 0 0 .34-.822L5.168 9.628A2 2 0 0 1 5.28 6.92l1.64-1.64a2 2 0 0 1 2.707-.113l2.163 1.83a.5.5 0 0 0 .822-.34zM21 16a5 5 0 1 0-10 0a5 5 0 0 0 10 0"/><path fill="#998ea4" d="M24 16a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-3.5 0a4.5 4.5 0 1 0-9 0a4.5 4.5 0 0 0 9 0"/><path fill="#cdc4d6" d="M10.5 16a5.5 5.5 0 1 1 11 0a5.5 5.5 0 0 1-11 0M21 16a5 5 0 1 0-10 0a5 5 0 0 0 10 0"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatGear(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#b4acbc" d="M12.847 3.834A2 2 0 0 1 14.84 2h2.32a2 2 0 0 1 1.993 1.834l.235 2.825a.5.5 0 0 0 .821.34l2.164-1.831a2 2 0 0 1 2.706.112l1.64 1.64a2 2 0 0 1 .113 2.707l-1.83 2.163a.5.5 0 0 0 .34.822l2.824.235A2 2 0 0 1 30 14.84v2.32a2 2 0 0 1-1.834 1.993l-2.825.235a.5.5 0 0 0-.34.821l1.831 2.164a2 2 0 0 1-.112 2.706l-1.64 1.64a2 2 0 0 1-2.707.113l-2.164-1.83a.5.5 0 0 0-.82.34l-.236 2.824A2 2 0 0 1 17.16 30h-2.32a2 2 0 0 1-1.993-1.834l-.235-2.825a.5.5 0 0 0-.822-.34l-2.163 1.831a2 2 0 0 1-2.706-.112l-1.64-1.64a2 2 0 0 1-.113-2.707l1.83-2.164a.5.5 0 0 0-.34-.82l-2.824-.236A2 2 0 0 1 2 17.16v-2.32a2 2 0 0 1 1.834-1.993l2.825-.235a.5.5 0 0 0 .34-.822L5.168 9.628A2 2 0 0 1 5.28 6.92l1.64-1.64a2 2 0 0 1 2.707-.113l2.163 1.83a.5.5 0 0 0 .822-.34zM21 16a5 5 0 1 0-10 0a5 5 0 0 0 10 0"/><path fill="#998ea4" d="M24 16a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-3.5 0a4.5 4.5 0 1 0-9 0a4.5 4.5 0 0 0 9 0"/><path fill="#cdc4d6" d="M10.5 16a5.5 5.5 0 1 1 11 0a5.5 5.5 0 0 1-11 0M21 16a5 5 0 1 0-10 0a5 5 0 0 0 10 0"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#b4acbc" d="M12.847 3.834A2 2 0 0 1 14.84 2h2.32a2 2 0 0 1 1.993 1.834l.235 2.825a.5.5 0 0 0 .821.34l2.164-1.831a2 2 0 0 1 2.706.112l1.64 1.64a2 2 0 0 1 .113 2.707l-1.83 2.163a.5.5 0 0 0 .34.822l2.824.235A2 2 0 0 1 30 14.84v2.32a2 2 0 0 1-1.834 1.993l-2.825.235a.5.5 0 0 0-.34.821l1.831 2.164a2 2 0 0 1-.112 2.706l-1.64 1.64a2 2 0 0 1-2.707.113l-2.164-1.83a.5.5 0 0 0-.82.34l-.236 2.824A2 2 0 0 1 17.16 30h-2.32a2 2 0 0 1-1.993-1.834l-.235-2.825a.5.5 0 0 0-.822-.34l-2.163 1.831a2 2 0 0 1-2.706-.112l-1.64-1.64a2 2 0 0 1-.113-2.707l1.83-2.164a.5.5 0 0 0-.34-.82l-2.824-.236A2 2 0 0 1 2 17.16v-2.32a2 2 0 0 1 1.834-1.993l2.825-.235a.5.5 0 0 0 .34-.822L5.168 9.628A2 2 0 0 1 5.28 6.92l1.64-1.64a2 2 0 0 1 2.707-.113l2.163 1.83a.5.5 0 0 0 .822-.34zM21 16a5 5 0 1 0-10 0a5 5 0 0 0 10 0"/><path fill="#998ea4" d="M24 16a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-3.5 0a4.5 4.5 0 1 0-9 0a4.5 4.5 0 0 0 9 0"/><path fill="#cdc4d6" d="M10.5 16a5.5 5.5 0 1 1 11 0a5.5 5.5 0 0 1-11 0M21 16a5 5 0 1 0-10 0a5 5 0 0 0 10 0"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23b4acbc%22%20d%3D%22M12.847%203.834A2%202%200%200%201%2014.84%202h2.32a2%202%200%200%201%201.993%201.834l.235%202.825a.5.5%200%200%200%20.821.34l2.164-1.831a2%202%200%200%201%202.706.112l1.64%201.64a2%202%200%200%201%20.113%202.707l-1.83%202.163a.5.5%200%200%200%20.34.822l2.824.235A2%202%200%200%201%2030%2014.84v2.32a2%202%200%200%201-1.834%201.993l-2.825.235a.5.5%200%200%200-.34.821l1.831%202.164a2%202%200%200%201-.112%202.706l-1.64%201.64a2%202%200%200%201-2.707.113l-2.164-1.83a.5.5%200%200%200-.82.34l-.236%202.824A2%202%200%200%201%2017.16%2030h-2.32a2%202%200%200%201-1.993-1.834l-.235-2.825a.5.5%200%200%200-.822-.34l-2.163%201.831a2%202%200%200%201-2.706-.112l-1.64-1.64a2%202%200%200%201-.113-2.707l1.83-2.164a.5.5%200%200%200-.34-.82l-2.824-.236A2%202%200%200%201%202%2017.16v-2.32a2%202%200%200%201%201.834-1.993l2.825-.235a.5.5%200%200%200%20.34-.822L5.168%209.628A2%202%200%200%201%205.28%206.92l1.64-1.64a2%202%200%200%201%202.707-.113l2.163%201.83a.5.5%200%200%200%20.822-.34zM21%2016a5%205%200%201%200-10%200a5%205%200%200%200%2010%200%22%2F%3E%3Cpath%20fill%3D%22%23998ea4%22%20d%3D%22M24%2016a8%208%200%201%201-16%200a8%208%200%200%201%2016%200m-3.5%200a4.5%204.5%200%201%200-9%200a4.5%204.5%200%200%200%209%200%22%2F%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22M10.5%2016a5.5%205.5%200%201%201%2011%200a5.5%205.5%200%200%201-11%200M21%2016a5%205%200%201%200-10%200a5%205%200%200%200%2010%200%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23b4acbc%22%20d%3D%22M12.847%203.834A2%202%200%200%201%2014.84%202h2.32a2%202%200%200%201%201.993%201.834l.235%202.825a.5.5%200%200%200%20.821.34l2.164-1.831a2%202%200%200%201%202.706.112l1.64%201.64a2%202%200%200%201%20.113%202.707l-1.83%202.163a.5.5%200%200%200%20.34.822l2.824.235A2%202%200%200%201%2030%2014.84v2.32a2%202%200%200%201-1.834%201.993l-2.825.235a.5.5%200%200%200-.34.821l1.831%202.164a2%202%200%200%201-.112%202.706l-1.64%201.64a2%202%200%200%201-2.707.113l-2.164-1.83a.5.5%200%200%200-.82.34l-.236%202.824A2%202%200%200%201%2017.16%2030h-2.32a2%202%200%200%201-1.993-1.834l-.235-2.825a.5.5%200%200%200-.822-.34l-2.163%201.831a2%202%200%200%201-2.706-.112l-1.64-1.64a2%202%200%200%201-.113-2.707l1.83-2.164a.5.5%200%200%200-.34-.82l-2.824-.236A2%202%200%200%201%202%2017.16v-2.32a2%202%200%200%201%201.834-1.993l2.825-.235a.5.5%200%200%200%20.34-.822L5.168%209.628A2%202%200%200%201%205.28%206.92l1.64-1.64a2%202%200%200%201%202.707-.113l2.163%201.83a.5.5%200%200%200%20.822-.34zM21%2016a5%205%200%201%200-10%200a5%205%200%200%200%2010%200%22%2F%3E%3Cpath%20fill%3D%22%23998ea4%22%20d%3D%22M24%2016a8%208%200%201%201-16%200a8%208%200%200%201%2016%200m-3.5%200a4.5%204.5%200%201%200-9%200a4.5%204.5%200%200%200%209%200%22%2F%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22M10.5%2016a5.5%205.5%200%201%201%2011%200a5.5%205.5%200%200%201-11%200M21%2016a5%205%200%201%200-10%200a5%205%200%200%200%2010%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/gear.svg?color=%231a73e8&size=48