gear icon

gear from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name: gear
Set: Phosphor
Style: Regular
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

gear-bold gear-duotone gear-fill gear-light gear-thin

The same icon in other sets

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

Related icons in Phosphor

gear-fine gear-six

Use the gear icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 80a48 48 0 1 0 48 48a48.05 48.05 0 0 0-48-48m0 80a32 32 0 1 1 32-32a32 32 0 0 1-32 32m88-29.84q.06-2.16 0-4.32l14.92-18.64a8 8 0 0 0 1.48-7.06a107.2 107.2 0 0 0-10.88-26.25a8 8 0 0 0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186 40.54a8 8 0 0 0-3.94-6a107.7 107.7 0 0 0-26.25-10.87a8 8 0 0 0-7.06 1.49L130.16 40h-4.32L107.2 25.11a8 8 0 0 0-7.06-1.48a107.6 107.6 0 0 0-26.25 10.88a8 8 0 0 0-3.93 6l-2.64 23.76q-1.56 1.49-3 3L40.54 70a8 8 0 0 0-6 3.94a107.7 107.7 0 0 0-10.87 26.25a8 8 0 0 0 1.49 7.06L40 125.84v4.32L25.11 148.8a8 8 0 0 0-1.48 7.06a107.2 107.2 0 0 0 10.88 26.25a8 8 0 0 0 6 3.93l23.72 2.64q1.49 1.56 3 3L70 215.46a8 8 0 0 0 3.94 6a107.7 107.7 0 0 0 26.25 10.87a8 8 0 0 0 7.06-1.49L125.84 216q2.16.06 4.32 0l18.64 14.92a8 8 0 0 0 7.06 1.48a107.2 107.2 0 0 0 26.25-10.88a8 8 0 0 0 3.93-6l2.64-23.72q1.56-1.48 3-3l23.78-2.8a8 8 0 0 0 6-3.94a107.7 107.7 0 0 0 10.87-26.25a8 8 0 0 0-1.49-7.06Zm-16.1-6.5a74 74 0 0 1 0 8.68a8 8 0 0 0 1.74 5.48l14.19 17.73a91.6 91.6 0 0 1-6.23 15l-22.6 2.56a8 8 0 0 0-5.1 2.64a74 74 0 0 1-6.14 6.14a8 8 0 0 0-2.64 5.1l-2.51 22.58a91.3 91.3 0 0 1-15 6.23l-17.74-14.19a8 8 0 0 0-5-1.75h-.48a74 74 0 0 1-8.68 0a8 8 0 0 0-5.48 1.74l-17.78 14.2a91.6 91.6 0 0 1-15-6.23L82.89 187a8 8 0 0 0-2.64-5.1a74 74 0 0 1-6.14-6.14a8 8 0 0 0-5.1-2.64l-22.58-2.52a91.3 91.3 0 0 1-6.23-15l14.19-17.74a8 8 0 0 0 1.74-5.48a74 74 0 0 1 0-8.68a8 8 0 0 0-1.74-5.48L40.2 100.45a91.6 91.6 0 0 1 6.23-15L69 82.89a8 8 0 0 0 5.1-2.64a74 74 0 0 1 6.14-6.14A8 8 0 0 0 82.89 69l2.51-22.57a91.3 91.3 0 0 1 15-6.23l17.74 14.19a8 8 0 0 0 5.48 1.74a74 74 0 0 1 8.68 0a8 8 0 0 0 5.48-1.74l17.77-14.19a91.6 91.6 0 0 1 15 6.23L173.11 69a8 8 0 0 0 2.64 5.1a74 74 0 0 1 6.14 6.14a8 8 0 0 0 5.1 2.64l22.58 2.51a91.3 91.3 0 0 1 6.23 15l-14.19 17.74a8 8 0 0 0-1.74 5.53Z"/></svg>

React

import type { SVGProps } from "react";

export function PhGear(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 80a48 48 0 1 0 48 48a48.05 48.05 0 0 0-48-48m0 80a32 32 0 1 1 32-32a32 32 0 0 1-32 32m88-29.84q.06-2.16 0-4.32l14.92-18.64a8 8 0 0 0 1.48-7.06a107.2 107.2 0 0 0-10.88-26.25a8 8 0 0 0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186 40.54a8 8 0 0 0-3.94-6a107.7 107.7 0 0 0-26.25-10.87a8 8 0 0 0-7.06 1.49L130.16 40h-4.32L107.2 25.11a8 8 0 0 0-7.06-1.48a107.6 107.6 0 0 0-26.25 10.88a8 8 0 0 0-3.93 6l-2.64 23.76q-1.56 1.49-3 3L40.54 70a8 8 0 0 0-6 3.94a107.7 107.7 0 0 0-10.87 26.25a8 8 0 0 0 1.49 7.06L40 125.84v4.32L25.11 148.8a8 8 0 0 0-1.48 7.06a107.2 107.2 0 0 0 10.88 26.25a8 8 0 0 0 6 3.93l23.72 2.64q1.49 1.56 3 3L70 215.46a8 8 0 0 0 3.94 6a107.7 107.7 0 0 0 26.25 10.87a8 8 0 0 0 7.06-1.49L125.84 216q2.16.06 4.32 0l18.64 14.92a8 8 0 0 0 7.06 1.48a107.2 107.2 0 0 0 26.25-10.88a8 8 0 0 0 3.93-6l2.64-23.72q1.56-1.48 3-3l23.78-2.8a8 8 0 0 0 6-3.94a107.7 107.7 0 0 0 10.87-26.25a8 8 0 0 0-1.49-7.06Zm-16.1-6.5a74 74 0 0 1 0 8.68a8 8 0 0 0 1.74 5.48l14.19 17.73a91.6 91.6 0 0 1-6.23 15l-22.6 2.56a8 8 0 0 0-5.1 2.64a74 74 0 0 1-6.14 6.14a8 8 0 0 0-2.64 5.1l-2.51 22.58a91.3 91.3 0 0 1-15 6.23l-17.74-14.19a8 8 0 0 0-5-1.75h-.48a74 74 0 0 1-8.68 0a8 8 0 0 0-5.48 1.74l-17.78 14.2a91.6 91.6 0 0 1-15-6.23L82.89 187a8 8 0 0 0-2.64-5.1a74 74 0 0 1-6.14-6.14a8 8 0 0 0-5.1-2.64l-22.58-2.52a91.3 91.3 0 0 1-6.23-15l14.19-17.74a8 8 0 0 0 1.74-5.48a74 74 0 0 1 0-8.68a8 8 0 0 0-1.74-5.48L40.2 100.45a91.6 91.6 0 0 1 6.23-15L69 82.89a8 8 0 0 0 5.1-2.64a74 74 0 0 1 6.14-6.14A8 8 0 0 0 82.89 69l2.51-22.57a91.3 91.3 0 0 1 15-6.23l17.74 14.19a8 8 0 0 0 5.48 1.74a74 74 0 0 1 8.68 0a8 8 0 0 0 5.48-1.74l17.77-14.19a91.6 91.6 0 0 1 15 6.23L173.11 69a8 8 0 0 0 2.64 5.1a74 74 0 0 1 6.14 6.14a8 8 0 0 0 5.1 2.64l22.58 2.51a91.3 91.3 0 0 1 6.23 15l-14.19 17.74a8 8 0 0 0-1.74 5.53Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 80a48 48 0 1 0 48 48a48.05 48.05 0 0 0-48-48m0 80a32 32 0 1 1 32-32a32 32 0 0 1-32 32m88-29.84q.06-2.16 0-4.32l14.92-18.64a8 8 0 0 0 1.48-7.06a107.2 107.2 0 0 0-10.88-26.25a8 8 0 0 0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186 40.54a8 8 0 0 0-3.94-6a107.7 107.7 0 0 0-26.25-10.87a8 8 0 0 0-7.06 1.49L130.16 40h-4.32L107.2 25.11a8 8 0 0 0-7.06-1.48a107.6 107.6 0 0 0-26.25 10.88a8 8 0 0 0-3.93 6l-2.64 23.76q-1.56 1.49-3 3L40.54 70a8 8 0 0 0-6 3.94a107.7 107.7 0 0 0-10.87 26.25a8 8 0 0 0 1.49 7.06L40 125.84v4.32L25.11 148.8a8 8 0 0 0-1.48 7.06a107.2 107.2 0 0 0 10.88 26.25a8 8 0 0 0 6 3.93l23.72 2.64q1.49 1.56 3 3L70 215.46a8 8 0 0 0 3.94 6a107.7 107.7 0 0 0 26.25 10.87a8 8 0 0 0 7.06-1.49L125.84 216q2.16.06 4.32 0l18.64 14.92a8 8 0 0 0 7.06 1.48a107.2 107.2 0 0 0 26.25-10.88a8 8 0 0 0 3.93-6l2.64-23.72q1.56-1.48 3-3l23.78-2.8a8 8 0 0 0 6-3.94a107.7 107.7 0 0 0 10.87-26.25a8 8 0 0 0-1.49-7.06Zm-16.1-6.5a74 74 0 0 1 0 8.68a8 8 0 0 0 1.74 5.48l14.19 17.73a91.6 91.6 0 0 1-6.23 15l-22.6 2.56a8 8 0 0 0-5.1 2.64a74 74 0 0 1-6.14 6.14a8 8 0 0 0-2.64 5.1l-2.51 22.58a91.3 91.3 0 0 1-15 6.23l-17.74-14.19a8 8 0 0 0-5-1.75h-.48a74 74 0 0 1-8.68 0a8 8 0 0 0-5.48 1.74l-17.78 14.2a91.6 91.6 0 0 1-15-6.23L82.89 187a8 8 0 0 0-2.64-5.1a74 74 0 0 1-6.14-6.14a8 8 0 0 0-5.1-2.64l-22.58-2.52a91.3 91.3 0 0 1-6.23-15l14.19-17.74a8 8 0 0 0 1.74-5.48a74 74 0 0 1 0-8.68a8 8 0 0 0-1.74-5.48L40.2 100.45a91.6 91.6 0 0 1 6.23-15L69 82.89a8 8 0 0 0 5.1-2.64a74 74 0 0 1 6.14-6.14A8 8 0 0 0 82.89 69l2.51-22.57a91.3 91.3 0 0 1 15-6.23l17.74 14.19a8 8 0 0 0 5.48 1.74a74 74 0 0 1 8.68 0a8 8 0 0 0 5.48-1.74l17.77-14.19a91.6 91.6 0 0 1 15 6.23L173.11 69a8 8 0 0 0 2.64 5.1a74 74 0 0 1 6.14 6.14a8 8 0 0 0 5.1 2.64l22.58 2.51a91.3 91.3 0 0 1 6.23 15l-14.19 17.74a8 8 0 0 0-1.74 5.53Z"/></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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2080a48%2048%200%201%200%2048%2048a48.05%2048.05%200%200%200-48-48m0%2080a32%2032%200%201%201%2032-32a32%2032%200%200%201-32%2032m88-29.84q.06-2.16%200-4.32l14.92-18.64a8%208%200%200%200%201.48-7.06a107.2%20107.2%200%200%200-10.88-26.25a8%208%200%200%200-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186%2040.54a8%208%200%200%200-3.94-6a107.7%20107.7%200%200%200-26.25-10.87a8%208%200%200%200-7.06%201.49L130.16%2040h-4.32L107.2%2025.11a8%208%200%200%200-7.06-1.48a107.6%20107.6%200%200%200-26.25%2010.88a8%208%200%200%200-3.93%206l-2.64%2023.76q-1.56%201.49-3%203L40.54%2070a8%208%200%200%200-6%203.94a107.7%20107.7%200%200%200-10.87%2026.25a8%208%200%200%200%201.49%207.06L40%20125.84v4.32L25.11%20148.8a8%208%200%200%200-1.48%207.06a107.2%20107.2%200%200%200%2010.88%2026.25a8%208%200%200%200%206%203.93l23.72%202.64q1.49%201.56%203%203L70%20215.46a8%208%200%200%200%203.94%206a107.7%20107.7%200%200%200%2026.25%2010.87a8%208%200%200%200%207.06-1.49L125.84%20216q2.16.06%204.32%200l18.64%2014.92a8%208%200%200%200%207.06%201.48a107.2%20107.2%200%200%200%2026.25-10.88a8%208%200%200%200%203.93-6l2.64-23.72q1.56-1.48%203-3l23.78-2.8a8%208%200%200%200%206-3.94a107.7%20107.7%200%200%200%2010.87-26.25a8%208%200%200%200-1.49-7.06Zm-16.1-6.5a74%2074%200%200%201%200%208.68a8%208%200%200%200%201.74%205.48l14.19%2017.73a91.6%2091.6%200%200%201-6.23%2015l-22.6%202.56a8%208%200%200%200-5.1%202.64a74%2074%200%200%201-6.14%206.14a8%208%200%200%200-2.64%205.1l-2.51%2022.58a91.3%2091.3%200%200%201-15%206.23l-17.74-14.19a8%208%200%200%200-5-1.75h-.48a74%2074%200%200%201-8.68%200a8%208%200%200%200-5.48%201.74l-17.78%2014.2a91.6%2091.6%200%200%201-15-6.23L82.89%20187a8%208%200%200%200-2.64-5.1a74%2074%200%200%201-6.14-6.14a8%208%200%200%200-5.1-2.64l-22.58-2.52a91.3%2091.3%200%200%201-6.23-15l14.19-17.74a8%208%200%200%200%201.74-5.48a74%2074%200%200%201%200-8.68a8%208%200%200%200-1.74-5.48L40.2%20100.45a91.6%2091.6%200%200%201%206.23-15L69%2082.89a8%208%200%200%200%205.1-2.64a74%2074%200%200%201%206.14-6.14A8%208%200%200%200%2082.89%2069l2.51-22.57a91.3%2091.3%200%200%201%2015-6.23l17.74%2014.19a8%208%200%200%200%205.48%201.74a74%2074%200%200%201%208.68%200a8%208%200%200%200%205.48-1.74l17.77-14.19a91.6%2091.6%200%200%201%2015%206.23L173.11%2069a8%208%200%200%200%202.64%205.1a74%2074%200%200%201%206.14%206.14a8%208%200%200%200%205.1%202.64l22.58%202.51a91.3%2091.3%200%200%201%206.23%2015l-14.19%2017.74a8%208%200%200%200-1.74%205.53Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2080a48%2048%200%201%200%2048%2048a48.05%2048.05%200%200%200-48-48m0%2080a32%2032%200%201%201%2032-32a32%2032%200%200%201-32%2032m88-29.84q.06-2.16%200-4.32l14.92-18.64a8%208%200%200%200%201.48-7.06a107.2%20107.2%200%200%200-10.88-26.25a8%208%200%200%200-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186%2040.54a8%208%200%200%200-3.94-6a107.7%20107.7%200%200%200-26.25-10.87a8%208%200%200%200-7.06%201.49L130.16%2040h-4.32L107.2%2025.11a8%208%200%200%200-7.06-1.48a107.6%20107.6%200%200%200-26.25%2010.88a8%208%200%200%200-3.93%206l-2.64%2023.76q-1.56%201.49-3%203L40.54%2070a8%208%200%200%200-6%203.94a107.7%20107.7%200%200%200-10.87%2026.25a8%208%200%200%200%201.49%207.06L40%20125.84v4.32L25.11%20148.8a8%208%200%200%200-1.48%207.06a107.2%20107.2%200%200%200%2010.88%2026.25a8%208%200%200%200%206%203.93l23.72%202.64q1.49%201.56%203%203L70%20215.46a8%208%200%200%200%203.94%206a107.7%20107.7%200%200%200%2026.25%2010.87a8%208%200%200%200%207.06-1.49L125.84%20216q2.16.06%204.32%200l18.64%2014.92a8%208%200%200%200%207.06%201.48a107.2%20107.2%200%200%200%2026.25-10.88a8%208%200%200%200%203.93-6l2.64-23.72q1.56-1.48%203-3l23.78-2.8a8%208%200%200%200%206-3.94a107.7%20107.7%200%200%200%2010.87-26.25a8%208%200%200%200-1.49-7.06Zm-16.1-6.5a74%2074%200%200%201%200%208.68a8%208%200%200%200%201.74%205.48l14.19%2017.73a91.6%2091.6%200%200%201-6.23%2015l-22.6%202.56a8%208%200%200%200-5.1%202.64a74%2074%200%200%201-6.14%206.14a8%208%200%200%200-2.64%205.1l-2.51%2022.58a91.3%2091.3%200%200%201-15%206.23l-17.74-14.19a8%208%200%200%200-5-1.75h-.48a74%2074%200%200%201-8.68%200a8%208%200%200%200-5.48%201.74l-17.78%2014.2a91.6%2091.6%200%200%201-15-6.23L82.89%20187a8%208%200%200%200-2.64-5.1a74%2074%200%200%201-6.14-6.14a8%208%200%200%200-5.1-2.64l-22.58-2.52a91.3%2091.3%200%200%201-6.23-15l14.19-17.74a8%208%200%200%200%201.74-5.48a74%2074%200%200%201%200-8.68a8%208%200%200%200-1.74-5.48L40.2%20100.45a91.6%2091.6%200%200%201%206.23-15L69%2082.89a8%208%200%200%200%205.1-2.64a74%2074%200%200%201%206.14-6.14A8%208%200%200%200%2082.89%2069l2.51-22.57a91.3%2091.3%200%200%201%2015-6.23l17.74%2014.19a8%208%200%200%200%205.48%201.74a74%2074%200%200%201%208.68%200a8%208%200%200%200%205.48-1.74l17.77-14.19a91.6%2091.6%200%200%201%2015%206.23L173.11%2069a8%208%200%200%200%202.64%205.1a74%2074%200%200%201%206.14%206.14a8%208%200%200%200%205.1%202.64l22.58%202.51a91.3%2091.3%200%200%201%206.23%2015l-14.19%2017.74a8%208%200%200%200-1.74%205.53Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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