gear fine icon

gear-fine-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name
gear-fine-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

gear-finegear-fine-duotonegear-fine-fillgear-fine-lightgear-fine-thin

Related icons in Phosphor

gear-six

Use the gear fine icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 116h-12.78A91 91 0 0 0 213 92.79l11.08-6.4a12 12 0 1 0-12-20.78L201 72a93 93 0 0 0-17-17l6.41-11.11a12 12 0 1 0-20.78-12L163.21 43A91 91 0 0 0 140 36.78V24a12 12 0 0 0-24 0v12.78A91 91 0 0 0 92.79 43l-6.4-11.08a12 12 0 0 0-20.78 12L72 55a93 93 0 0 0-17 17l-11.07-6.39a12 12 0 0 0-12 20.78L43 92.79A91 91 0 0 0 36.78 116H24a12 12 0 0 0 0 24h12.78A91 91 0 0 0 43 163.21l-11.08 6.4a12 12 0 1 0 12 20.78L55 184a93 93 0 0 0 17 17l-6.41 11.11a12 12 0 1 0 20.78 12L92.79 213a91 91 0 0 0 23.21 6.22V232a12 12 0 0 0 24 0v-12.78a91 91 0 0 0 23.21-6.22l6.4 11.08a12 12 0 0 0 20.78-12L184 201a93 93 0 0 0 17-17l11.11 6.41a12 12 0 1 0 12-20.78L213 163.21a91 91 0 0 0 6.22-23.21H232a12 12 0 0 0 0-24M128 60a68.1 68.1 0 0 1 66.92 56h-60l-30-52A67.6 67.6 0 0 1 128 60m-68 68a67.9 67.9 0 0 1 24.16-51.93l30 51.93l-30 51.93A67.9 67.9 0 0 1 60 128m68 68a67.6 67.6 0 0 1-23.07-4l30-52h60A68.1 68.1 0 0 1 128 196"/></svg>

React

import type { SVGProps } from "react";

export function PhGearFineBold(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="M232 116h-12.78A91 91 0 0 0 213 92.79l11.08-6.4a12 12 0 1 0-12-20.78L201 72a93 93 0 0 0-17-17l6.41-11.11a12 12 0 1 0-20.78-12L163.21 43A91 91 0 0 0 140 36.78V24a12 12 0 0 0-24 0v12.78A91 91 0 0 0 92.79 43l-6.4-11.08a12 12 0 0 0-20.78 12L72 55a93 93 0 0 0-17 17l-11.07-6.39a12 12 0 0 0-12 20.78L43 92.79A91 91 0 0 0 36.78 116H24a12 12 0 0 0 0 24h12.78A91 91 0 0 0 43 163.21l-11.08 6.4a12 12 0 1 0 12 20.78L55 184a93 93 0 0 0 17 17l-6.41 11.11a12 12 0 1 0 20.78 12L92.79 213a91 91 0 0 0 23.21 6.22V232a12 12 0 0 0 24 0v-12.78a91 91 0 0 0 23.21-6.22l6.4 11.08a12 12 0 0 0 20.78-12L184 201a93 93 0 0 0 17-17l11.11 6.41a12 12 0 1 0 12-20.78L213 163.21a91 91 0 0 0 6.22-23.21H232a12 12 0 0 0 0-24M128 60a68.1 68.1 0 0 1 66.92 56h-60l-30-52A67.6 67.6 0 0 1 128 60m-68 68a67.9 67.9 0 0 1 24.16-51.93l30 51.93l-30 51.93A67.9 67.9 0 0 1 60 128m68 68a67.6 67.6 0 0 1-23.07-4l30-52h60A68.1 68.1 0 0 1 128 196"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 116h-12.78A91 91 0 0 0 213 92.79l11.08-6.4a12 12 0 1 0-12-20.78L201 72a93 93 0 0 0-17-17l6.41-11.11a12 12 0 1 0-20.78-12L163.21 43A91 91 0 0 0 140 36.78V24a12 12 0 0 0-24 0v12.78A91 91 0 0 0 92.79 43l-6.4-11.08a12 12 0 0 0-20.78 12L72 55a93 93 0 0 0-17 17l-11.07-6.39a12 12 0 0 0-12 20.78L43 92.79A91 91 0 0 0 36.78 116H24a12 12 0 0 0 0 24h12.78A91 91 0 0 0 43 163.21l-11.08 6.4a12 12 0 1 0 12 20.78L55 184a93 93 0 0 0 17 17l-6.41 11.11a12 12 0 1 0 20.78 12L92.79 213a91 91 0 0 0 23.21 6.22V232a12 12 0 0 0 24 0v-12.78a91 91 0 0 0 23.21-6.22l6.4 11.08a12 12 0 0 0 20.78-12L184 201a93 93 0 0 0 17-17l11.11 6.41a12 12 0 1 0 12-20.78L213 163.21a91 91 0 0 0 6.22-23.21H232a12 12 0 0 0 0-24M128 60a68.1 68.1 0 0 1 66.92 56h-60l-30-52A67.6 67.6 0 0 1 128 60m-68 68a67.9 67.9 0 0 1 24.16-51.93l30 51.93l-30 51.93A67.9 67.9 0 0 1 60 128m68 68a67.6 67.6 0 0 1-23.07-4l30-52h60A68.1 68.1 0 0 1 128 196"/></svg>
</template>

CSS

.icon-gear-fine-bold {
  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%22M232%20116h-12.78A91%2091%200%200%200%20213%2092.79l11.08-6.4a12%2012%200%201%200-12-20.78L201%2072a93%2093%200%200%200-17-17l6.41-11.11a12%2012%200%201%200-20.78-12L163.21%2043A91%2091%200%200%200%20140%2036.78V24a12%2012%200%200%200-24%200v12.78A91%2091%200%200%200%2092.79%2043l-6.4-11.08a12%2012%200%200%200-20.78%2012L72%2055a93%2093%200%200%200-17%2017l-11.07-6.39a12%2012%200%200%200-12%2020.78L43%2092.79A91%2091%200%200%200%2036.78%20116H24a12%2012%200%200%200%200%2024h12.78A91%2091%200%200%200%2043%20163.21l-11.08%206.4a12%2012%200%201%200%2012%2020.78L55%20184a93%2093%200%200%200%2017%2017l-6.41%2011.11a12%2012%200%201%200%2020.78%2012L92.79%20213a91%2091%200%200%200%2023.21%206.22V232a12%2012%200%200%200%2024%200v-12.78a91%2091%200%200%200%2023.21-6.22l6.4%2011.08a12%2012%200%200%200%2020.78-12L184%20201a93%2093%200%200%200%2017-17l11.11%206.41a12%2012%200%201%200%2012-20.78L213%20163.21a91%2091%200%200%200%206.22-23.21H232a12%2012%200%200%200%200-24M128%2060a68.1%2068.1%200%200%201%2066.92%2056h-60l-30-52A67.6%2067.6%200%200%201%20128%2060m-68%2068a67.9%2067.9%200%200%201%2024.16-51.93l30%2051.93l-30%2051.93A67.9%2067.9%200%200%201%2060%20128m68%2068a67.6%2067.6%200%200%201-23.07-4l30-52h60A68.1%2068.1%200%200%201%20128%20196%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%22M232%20116h-12.78A91%2091%200%200%200%20213%2092.79l11.08-6.4a12%2012%200%201%200-12-20.78L201%2072a93%2093%200%200%200-17-17l6.41-11.11a12%2012%200%201%200-20.78-12L163.21%2043A91%2091%200%200%200%20140%2036.78V24a12%2012%200%200%200-24%200v12.78A91%2091%200%200%200%2092.79%2043l-6.4-11.08a12%2012%200%200%200-20.78%2012L72%2055a93%2093%200%200%200-17%2017l-11.07-6.39a12%2012%200%200%200-12%2020.78L43%2092.79A91%2091%200%200%200%2036.78%20116H24a12%2012%200%200%200%200%2024h12.78A91%2091%200%200%200%2043%20163.21l-11.08%206.4a12%2012%200%201%200%2012%2020.78L55%20184a93%2093%200%200%200%2017%2017l-6.41%2011.11a12%2012%200%201%200%2020.78%2012L92.79%20213a91%2091%200%200%200%2023.21%206.22V232a12%2012%200%200%200%2024%200v-12.78a91%2091%200%200%200%2023.21-6.22l6.4%2011.08a12%2012%200%200%200%2020.78-12L184%20201a93%2093%200%200%200%2017-17l11.11%206.41a12%2012%200%201%200%2012-20.78L213%20163.21a91%2091%200%200%200%206.22-23.21H232a12%2012%200%200%200%200-24M128%2060a68.1%2068.1%200%200%201%2066.92%2056h-60l-30-52A67.6%2067.6%200%200%201%20128%2060m-68%2068a67.9%2067.9%200%200%201%2024.16-51.93l30%2051.93l-30%2051.93A67.9%2067.9%200%200%201%2060%20128m68%2068a67.6%2067.6%200%200%201-23.07-4l30-52h60A68.1%2068.1%200%200%201%20128%20196%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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