gear fine icon

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

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

5 other variants in Phosphor

gear-fine-boldgear-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 120h-16.37a87.3 87.3 0 0 0-7.74-28.88l14.18-8.19a8 8 0 0 0-8-13.86l-14.2 8.2a88.8 88.8 0 0 0-21.14-21.14l8.2-14.2a8 8 0 0 0-13.86-8l-8.19 14.18A87.3 87.3 0 0 0 136 40.37V24a8 8 0 0 0-16 0v16.37a87.3 87.3 0 0 0-28.88 7.74l-8.19-14.18a8 8 0 0 0-13.86 8l8.2 14.2a88.8 88.8 0 0 0-21.14 21.14l-14.2-8.2a8 8 0 0 0-8 13.86l14.18 8.19A87.3 87.3 0 0 0 40.37 120H24a8 8 0 0 0 0 16h16.37a87.3 87.3 0 0 0 7.74 28.88l-14.18 8.19a8 8 0 0 0 4 14.93a7.9 7.9 0 0 0 4-1.07l14.2-8.2a88.8 88.8 0 0 0 21.14 21.14l-8.2 14.2a8 8 0 0 0 13.86 8l8.19-14.18a87.3 87.3 0 0 0 28.88 7.74V232a8 8 0 0 0 16 0v-16.37a87.3 87.3 0 0 0 28.88-7.74l8.19 14.18a8 8 0 0 0 13.86-8l-8.2-14.2a88.8 88.8 0 0 0 21.14-21.14l14.2 8.2A8 8 0 0 0 225 184a8 8 0 0 0-2.92-10.93l-14.18-8.19a87.3 87.3 0 0 0 7.73-28.88H232a8 8 0 0 0 0-16M128 56a72.08 72.08 0 0 1 71.54 64h-66.92L99.16 62.05A71.6 71.6 0 0 1 128 56m-72 72a72 72 0 0 1 29.31-57.94L118.76 128l-33.45 57.94A72 72 0 0 1 56 128m72 72a71.6 71.6 0 0 1-28.84-6l33.46-58h66.92A72.08 72.08 0 0 1 128 200"/></svg>

React

import type { SVGProps } from "react";

export function PhGearFine(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-16.37a87.3 87.3 0 0 0-7.74-28.88l14.18-8.19a8 8 0 0 0-8-13.86l-14.2 8.2a88.8 88.8 0 0 0-21.14-21.14l8.2-14.2a8 8 0 0 0-13.86-8l-8.19 14.18A87.3 87.3 0 0 0 136 40.37V24a8 8 0 0 0-16 0v16.37a87.3 87.3 0 0 0-28.88 7.74l-8.19-14.18a8 8 0 0 0-13.86 8l8.2 14.2a88.8 88.8 0 0 0-21.14 21.14l-14.2-8.2a8 8 0 0 0-8 13.86l14.18 8.19A87.3 87.3 0 0 0 40.37 120H24a8 8 0 0 0 0 16h16.37a87.3 87.3 0 0 0 7.74 28.88l-14.18 8.19a8 8 0 0 0 4 14.93a7.9 7.9 0 0 0 4-1.07l14.2-8.2a88.8 88.8 0 0 0 21.14 21.14l-8.2 14.2a8 8 0 0 0 13.86 8l8.19-14.18a87.3 87.3 0 0 0 28.88 7.74V232a8 8 0 0 0 16 0v-16.37a87.3 87.3 0 0 0 28.88-7.74l8.19 14.18a8 8 0 0 0 13.86-8l-8.2-14.2a88.8 88.8 0 0 0 21.14-21.14l14.2 8.2A8 8 0 0 0 225 184a8 8 0 0 0-2.92-10.93l-14.18-8.19a87.3 87.3 0 0 0 7.73-28.88H232a8 8 0 0 0 0-16M128 56a72.08 72.08 0 0 1 71.54 64h-66.92L99.16 62.05A71.6 71.6 0 0 1 128 56m-72 72a72 72 0 0 1 29.31-57.94L118.76 128l-33.45 57.94A72 72 0 0 1 56 128m72 72a71.6 71.6 0 0 1-28.84-6l33.46-58h66.92A72.08 72.08 0 0 1 128 200"/></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-16.37a87.3 87.3 0 0 0-7.74-28.88l14.18-8.19a8 8 0 0 0-8-13.86l-14.2 8.2a88.8 88.8 0 0 0-21.14-21.14l8.2-14.2a8 8 0 0 0-13.86-8l-8.19 14.18A87.3 87.3 0 0 0 136 40.37V24a8 8 0 0 0-16 0v16.37a87.3 87.3 0 0 0-28.88 7.74l-8.19-14.18a8 8 0 0 0-13.86 8l8.2 14.2a88.8 88.8 0 0 0-21.14 21.14l-14.2-8.2a8 8 0 0 0-8 13.86l14.18 8.19A87.3 87.3 0 0 0 40.37 120H24a8 8 0 0 0 0 16h16.37a87.3 87.3 0 0 0 7.74 28.88l-14.18 8.19a8 8 0 0 0 4 14.93a7.9 7.9 0 0 0 4-1.07l14.2-8.2a88.8 88.8 0 0 0 21.14 21.14l-8.2 14.2a8 8 0 0 0 13.86 8l8.19-14.18a87.3 87.3 0 0 0 28.88 7.74V232a8 8 0 0 0 16 0v-16.37a87.3 87.3 0 0 0 28.88-7.74l8.19 14.18a8 8 0 0 0 13.86-8l-8.2-14.2a88.8 88.8 0 0 0 21.14-21.14l14.2 8.2A8 8 0 0 0 225 184a8 8 0 0 0-2.92-10.93l-14.18-8.19a87.3 87.3 0 0 0 7.73-28.88H232a8 8 0 0 0 0-16M128 56a72.08 72.08 0 0 1 71.54 64h-66.92L99.16 62.05A71.6 71.6 0 0 1 128 56m-72 72a72 72 0 0 1 29.31-57.94L118.76 128l-33.45 57.94A72 72 0 0 1 56 128m72 72a71.6 71.6 0 0 1-28.84-6l33.46-58h66.92A72.08 72.08 0 0 1 128 200"/></svg>
</template>

CSS

.icon-gear-fine {
  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-16.37a87.3%2087.3%200%200%200-7.74-28.88l14.18-8.19a8%208%200%200%200-8-13.86l-14.2%208.2a88.8%2088.8%200%200%200-21.14-21.14l8.2-14.2a8%208%200%200%200-13.86-8l-8.19%2014.18A87.3%2087.3%200%200%200%20136%2040.37V24a8%208%200%200%200-16%200v16.37a87.3%2087.3%200%200%200-28.88%207.74l-8.19-14.18a8%208%200%200%200-13.86%208l8.2%2014.2a88.8%2088.8%200%200%200-21.14%2021.14l-14.2-8.2a8%208%200%200%200-8%2013.86l14.18%208.19A87.3%2087.3%200%200%200%2040.37%20120H24a8%208%200%200%200%200%2016h16.37a87.3%2087.3%200%200%200%207.74%2028.88l-14.18%208.19a8%208%200%200%200%204%2014.93a7.9%207.9%200%200%200%204-1.07l14.2-8.2a88.8%2088.8%200%200%200%2021.14%2021.14l-8.2%2014.2a8%208%200%200%200%2013.86%208l8.19-14.18a87.3%2087.3%200%200%200%2028.88%207.74V232a8%208%200%200%200%2016%200v-16.37a87.3%2087.3%200%200%200%2028.88-7.74l8.19%2014.18a8%208%200%200%200%2013.86-8l-8.2-14.2a88.8%2088.8%200%200%200%2021.14-21.14l14.2%208.2A8%208%200%200%200%20225%20184a8%208%200%200%200-2.92-10.93l-14.18-8.19a87.3%2087.3%200%200%200%207.73-28.88H232a8%208%200%200%200%200-16M128%2056a72.08%2072.08%200%200%201%2071.54%2064h-66.92L99.16%2062.05A71.6%2071.6%200%200%201%20128%2056m-72%2072a72%2072%200%200%201%2029.31-57.94L118.76%20128l-33.45%2057.94A72%2072%200%200%201%2056%20128m72%2072a71.6%2071.6%200%200%201-28.84-6l33.46-58h66.92A72.08%2072.08%200%200%201%20128%20200%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-16.37a87.3%2087.3%200%200%200-7.74-28.88l14.18-8.19a8%208%200%200%200-8-13.86l-14.2%208.2a88.8%2088.8%200%200%200-21.14-21.14l8.2-14.2a8%208%200%200%200-13.86-8l-8.19%2014.18A87.3%2087.3%200%200%200%20136%2040.37V24a8%208%200%200%200-16%200v16.37a87.3%2087.3%200%200%200-28.88%207.74l-8.19-14.18a8%208%200%200%200-13.86%208l8.2%2014.2a88.8%2088.8%200%200%200-21.14%2021.14l-14.2-8.2a8%208%200%200%200-8%2013.86l14.18%208.19A87.3%2087.3%200%200%200%2040.37%20120H24a8%208%200%200%200%200%2016h16.37a87.3%2087.3%200%200%200%207.74%2028.88l-14.18%208.19a8%208%200%200%200%204%2014.93a7.9%207.9%200%200%200%204-1.07l14.2-8.2a88.8%2088.8%200%200%200%2021.14%2021.14l-8.2%2014.2a8%208%200%200%200%2013.86%208l8.19-14.18a87.3%2087.3%200%200%200%2028.88%207.74V232a8%208%200%200%200%2016%200v-16.37a87.3%2087.3%200%200%200%2028.88-7.74l8.19%2014.18a8%208%200%200%200%2013.86-8l-8.2-14.2a88.8%2088.8%200%200%200%2021.14-21.14l14.2%208.2A8%208%200%200%200%20225%20184a8%208%200%200%200-2.92-10.93l-14.18-8.19a87.3%2087.3%200%200%200%207.73-28.88H232a8%208%200%200%200%200-16M128%2056a72.08%2072.08%200%200%201%2071.54%2064h-66.92L99.16%2062.05A71.6%2071.6%200%200%201%20128%2056m-72%2072a72%2072%200%200%201%2029.31-57.94L118.76%20128l-33.45%2057.94A72%2072%200%200%201%2056%20128m72%2072a71.6%2071.6%200%200%201-28.84-6l33.46-58h66.92A72.08%2072.08%200%200%201%20128%20200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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