gear emoji
gear from Fluent Emoji High Contrast by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- gear
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji High Contrast
Use the gear emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M21 16a5 5 0 1 0-10 0a5 5 0 0 0 10 0m-.5 0a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0"/><path d="M24 16a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-13.5 0a5.5 5.5 0 1 0 11 0a5.5 5.5 0 0 0-11 0"/><path d="M3.697 23.79a3 3 0 0 0 .876 1.996l1.641 1.637a3 3 0 0 0 4.059.169l1.423-1.2l.155 1.858A3 3 0 0 0 14.84 31h2.32a3 3 0 0 0 2.99-2.75l.154-1.858l1.424 1.2a3 3 0 0 0 4.059-.169l1.64-1.64a3 3 0 0 0 .169-4.059l-1.2-1.423l1.858-.155a3 3 0 0 0 2.751-2.99v-2.319a3 3 0 0 0-2.751-2.99l-1.858-.155l1.2-1.423a3 3 0 0 0-.169-4.059l-1.64-1.64a3 3 0 0 0-4.059-.169l-1.424 1.2l-.154-1.858a3 3 0 0 0-2.99-2.75h-2.32a3 3 0 0 0-2.989 2.75l-.155 1.858l-1.423-1.2a3 3 0 0 0-4.059.17L4.573 6.21a3 3 0 0 0-.168 4.059l1.2 1.423l-1.858.155a3 3 0 0 0-2.751 2.99v2.322a3 3 0 0 0 2.751 2.99l1.858.155l-1.2 1.423a3 3 0 0 0-.708 2.062M14.161 3.261a1 1 0 0 1 .679-.263l2.32-.006a1 1 0 0 1 1 .917l.236 2.825a1.5 1.5 0 0 0 2.464 1.021l2.163-1.831a1 1 0 0 1 1.354.056l1.64 1.64a1 1 0 0 1 .056 1.353l-1.831 2.164a1.5 1.5 0 0 0 1.02 2.464l2.825.235a1 1 0 0 1 .917 1v2.325a1 1 0 0 1-.917 1l-2.825.235a1.5 1.5 0 0 0-1.02 2.464l1.831 2.164a1 1 0 0 1-.056 1.353l-1.64 1.64a1 1 0 0 1-1.354.056l-2.163-1.831a1.5 1.5 0 0 0-2.464 1.021l-.236 2.825a1 1 0 0 1-1 .916h-2.32a1 1 0 0 1-1-.916l-.236-2.825a1.5 1.5 0 0 0-2.463-1.021l-2.164 1.831a1 1 0 0 1-1.353-.056l-1.64-1.64a1 1 0 0 1-.057-1.353l1.831-2.164a1.5 1.5 0 0 0-1.02-2.464l-2.825-.235a1 1 0 0 1-.917-1v-2.319a1 1 0 0 1 .917-1l2.825-.235a1.5 1.5 0 0 0 1.02-2.464L5.927 8.98a1 1 0 0 1 .057-1.353l1.64-1.64a1 1 0 0 1 1.353-.056l2.164 1.831a1.5 1.5 0 0 0 2.463-1.021l.236-2.825a1 1 0 0 1 .32-.654"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastGear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M21 16a5 5 0 1 0-10 0a5 5 0 0 0 10 0m-.5 0a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0"/><path d="M24 16a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-13.5 0a5.5 5.5 0 1 0 11 0a5.5 5.5 0 0 0-11 0"/><path d="M3.697 23.79a3 3 0 0 0 .876 1.996l1.641 1.637a3 3 0 0 0 4.059.169l1.423-1.2l.155 1.858A3 3 0 0 0 14.84 31h2.32a3 3 0 0 0 2.99-2.75l.154-1.858l1.424 1.2a3 3 0 0 0 4.059-.169l1.64-1.64a3 3 0 0 0 .169-4.059l-1.2-1.423l1.858-.155a3 3 0 0 0 2.751-2.99v-2.319a3 3 0 0 0-2.751-2.99l-1.858-.155l1.2-1.423a3 3 0 0 0-.169-4.059l-1.64-1.64a3 3 0 0 0-4.059-.169l-1.424 1.2l-.154-1.858a3 3 0 0 0-2.99-2.75h-2.32a3 3 0 0 0-2.989 2.75l-.155 1.858l-1.423-1.2a3 3 0 0 0-4.059.17L4.573 6.21a3 3 0 0 0-.168 4.059l1.2 1.423l-1.858.155a3 3 0 0 0-2.751 2.99v2.322a3 3 0 0 0 2.751 2.99l1.858.155l-1.2 1.423a3 3 0 0 0-.708 2.062M14.161 3.261a1 1 0 0 1 .679-.263l2.32-.006a1 1 0 0 1 1 .917l.236 2.825a1.5 1.5 0 0 0 2.464 1.021l2.163-1.831a1 1 0 0 1 1.354.056l1.64 1.64a1 1 0 0 1 .056 1.353l-1.831 2.164a1.5 1.5 0 0 0 1.02 2.464l2.825.235a1 1 0 0 1 .917 1v2.325a1 1 0 0 1-.917 1l-2.825.235a1.5 1.5 0 0 0-1.02 2.464l1.831 2.164a1 1 0 0 1-.056 1.353l-1.64 1.64a1 1 0 0 1-1.354.056l-2.163-1.831a1.5 1.5 0 0 0-2.464 1.021l-.236 2.825a1 1 0 0 1-1 .916h-2.32a1 1 0 0 1-1-.916l-.236-2.825a1.5 1.5 0 0 0-2.463-1.021l-2.164 1.831a1 1 0 0 1-1.353-.056l-1.64-1.64a1 1 0 0 1-.057-1.353l1.831-2.164a1.5 1.5 0 0 0-1.02-2.464l-2.825-.235a1 1 0 0 1-.917-1v-2.319a1 1 0 0 1 .917-1l2.825-.235a1.5 1.5 0 0 0 1.02-2.464L5.927 8.98a1 1 0 0 1 .057-1.353l1.64-1.64a1 1 0 0 1 1.353-.056l2.164 1.831a1.5 1.5 0 0 0 2.463-1.021l.236-2.825a1 1 0 0 1 .32-.654"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M21 16a5 5 0 1 0-10 0a5 5 0 0 0 10 0m-.5 0a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0"/><path d="M24 16a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-13.5 0a5.5 5.5 0 1 0 11 0a5.5 5.5 0 0 0-11 0"/><path d="M3.697 23.79a3 3 0 0 0 .876 1.996l1.641 1.637a3 3 0 0 0 4.059.169l1.423-1.2l.155 1.858A3 3 0 0 0 14.84 31h2.32a3 3 0 0 0 2.99-2.75l.154-1.858l1.424 1.2a3 3 0 0 0 4.059-.169l1.64-1.64a3 3 0 0 0 .169-4.059l-1.2-1.423l1.858-.155a3 3 0 0 0 2.751-2.99v-2.319a3 3 0 0 0-2.751-2.99l-1.858-.155l1.2-1.423a3 3 0 0 0-.169-4.059l-1.64-1.64a3 3 0 0 0-4.059-.169l-1.424 1.2l-.154-1.858a3 3 0 0 0-2.99-2.75h-2.32a3 3 0 0 0-2.989 2.75l-.155 1.858l-1.423-1.2a3 3 0 0 0-4.059.17L4.573 6.21a3 3 0 0 0-.168 4.059l1.2 1.423l-1.858.155a3 3 0 0 0-2.751 2.99v2.322a3 3 0 0 0 2.751 2.99l1.858.155l-1.2 1.423a3 3 0 0 0-.708 2.062M14.161 3.261a1 1 0 0 1 .679-.263l2.32-.006a1 1 0 0 1 1 .917l.236 2.825a1.5 1.5 0 0 0 2.464 1.021l2.163-1.831a1 1 0 0 1 1.354.056l1.64 1.64a1 1 0 0 1 .056 1.353l-1.831 2.164a1.5 1.5 0 0 0 1.02 2.464l2.825.235a1 1 0 0 1 .917 1v2.325a1 1 0 0 1-.917 1l-2.825.235a1.5 1.5 0 0 0-1.02 2.464l1.831 2.164a1 1 0 0 1-.056 1.353l-1.64 1.64a1 1 0 0 1-1.354.056l-2.163-1.831a1.5 1.5 0 0 0-2.464 1.021l-.236 2.825a1 1 0 0 1-1 .916h-2.32a1 1 0 0 1-1-.916l-.236-2.825a1.5 1.5 0 0 0-2.463-1.021l-2.164 1.831a1 1 0 0 1-1.353-.056l-1.64-1.64a1 1 0 0 1-.057-1.353l1.831-2.164a1.5 1.5 0 0 0-1.02-2.464l-2.825-.235a1 1 0 0 1-.917-1v-2.319a1 1 0 0 1 .917-1l2.825-.235a1.5 1.5 0 0 0 1.02-2.464L5.927 8.98a1 1 0 0 1 .057-1.353l1.64-1.64a1 1 0 0 1 1.353-.056l2.164 1.831a1.5 1.5 0 0 0 2.463-1.021l.236-2.825a1 1 0 0 1 .32-.654"/></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%22currentColor%22%3E%3Cpath%20d%3D%22M21%2016a5%205%200%201%200-10%200a5%205%200%200%200%2010%200m-.5%200a4.5%204.5%200%201%201-9%200a4.5%204.5%200%200%201%209%200%22%2F%3E%3Cpath%20d%3D%22M24%2016a8%208%200%201%201-16%200a8%208%200%200%201%2016%200m-13.5%200a5.5%205.5%200%201%200%2011%200a5.5%205.5%200%200%200-11%200%22%2F%3E%3Cpath%20d%3D%22M3.697%2023.79a3%203%200%200%200%20.876%201.996l1.641%201.637a3%203%200%200%200%204.059.169l1.423-1.2l.155%201.858A3%203%200%200%200%2014.84%2031h2.32a3%203%200%200%200%202.99-2.75l.154-1.858l1.424%201.2a3%203%200%200%200%204.059-.169l1.64-1.64a3%203%200%200%200%20.169-4.059l-1.2-1.423l1.858-.155a3%203%200%200%200%202.751-2.99v-2.319a3%203%200%200%200-2.751-2.99l-1.858-.155l1.2-1.423a3%203%200%200%200-.169-4.059l-1.64-1.64a3%203%200%200%200-4.059-.169l-1.424%201.2l-.154-1.858a3%203%200%200%200-2.99-2.75h-2.32a3%203%200%200%200-2.989%202.75l-.155%201.858l-1.423-1.2a3%203%200%200%200-4.059.17L4.573%206.21a3%203%200%200%200-.168%204.059l1.2%201.423l-1.858.155a3%203%200%200%200-2.751%202.99v2.322a3%203%200%200%200%202.751%202.99l1.858.155l-1.2%201.423a3%203%200%200%200-.708%202.062M14.161%203.261a1%201%200%200%201%20.679-.263l2.32-.006a1%201%200%200%201%201%20.917l.236%202.825a1.5%201.5%200%200%200%202.464%201.021l2.163-1.831a1%201%200%200%201%201.354.056l1.64%201.64a1%201%200%200%201%20.056%201.353l-1.831%202.164a1.5%201.5%200%200%200%201.02%202.464l2.825.235a1%201%200%200%201%20.917%201v2.325a1%201%200%200%201-.917%201l-2.825.235a1.5%201.5%200%200%200-1.02%202.464l1.831%202.164a1%201%200%200%201-.056%201.353l-1.64%201.64a1%201%200%200%201-1.354.056l-2.163-1.831a1.5%201.5%200%200%200-2.464%201.021l-.236%202.825a1%201%200%200%201-1%20.916h-2.32a1%201%200%200%201-1-.916l-.236-2.825a1.5%201.5%200%200%200-2.463-1.021l-2.164%201.831a1%201%200%200%201-1.353-.056l-1.64-1.64a1%201%200%200%201-.057-1.353l1.831-2.164a1.5%201.5%200%200%200-1.02-2.464l-2.825-.235a1%201%200%200%201-.917-1v-2.319a1%201%200%200%201%20.917-1l2.825-.235a1.5%201.5%200%200%200%201.02-2.464L5.927%208.98a1%201%200%200%201%20.057-1.353l1.64-1.64a1%201%200%200%201%201.353-.056l2.164%201.831a1.5%201.5%200%200%200%202.463-1.021l.236-2.825a1%201%200%200%201%20.32-.654%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%22currentColor%22%3E%3Cpath%20d%3D%22M21%2016a5%205%200%201%200-10%200a5%205%200%200%200%2010%200m-.5%200a4.5%204.5%200%201%201-9%200a4.5%204.5%200%200%201%209%200%22%2F%3E%3Cpath%20d%3D%22M24%2016a8%208%200%201%201-16%200a8%208%200%200%201%2016%200m-13.5%200a5.5%205.5%200%201%200%2011%200a5.5%205.5%200%200%200-11%200%22%2F%3E%3Cpath%20d%3D%22M3.697%2023.79a3%203%200%200%200%20.876%201.996l1.641%201.637a3%203%200%200%200%204.059.169l1.423-1.2l.155%201.858A3%203%200%200%200%2014.84%2031h2.32a3%203%200%200%200%202.99-2.75l.154-1.858l1.424%201.2a3%203%200%200%200%204.059-.169l1.64-1.64a3%203%200%200%200%20.169-4.059l-1.2-1.423l1.858-.155a3%203%200%200%200%202.751-2.99v-2.319a3%203%200%200%200-2.751-2.99l-1.858-.155l1.2-1.423a3%203%200%200%200-.169-4.059l-1.64-1.64a3%203%200%200%200-4.059-.169l-1.424%201.2l-.154-1.858a3%203%200%200%200-2.99-2.75h-2.32a3%203%200%200%200-2.989%202.75l-.155%201.858l-1.423-1.2a3%203%200%200%200-4.059.17L4.573%206.21a3%203%200%200%200-.168%204.059l1.2%201.423l-1.858.155a3%203%200%200%200-2.751%202.99v2.322a3%203%200%200%200%202.751%202.99l1.858.155l-1.2%201.423a3%203%200%200%200-.708%202.062M14.161%203.261a1%201%200%200%201%20.679-.263l2.32-.006a1%201%200%200%201%201%20.917l.236%202.825a1.5%201.5%200%200%200%202.464%201.021l2.163-1.831a1%201%200%200%201%201.354.056l1.64%201.64a1%201%200%200%201%20.056%201.353l-1.831%202.164a1.5%201.5%200%200%200%201.02%202.464l2.825.235a1%201%200%200%201%20.917%201v2.325a1%201%200%200%201-.917%201l-2.825.235a1.5%201.5%200%200%200-1.02%202.464l1.831%202.164a1%201%200%200%201-.056%201.353l-1.64%201.64a1%201%200%200%201-1.354.056l-2.163-1.831a1.5%201.5%200%200%200-2.464%201.021l-.236%202.825a1%201%200%200%201-1%20.916h-2.32a1%201%200%200%201-1-.916l-.236-2.825a1.5%201.5%200%200%200-2.463-1.021l-2.164%201.831a1%201%200%200%201-1.353-.056l-1.64-1.64a1%201%200%200%201-.057-1.353l1.831-2.164a1.5%201.5%200%200%200-1.02-2.464l-2.825-.235a1%201%200%200%201-.917-1v-2.319a1%201%200%200%201%20.917-1l2.825-.235a1.5%201.5%200%200%200%201.02-2.464L5.927%208.98a1%201%200%200%201%20.057-1.353l1.64-1.64a1%201%200%200%201%201.353-.056l2.164%201.831a1.5%201.5%200%200%200%202.463-1.021l.236-2.825a1%201%200%200%201%20.32-.654%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-high-contrast/gear.svg?color=%231a73e8&size=48
