gear fine icon

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

Name
gear-fine-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

gear-finegear-fine-boldgear-fine-duotonegear-fine-fillgear-fine-light

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 124h-20.1a83.35 83.35 0 0 0-9.27-34.47l17.44-10.07a4 4 0 0 0-4-6.92l-17.45 10.07a84.5 84.5 0 0 0-25.23-25.23l10.07-17.45a4 4 0 0 0-6.92-4l-10.07 17.44A83.35 83.35 0 0 0 132 44.1V24a4 4 0 0 0-8 0v20.1a83.35 83.35 0 0 0-34.47 9.27L79.46 35.93a4 4 0 0 0-6.92 4l10.07 17.45a84.5 84.5 0 0 0-25.23 25.23L39.93 72.54a4 4 0 1 0-4 6.92l17.44 10.07A83.35 83.35 0 0 0 44.1 124H24a4 4 0 0 0 0 8h20.1a83.35 83.35 0 0 0 9.27 34.47l-17.44 10.07a4 4 0 0 0 2 7.46a3.9 3.9 0 0 0 2-.54l17.45-10.07a84.5 84.5 0 0 0 25.23 25.23l-10.07 17.45a4 4 0 0 0 1.46 5.46a4 4 0 0 0 5.46-1.46l10.07-17.44A83.35 83.35 0 0 0 124 211.9V232a4 4 0 0 0 8 0v-20.1a83.35 83.35 0 0 0 34.47-9.27l10.07 17.44a4 4 0 0 0 6.92-4l-10.07-17.45a84.5 84.5 0 0 0 25.23-25.23l17.45 10.07a3.9 3.9 0 0 0 2 .54a4 4 0 0 0 2-7.46l-17.44-10.07A83.35 83.35 0 0 0 211.9 132H232a4 4 0 0 0 0-8M128 52a76.09 76.09 0 0 1 75.89 72h-73.58L93.53 60.3A75.6 75.6 0 0 1 128 52m-76 76a76 76 0 0 1 34.61-63.69L123.38 128l-36.77 63.69A76 76 0 0 1 52 128m76 76a75.6 75.6 0 0 1-34.47-8.3l36.78-63.7h73.58A76.09 76.09 0 0 1 128 204"/></svg>

React

import type { SVGProps } from "react";

export function PhGearFineThin(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 124h-20.1a83.35 83.35 0 0 0-9.27-34.47l17.44-10.07a4 4 0 0 0-4-6.92l-17.45 10.07a84.5 84.5 0 0 0-25.23-25.23l10.07-17.45a4 4 0 0 0-6.92-4l-10.07 17.44A83.35 83.35 0 0 0 132 44.1V24a4 4 0 0 0-8 0v20.1a83.35 83.35 0 0 0-34.47 9.27L79.46 35.93a4 4 0 0 0-6.92 4l10.07 17.45a84.5 84.5 0 0 0-25.23 25.23L39.93 72.54a4 4 0 1 0-4 6.92l17.44 10.07A83.35 83.35 0 0 0 44.1 124H24a4 4 0 0 0 0 8h20.1a83.35 83.35 0 0 0 9.27 34.47l-17.44 10.07a4 4 0 0 0 2 7.46a3.9 3.9 0 0 0 2-.54l17.45-10.07a84.5 84.5 0 0 0 25.23 25.23l-10.07 17.45a4 4 0 0 0 1.46 5.46a4 4 0 0 0 5.46-1.46l10.07-17.44A83.35 83.35 0 0 0 124 211.9V232a4 4 0 0 0 8 0v-20.1a83.35 83.35 0 0 0 34.47-9.27l10.07 17.44a4 4 0 0 0 6.92-4l-10.07-17.45a84.5 84.5 0 0 0 25.23-25.23l17.45 10.07a3.9 3.9 0 0 0 2 .54a4 4 0 0 0 2-7.46l-17.44-10.07A83.35 83.35 0 0 0 211.9 132H232a4 4 0 0 0 0-8M128 52a76.09 76.09 0 0 1 75.89 72h-73.58L93.53 60.3A75.6 75.6 0 0 1 128 52m-76 76a76 76 0 0 1 34.61-63.69L123.38 128l-36.77 63.69A76 76 0 0 1 52 128m76 76a75.6 75.6 0 0 1-34.47-8.3l36.78-63.7h73.58A76.09 76.09 0 0 1 128 204"/></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 124h-20.1a83.35 83.35 0 0 0-9.27-34.47l17.44-10.07a4 4 0 0 0-4-6.92l-17.45 10.07a84.5 84.5 0 0 0-25.23-25.23l10.07-17.45a4 4 0 0 0-6.92-4l-10.07 17.44A83.35 83.35 0 0 0 132 44.1V24a4 4 0 0 0-8 0v20.1a83.35 83.35 0 0 0-34.47 9.27L79.46 35.93a4 4 0 0 0-6.92 4l10.07 17.45a84.5 84.5 0 0 0-25.23 25.23L39.93 72.54a4 4 0 1 0-4 6.92l17.44 10.07A83.35 83.35 0 0 0 44.1 124H24a4 4 0 0 0 0 8h20.1a83.35 83.35 0 0 0 9.27 34.47l-17.44 10.07a4 4 0 0 0 2 7.46a3.9 3.9 0 0 0 2-.54l17.45-10.07a84.5 84.5 0 0 0 25.23 25.23l-10.07 17.45a4 4 0 0 0 1.46 5.46a4 4 0 0 0 5.46-1.46l10.07-17.44A83.35 83.35 0 0 0 124 211.9V232a4 4 0 0 0 8 0v-20.1a83.35 83.35 0 0 0 34.47-9.27l10.07 17.44a4 4 0 0 0 6.92-4l-10.07-17.45a84.5 84.5 0 0 0 25.23-25.23l17.45 10.07a3.9 3.9 0 0 0 2 .54a4 4 0 0 0 2-7.46l-17.44-10.07A83.35 83.35 0 0 0 211.9 132H232a4 4 0 0 0 0-8M128 52a76.09 76.09 0 0 1 75.89 72h-73.58L93.53 60.3A75.6 75.6 0 0 1 128 52m-76 76a76 76 0 0 1 34.61-63.69L123.38 128l-36.77 63.69A76 76 0 0 1 52 128m76 76a75.6 75.6 0 0 1-34.47-8.3l36.78-63.7h73.58A76.09 76.09 0 0 1 128 204"/></svg>
</template>

CSS

.icon-gear-fine-thin {
  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%20124h-20.1a83.35%2083.35%200%200%200-9.27-34.47l17.44-10.07a4%204%200%200%200-4-6.92l-17.45%2010.07a84.5%2084.5%200%200%200-25.23-25.23l10.07-17.45a4%204%200%200%200-6.92-4l-10.07%2017.44A83.35%2083.35%200%200%200%20132%2044.1V24a4%204%200%200%200-8%200v20.1a83.35%2083.35%200%200%200-34.47%209.27L79.46%2035.93a4%204%200%200%200-6.92%204l10.07%2017.45a84.5%2084.5%200%200%200-25.23%2025.23L39.93%2072.54a4%204%200%201%200-4%206.92l17.44%2010.07A83.35%2083.35%200%200%200%2044.1%20124H24a4%204%200%200%200%200%208h20.1a83.35%2083.35%200%200%200%209.27%2034.47l-17.44%2010.07a4%204%200%200%200%202%207.46a3.9%203.9%200%200%200%202-.54l17.45-10.07a84.5%2084.5%200%200%200%2025.23%2025.23l-10.07%2017.45a4%204%200%200%200%201.46%205.46a4%204%200%200%200%205.46-1.46l10.07-17.44A83.35%2083.35%200%200%200%20124%20211.9V232a4%204%200%200%200%208%200v-20.1a83.35%2083.35%200%200%200%2034.47-9.27l10.07%2017.44a4%204%200%200%200%206.92-4l-10.07-17.45a84.5%2084.5%200%200%200%2025.23-25.23l17.45%2010.07a3.9%203.9%200%200%200%202%20.54a4%204%200%200%200%202-7.46l-17.44-10.07A83.35%2083.35%200%200%200%20211.9%20132H232a4%204%200%200%200%200-8M128%2052a76.09%2076.09%200%200%201%2075.89%2072h-73.58L93.53%2060.3A75.6%2075.6%200%200%201%20128%2052m-76%2076a76%2076%200%200%201%2034.61-63.69L123.38%20128l-36.77%2063.69A76%2076%200%200%201%2052%20128m76%2076a75.6%2075.6%200%200%201-34.47-8.3l36.78-63.7h73.58A76.09%2076.09%200%200%201%20128%20204%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%20124h-20.1a83.35%2083.35%200%200%200-9.27-34.47l17.44-10.07a4%204%200%200%200-4-6.92l-17.45%2010.07a84.5%2084.5%200%200%200-25.23-25.23l10.07-17.45a4%204%200%200%200-6.92-4l-10.07%2017.44A83.35%2083.35%200%200%200%20132%2044.1V24a4%204%200%200%200-8%200v20.1a83.35%2083.35%200%200%200-34.47%209.27L79.46%2035.93a4%204%200%200%200-6.92%204l10.07%2017.45a84.5%2084.5%200%200%200-25.23%2025.23L39.93%2072.54a4%204%200%201%200-4%206.92l17.44%2010.07A83.35%2083.35%200%200%200%2044.1%20124H24a4%204%200%200%200%200%208h20.1a83.35%2083.35%200%200%200%209.27%2034.47l-17.44%2010.07a4%204%200%200%200%202%207.46a3.9%203.9%200%200%200%202-.54l17.45-10.07a84.5%2084.5%200%200%200%2025.23%2025.23l-10.07%2017.45a4%204%200%200%200%201.46%205.46a4%204%200%200%200%205.46-1.46l10.07-17.44A83.35%2083.35%200%200%200%20124%20211.9V232a4%204%200%200%200%208%200v-20.1a83.35%2083.35%200%200%200%2034.47-9.27l10.07%2017.44a4%204%200%200%200%206.92-4l-10.07-17.45a84.5%2084.5%200%200%200%2025.23-25.23l17.45%2010.07a3.9%203.9%200%200%200%202%20.54a4%204%200%200%200%202-7.46l-17.44-10.07A83.35%2083.35%200%200%200%20211.9%20132H232a4%204%200%200%200%200-8M128%2052a76.09%2076.09%200%200%201%2075.89%2072h-73.58L93.53%2060.3A75.6%2075.6%200%200%201%20128%2052m-76%2076a76%2076%200%200%201%2034.61-63.69L123.38%20128l-36.77%2063.69A76%2076%200%200%201%2052%20128m76%2076a75.6%2075.6%200%200%201-34.47-8.3l36.78-63.7h73.58A76.09%2076.09%200%200%201%20128%20204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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