gear fine icon

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

Name
gear-fine-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

gear-finegear-fine-boldgear-fine-duotonegear-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 120h-8.34a95.1 95.1 0 0 0-8.82-32.9l7.23-4.17a8 8 0 0 0-8-13.86l-7.25 4.19a97 97 0 0 0-24.08-24.08l4.19-7.25a8 8 0 0 0-13.86-8l-4.17 7.23a95.1 95.1 0 0 0-32.9-8.82V24a8 8 0 0 0-16 0v8.34a95.1 95.1 0 0 0-32.9 8.82l-4.17-7.23a8 8 0 0 0-13.86 8l4.19 7.25a97 97 0 0 0-24.08 24.08l-7.25-4.19a8 8 0 0 0-8 13.86l7.23 4.17a95.1 95.1 0 0 0-8.82 32.9H24a8 8 0 0 0 0 16h8.34a95.1 95.1 0 0 0 8.82 32.9l-7.23 4.17a8 8 0 0 0 4 14.93a7.9 7.9 0 0 0 4-1.07l7.25-4.19a97 97 0 0 0 24.08 24.08l-4.19 7.25a8 8 0 0 0 13.86 8l4.17-7.23a95.1 95.1 0 0 0 32.9 8.82V232a8 8 0 0 0 16 0v-8.34a95.1 95.1 0 0 0 32.9-8.82l4.17 7.23a8 8 0 0 0 13.86-8l-4.19-7.25a97 97 0 0 0 24.08-24.08l7.25 4.19A8 8 0 0 0 225 184a8 8 0 0 0-2.92-10.93l-7.23-4.17a95.1 95.1 0 0 0 8.82-32.9H232a8 8 0 0 0 0-16m-160 8a55.91 55.91 0 0 1 21.38-44l25.38 44l-25.38 44A55.91 55.91 0 0 1 72 128m56 56a55.7 55.7 0 0 1-20.78-4l25.4-44h50.8A56.09 56.09 0 0 1 128 184m4.62-64l-25.4-44a56 56 0 0 1 76.2 44Z"/></svg>

React

import type { SVGProps } from "react";

export function PhGearFineFill(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 120h-8.34a95.1 95.1 0 0 0-8.82-32.9l7.23-4.17a8 8 0 0 0-8-13.86l-7.25 4.19a97 97 0 0 0-24.08-24.08l4.19-7.25a8 8 0 0 0-13.86-8l-4.17 7.23a95.1 95.1 0 0 0-32.9-8.82V24a8 8 0 0 0-16 0v8.34a95.1 95.1 0 0 0-32.9 8.82l-4.17-7.23a8 8 0 0 0-13.86 8l4.19 7.25a97 97 0 0 0-24.08 24.08l-7.25-4.19a8 8 0 0 0-8 13.86l7.23 4.17a95.1 95.1 0 0 0-8.82 32.9H24a8 8 0 0 0 0 16h8.34a95.1 95.1 0 0 0 8.82 32.9l-7.23 4.17a8 8 0 0 0 4 14.93a7.9 7.9 0 0 0 4-1.07l7.25-4.19a97 97 0 0 0 24.08 24.08l-4.19 7.25a8 8 0 0 0 13.86 8l4.17-7.23a95.1 95.1 0 0 0 32.9 8.82V232a8 8 0 0 0 16 0v-8.34a95.1 95.1 0 0 0 32.9-8.82l4.17 7.23a8 8 0 0 0 13.86-8l-4.19-7.25a97 97 0 0 0 24.08-24.08l7.25 4.19A8 8 0 0 0 225 184a8 8 0 0 0-2.92-10.93l-7.23-4.17a95.1 95.1 0 0 0 8.82-32.9H232a8 8 0 0 0 0-16m-160 8a55.91 55.91 0 0 1 21.38-44l25.38 44l-25.38 44A55.91 55.91 0 0 1 72 128m56 56a55.7 55.7 0 0 1-20.78-4l25.4-44h50.8A56.09 56.09 0 0 1 128 184m4.62-64l-25.4-44a56 56 0 0 1 76.2 44Z"/></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 120h-8.34a95.1 95.1 0 0 0-8.82-32.9l7.23-4.17a8 8 0 0 0-8-13.86l-7.25 4.19a97 97 0 0 0-24.08-24.08l4.19-7.25a8 8 0 0 0-13.86-8l-4.17 7.23a95.1 95.1 0 0 0-32.9-8.82V24a8 8 0 0 0-16 0v8.34a95.1 95.1 0 0 0-32.9 8.82l-4.17-7.23a8 8 0 0 0-13.86 8l4.19 7.25a97 97 0 0 0-24.08 24.08l-7.25-4.19a8 8 0 0 0-8 13.86l7.23 4.17a95.1 95.1 0 0 0-8.82 32.9H24a8 8 0 0 0 0 16h8.34a95.1 95.1 0 0 0 8.82 32.9l-7.23 4.17a8 8 0 0 0 4 14.93a7.9 7.9 0 0 0 4-1.07l7.25-4.19a97 97 0 0 0 24.08 24.08l-4.19 7.25a8 8 0 0 0 13.86 8l4.17-7.23a95.1 95.1 0 0 0 32.9 8.82V232a8 8 0 0 0 16 0v-8.34a95.1 95.1 0 0 0 32.9-8.82l4.17 7.23a8 8 0 0 0 13.86-8l-4.19-7.25a97 97 0 0 0 24.08-24.08l7.25 4.19A8 8 0 0 0 225 184a8 8 0 0 0-2.92-10.93l-7.23-4.17a95.1 95.1 0 0 0 8.82-32.9H232a8 8 0 0 0 0-16m-160 8a55.91 55.91 0 0 1 21.38-44l25.38 44l-25.38 44A55.91 55.91 0 0 1 72 128m56 56a55.7 55.7 0 0 1-20.78-4l25.4-44h50.8A56.09 56.09 0 0 1 128 184m4.62-64l-25.4-44a56 56 0 0 1 76.2 44Z"/></svg>
</template>

CSS

.icon-gear-fine-fill {
  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%20120h-8.34a95.1%2095.1%200%200%200-8.82-32.9l7.23-4.17a8%208%200%200%200-8-13.86l-7.25%204.19a97%2097%200%200%200-24.08-24.08l4.19-7.25a8%208%200%200%200-13.86-8l-4.17%207.23a95.1%2095.1%200%200%200-32.9-8.82V24a8%208%200%200%200-16%200v8.34a95.1%2095.1%200%200%200-32.9%208.82l-4.17-7.23a8%208%200%200%200-13.86%208l4.19%207.25a97%2097%200%200%200-24.08%2024.08l-7.25-4.19a8%208%200%200%200-8%2013.86l7.23%204.17a95.1%2095.1%200%200%200-8.82%2032.9H24a8%208%200%200%200%200%2016h8.34a95.1%2095.1%200%200%200%208.82%2032.9l-7.23%204.17a8%208%200%200%200%204%2014.93a7.9%207.9%200%200%200%204-1.07l7.25-4.19a97%2097%200%200%200%2024.08%2024.08l-4.19%207.25a8%208%200%200%200%2013.86%208l4.17-7.23a95.1%2095.1%200%200%200%2032.9%208.82V232a8%208%200%200%200%2016%200v-8.34a95.1%2095.1%200%200%200%2032.9-8.82l4.17%207.23a8%208%200%200%200%2013.86-8l-4.19-7.25a97%2097%200%200%200%2024.08-24.08l7.25%204.19A8%208%200%200%200%20225%20184a8%208%200%200%200-2.92-10.93l-7.23-4.17a95.1%2095.1%200%200%200%208.82-32.9H232a8%208%200%200%200%200-16m-160%208a55.91%2055.91%200%200%201%2021.38-44l25.38%2044l-25.38%2044A55.91%2055.91%200%200%201%2072%20128m56%2056a55.7%2055.7%200%200%201-20.78-4l25.4-44h50.8A56.09%2056.09%200%200%201%20128%20184m4.62-64l-25.4-44a56%2056%200%200%201%2076.2%2044Z%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%20120h-8.34a95.1%2095.1%200%200%200-8.82-32.9l7.23-4.17a8%208%200%200%200-8-13.86l-7.25%204.19a97%2097%200%200%200-24.08-24.08l4.19-7.25a8%208%200%200%200-13.86-8l-4.17%207.23a95.1%2095.1%200%200%200-32.9-8.82V24a8%208%200%200%200-16%200v8.34a95.1%2095.1%200%200%200-32.9%208.82l-4.17-7.23a8%208%200%200%200-13.86%208l4.19%207.25a97%2097%200%200%200-24.08%2024.08l-7.25-4.19a8%208%200%200%200-8%2013.86l7.23%204.17a95.1%2095.1%200%200%200-8.82%2032.9H24a8%208%200%200%200%200%2016h8.34a95.1%2095.1%200%200%200%208.82%2032.9l-7.23%204.17a8%208%200%200%200%204%2014.93a7.9%207.9%200%200%200%204-1.07l7.25-4.19a97%2097%200%200%200%2024.08%2024.08l-4.19%207.25a8%208%200%200%200%2013.86%208l4.17-7.23a95.1%2095.1%200%200%200%2032.9%208.82V232a8%208%200%200%200%2016%200v-8.34a95.1%2095.1%200%200%200%2032.9-8.82l4.17%207.23a8%208%200%200%200%2013.86-8l-4.19-7.25a97%2097%200%200%200%2024.08-24.08l7.25%204.19A8%208%200%200%200%20225%20184a8%208%200%200%200-2.92-10.93l-7.23-4.17a95.1%2095.1%200%200%200%208.82-32.9H232a8%208%200%200%200%200-16m-160%208a55.91%2055.91%200%200%201%2021.38-44l25.38%2044l-25.38%2044A55.91%2055.91%200%200%201%2072%20128m56%2056a55.7%2055.7%200%200%201-20.78-4l25.4-44h50.8A56.09%2056.09%200%200%201%20128%20184m4.62-64l-25.4-44a56%2056%200%200%201%2076.2%2044Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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