gear fine icon

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

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

5 other variants in Phosphor

gear-finegear-fine-boldgear-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"><g fill="currentColor"><path d="M208 128a80 80 0 1 1-80-80a80 80 0 0 1 80 80" opacity=".2"/><path 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-16M85.31 185.94a71.92 71.92 0 0 1 0-115.88L118.76 128ZM128 200a71.6 71.6 0 0 1-28.84-6l33.46-58h66.92A72.08 72.08 0 0 1 128 200m4.62-80L99.16 62.05a71.94 71.94 0 0 1 100.38 58Z"/></g></svg>

React

import type { SVGProps } from "react";

export function PhGearFineDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M208 128a80 80 0 1 1-80-80a80 80 0 0 1 80 80" opacity=".2"/><path 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-16M85.31 185.94a71.92 71.92 0 0 1 0-115.88L118.76 128ZM128 200a71.6 71.6 0 0 1-28.84-6l33.46-58h66.92A72.08 72.08 0 0 1 128 200m4.62-80L99.16 62.05a71.94 71.94 0 0 1 100.38 58Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M208 128a80 80 0 1 1-80-80a80 80 0 0 1 80 80" opacity=".2"/><path 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-16M85.31 185.94a71.92 71.92 0 0 1 0-115.88L118.76 128ZM128 200a71.6 71.6 0 0 1-28.84-6l33.46-58h66.92A72.08 72.08 0 0 1 128 200m4.62-80L99.16 62.05a71.94 71.94 0 0 1 100.38 58Z"/></g></svg>
</template>

CSS

.icon-gear-fine-duotone {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M208%20128a80%2080%200%201%201-80-80a80%2080%200%200%201%2080%2080%22%20opacity%3D%22.2%22%2F%3E%3Cpath%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-16M85.31%20185.94a71.92%2071.92%200%200%201%200-115.88L118.76%20128ZM128%20200a71.6%2071.6%200%200%201-28.84-6l33.46-58h66.92A72.08%2072.08%200%200%201%20128%20200m4.62-80L99.16%2062.05a71.94%2071.94%200%200%201%20100.38%2058Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M208%20128a80%2080%200%201%201-80-80a80%2080%200%200%201%2080%2080%22%20opacity%3D%22.2%22%2F%3E%3Cpath%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-16M85.31%20185.94a71.92%2071.92%200%200%201%200-115.88L118.76%20128ZM128%20200a71.6%2071.6%200%200%201-28.84-6l33.46-58h66.92A72.08%2072.08%200%200%201%20128%20200m4.62-80L99.16%2062.05a71.94%2071.94%200%200%201%20100.38%2058Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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