gear six icon

gear-six-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: gear-six-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

gear-six gear-six-bold gear-six-duotone gear-six-fill gear-six-thin

Related icons in Phosphor

Use the gear six icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 82a46 46 0 1 0 46 46a46.06 46.06 0 0 0-46-46m0 80a34 34 0 1 1 34-34a34 34 0 0 1-34 34m108-54.4a6 6 0 0 0-2.92-4l-30.44-17.38l-.42-.71l-.12-34.31a6 6 0 0 0-2.1-4.56a110.1 110.1 0 0 0-36.07-20.31a6 6 0 0 0-4.84.45l-30.63 17.08h-1l-30.55-17.1a6 6 0 0 0-4.86-.44A109.9 109.9 0 0 0 56 46.68a6 6 0 0 0-2.12 4.55l-.16 34.34c-.14.23-.28.47-.41.71l-30.4 17.29a6 6 0 0 0-2.91 4.05a104.8 104.8 0 0 0 0 40.78a6 6 0 0 0 2.92 4l30.42 17.33l.42.71l.12 34.31a6 6 0 0 0 2.12 4.61a110.1 110.1 0 0 0 36.07 20.31a6 6 0 0 0 4.84-.45l30.61-17.08h1l30.56 17.1a6.1 6.1 0 0 0 2.92.76a5.8 5.8 0 0 0 1.93-.32a109.9 109.9 0 0 0 36-20.36a6 6 0 0 0 2.12-4.55l.16-34.34c.14-.23.28-.47.41-.71l30.42-17.29a6 6 0 0 0 2.92-4.05a104.8 104.8 0 0 0 .04-40.78m-11.25 35.79l-29.43 16.71a6.07 6.07 0 0 0-2.28 2.3c-.59 1-1.21 2.11-1.86 3.14a6 6 0 0 0-.91 3.16l-.16 33.21a98.2 98.2 0 0 1-27.52 15.53L133 200.88a6 6 0 0 0-2.93-.77h-3.88a6 6 0 0 0-3.07.76l-29.67 16.56a98 98 0 0 1-27.56-15.49l-.12-33.17a6 6 0 0 0-.91-3.16c-.64-1-1.27-2.08-1.86-3.14a6 6 0 0 0-2.27-2.3L31.3 143.4a93 93 0 0 1 0-30.79L60.68 95.9A6.07 6.07 0 0 0 63 93.6c.59-1 1.21-2.11 1.86-3.14a6 6 0 0 0 .91-3.16l.16-33.21a98.2 98.2 0 0 1 27.48-15.53L123 55.12a5.8 5.8 0 0 0 3.07.76h3.74a6 6 0 0 0 3.07-.76l29.65-16.56a98 98 0 0 1 27.56 15.49l.12 33.17a6 6 0 0 0 .91 3.16c.64 1 1.27 2.08 1.86 3.14a6 6 0 0 0 2.27 2.3l29.45 16.78a93 93 0 0 1 .03 30.79Z"/></svg>

React

import type { SVGProps } from "react";

export function PhGearSixLight(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="M128 82a46 46 0 1 0 46 46a46.06 46.06 0 0 0-46-46m0 80a34 34 0 1 1 34-34a34 34 0 0 1-34 34m108-54.4a6 6 0 0 0-2.92-4l-30.44-17.38l-.42-.71l-.12-34.31a6 6 0 0 0-2.1-4.56a110.1 110.1 0 0 0-36.07-20.31a6 6 0 0 0-4.84.45l-30.63 17.08h-1l-30.55-17.1a6 6 0 0 0-4.86-.44A109.9 109.9 0 0 0 56 46.68a6 6 0 0 0-2.12 4.55l-.16 34.34c-.14.23-.28.47-.41.71l-30.4 17.29a6 6 0 0 0-2.91 4.05a104.8 104.8 0 0 0 0 40.78a6 6 0 0 0 2.92 4l30.42 17.33l.42.71l.12 34.31a6 6 0 0 0 2.12 4.61a110.1 110.1 0 0 0 36.07 20.31a6 6 0 0 0 4.84-.45l30.61-17.08h1l30.56 17.1a6.1 6.1 0 0 0 2.92.76a5.8 5.8 0 0 0 1.93-.32a109.9 109.9 0 0 0 36-20.36a6 6 0 0 0 2.12-4.55l.16-34.34c.14-.23.28-.47.41-.71l30.42-17.29a6 6 0 0 0 2.92-4.05a104.8 104.8 0 0 0 .04-40.78m-11.25 35.79l-29.43 16.71a6.07 6.07 0 0 0-2.28 2.3c-.59 1-1.21 2.11-1.86 3.14a6 6 0 0 0-.91 3.16l-.16 33.21a98.2 98.2 0 0 1-27.52 15.53L133 200.88a6 6 0 0 0-2.93-.77h-3.88a6 6 0 0 0-3.07.76l-29.67 16.56a98 98 0 0 1-27.56-15.49l-.12-33.17a6 6 0 0 0-.91-3.16c-.64-1-1.27-2.08-1.86-3.14a6 6 0 0 0-2.27-2.3L31.3 143.4a93 93 0 0 1 0-30.79L60.68 95.9A6.07 6.07 0 0 0 63 93.6c.59-1 1.21-2.11 1.86-3.14a6 6 0 0 0 .91-3.16l.16-33.21a98.2 98.2 0 0 1 27.48-15.53L123 55.12a5.8 5.8 0 0 0 3.07.76h3.74a6 6 0 0 0 3.07-.76l29.65-16.56a98 98 0 0 1 27.56 15.49l.12 33.17a6 6 0 0 0 .91 3.16c.64 1 1.27 2.08 1.86 3.14a6 6 0 0 0 2.27 2.3l29.45 16.78a93 93 0 0 1 .03 30.79Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 82a46 46 0 1 0 46 46a46.06 46.06 0 0 0-46-46m0 80a34 34 0 1 1 34-34a34 34 0 0 1-34 34m108-54.4a6 6 0 0 0-2.92-4l-30.44-17.38l-.42-.71l-.12-34.31a6 6 0 0 0-2.1-4.56a110.1 110.1 0 0 0-36.07-20.31a6 6 0 0 0-4.84.45l-30.63 17.08h-1l-30.55-17.1a6 6 0 0 0-4.86-.44A109.9 109.9 0 0 0 56 46.68a6 6 0 0 0-2.12 4.55l-.16 34.34c-.14.23-.28.47-.41.71l-30.4 17.29a6 6 0 0 0-2.91 4.05a104.8 104.8 0 0 0 0 40.78a6 6 0 0 0 2.92 4l30.42 17.33l.42.71l.12 34.31a6 6 0 0 0 2.12 4.61a110.1 110.1 0 0 0 36.07 20.31a6 6 0 0 0 4.84-.45l30.61-17.08h1l30.56 17.1a6.1 6.1 0 0 0 2.92.76a5.8 5.8 0 0 0 1.93-.32a109.9 109.9 0 0 0 36-20.36a6 6 0 0 0 2.12-4.55l.16-34.34c.14-.23.28-.47.41-.71l30.42-17.29a6 6 0 0 0 2.92-4.05a104.8 104.8 0 0 0 .04-40.78m-11.25 35.79l-29.43 16.71a6.07 6.07 0 0 0-2.28 2.3c-.59 1-1.21 2.11-1.86 3.14a6 6 0 0 0-.91 3.16l-.16 33.21a98.2 98.2 0 0 1-27.52 15.53L133 200.88a6 6 0 0 0-2.93-.77h-3.88a6 6 0 0 0-3.07.76l-29.67 16.56a98 98 0 0 1-27.56-15.49l-.12-33.17a6 6 0 0 0-.91-3.16c-.64-1-1.27-2.08-1.86-3.14a6 6 0 0 0-2.27-2.3L31.3 143.4a93 93 0 0 1 0-30.79L60.68 95.9A6.07 6.07 0 0 0 63 93.6c.59-1 1.21-2.11 1.86-3.14a6 6 0 0 0 .91-3.16l.16-33.21a98.2 98.2 0 0 1 27.48-15.53L123 55.12a5.8 5.8 0 0 0 3.07.76h3.74a6 6 0 0 0 3.07-.76l29.65-16.56a98 98 0 0 1 27.56 15.49l.12 33.17a6 6 0 0 0 .91 3.16c.64 1 1.27 2.08 1.86 3.14a6 6 0 0 0 2.27 2.3l29.45 16.78a93 93 0 0 1 .03 30.79Z"/></svg>
</template>

CSS

.icon-gear-six-light {
  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%22M128%2082a46%2046%200%201%200%2046%2046a46.06%2046.06%200%200%200-46-46m0%2080a34%2034%200%201%201%2034-34a34%2034%200%200%201-34%2034m108-54.4a6%206%200%200%200-2.92-4l-30.44-17.38l-.42-.71l-.12-34.31a6%206%200%200%200-2.1-4.56a110.1%20110.1%200%200%200-36.07-20.31a6%206%200%200%200-4.84.45l-30.63%2017.08h-1l-30.55-17.1a6%206%200%200%200-4.86-.44A109.9%20109.9%200%200%200%2056%2046.68a6%206%200%200%200-2.12%204.55l-.16%2034.34c-.14.23-.28.47-.41.71l-30.4%2017.29a6%206%200%200%200-2.91%204.05a104.8%20104.8%200%200%200%200%2040.78a6%206%200%200%200%202.92%204l30.42%2017.33l.42.71l.12%2034.31a6%206%200%200%200%202.12%204.61a110.1%20110.1%200%200%200%2036.07%2020.31a6%206%200%200%200%204.84-.45l30.61-17.08h1l30.56%2017.1a6.1%206.1%200%200%200%202.92.76a5.8%205.8%200%200%200%201.93-.32a109.9%20109.9%200%200%200%2036-20.36a6%206%200%200%200%202.12-4.55l.16-34.34c.14-.23.28-.47.41-.71l30.42-17.29a6%206%200%200%200%202.92-4.05a104.8%20104.8%200%200%200%20.04-40.78m-11.25%2035.79l-29.43%2016.71a6.07%206.07%200%200%200-2.28%202.3c-.59%201-1.21%202.11-1.86%203.14a6%206%200%200%200-.91%203.16l-.16%2033.21a98.2%2098.2%200%200%201-27.52%2015.53L133%20200.88a6%206%200%200%200-2.93-.77h-3.88a6%206%200%200%200-3.07.76l-29.67%2016.56a98%2098%200%200%201-27.56-15.49l-.12-33.17a6%206%200%200%200-.91-3.16c-.64-1-1.27-2.08-1.86-3.14a6%206%200%200%200-2.27-2.3L31.3%20143.4a93%2093%200%200%201%200-30.79L60.68%2095.9A6.07%206.07%200%200%200%2063%2093.6c.59-1%201.21-2.11%201.86-3.14a6%206%200%200%200%20.91-3.16l.16-33.21a98.2%2098.2%200%200%201%2027.48-15.53L123%2055.12a5.8%205.8%200%200%200%203.07.76h3.74a6%206%200%200%200%203.07-.76l29.65-16.56a98%2098%200%200%201%2027.56%2015.49l.12%2033.17a6%206%200%200%200%20.91%203.16c.64%201%201.27%202.08%201.86%203.14a6%206%200%200%200%202.27%202.3l29.45%2016.78a93%2093%200%200%201%20.03%2030.79Z%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%22M128%2082a46%2046%200%201%200%2046%2046a46.06%2046.06%200%200%200-46-46m0%2080a34%2034%200%201%201%2034-34a34%2034%200%200%201-34%2034m108-54.4a6%206%200%200%200-2.92-4l-30.44-17.38l-.42-.71l-.12-34.31a6%206%200%200%200-2.1-4.56a110.1%20110.1%200%200%200-36.07-20.31a6%206%200%200%200-4.84.45l-30.63%2017.08h-1l-30.55-17.1a6%206%200%200%200-4.86-.44A109.9%20109.9%200%200%200%2056%2046.68a6%206%200%200%200-2.12%204.55l-.16%2034.34c-.14.23-.28.47-.41.71l-30.4%2017.29a6%206%200%200%200-2.91%204.05a104.8%20104.8%200%200%200%200%2040.78a6%206%200%200%200%202.92%204l30.42%2017.33l.42.71l.12%2034.31a6%206%200%200%200%202.12%204.61a110.1%20110.1%200%200%200%2036.07%2020.31a6%206%200%200%200%204.84-.45l30.61-17.08h1l30.56%2017.1a6.1%206.1%200%200%200%202.92.76a5.8%205.8%200%200%200%201.93-.32a109.9%20109.9%200%200%200%2036-20.36a6%206%200%200%200%202.12-4.55l.16-34.34c.14-.23.28-.47.41-.71l30.42-17.29a6%206%200%200%200%202.92-4.05a104.8%20104.8%200%200%200%20.04-40.78m-11.25%2035.79l-29.43%2016.71a6.07%206.07%200%200%200-2.28%202.3c-.59%201-1.21%202.11-1.86%203.14a6%206%200%200%200-.91%203.16l-.16%2033.21a98.2%2098.2%200%200%201-27.52%2015.53L133%20200.88a6%206%200%200%200-2.93-.77h-3.88a6%206%200%200%200-3.07.76l-29.67%2016.56a98%2098%200%200%201-27.56-15.49l-.12-33.17a6%206%200%200%200-.91-3.16c-.64-1-1.27-2.08-1.86-3.14a6%206%200%200%200-2.27-2.3L31.3%20143.4a93%2093%200%200%201%200-30.79L60.68%2095.9A6.07%206.07%200%200%200%2063%2093.6c.59-1%201.21-2.11%201.86-3.14a6%206%200%200%200%20.91-3.16l.16-33.21a98.2%2098.2%200%200%201%2027.48-15.53L123%2055.12a5.8%205.8%200%200%200%203.07.76h3.74a6%206%200%200%200%203.07-.76l29.65-16.56a98%2098%200%200%201%2027.56%2015.49l.12%2033.17a6%206%200%200%200%20.91%203.16c.64%201%201.27%202.08%201.86%203.14a6%206%200%200%200%202.27%202.3l29.45%2016.78a93%2093%200%200%201%20.03%2030.79Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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