gear icon

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

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

5 other variants in Phosphor

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

The same icon in other sets

gearAkar Icons gearBootstrap Icons gearEmoji One (Colored)gearFramework7 Icons gearFont Awesome 6 Solid gearFluent Emoji gearFluent Emoji Flat gearFluent Emoji High Contrast gearNoto Emoji gearOcticons gearOpenMoji gearPixelarticons gearRadix Icons gearTwitter Emoji

Related icons in Phosphor

gear-fine gear-six

Use the gear 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 34m86-31.16c.06-1.89.06-3.79 0-5.68L229.33 106a6 6 0 0 0 1.11-5.29a105.3 105.3 0 0 0-10.68-25.81a6 6 0 0 0-4.53-3l-24.45-2.71q-1.93-2.07-4-4l-2.72-24.46a6 6 0 0 0-3-4.53a105.7 105.7 0 0 0-25.77-10.66a6 6 0 0 0-5.29 1.14l-19.2 15.37a90 90 0 0 0-5.68 0L106 26.67a6 6 0 0 0-5.29-1.11A105.3 105.3 0 0 0 74.9 36.24a6 6 0 0 0-3 4.53l-2.67 24.45q-2.07 1.94-4 4L40.76 72a6 6 0 0 0-4.53 3a105.7 105.7 0 0 0-10.66 25.77a6 6 0 0 0 1.11 5.23l15.37 19.2a90 90 0 0 0 0 5.68l-15.38 19.17a6 6 0 0 0-1.11 5.29a105.3 105.3 0 0 0 10.68 25.76a6 6 0 0 0 4.53 3l24.45 2.71q1.94 2.07 4 4L72 215.24a6 6 0 0 0 3 4.53a105.7 105.7 0 0 0 25.77 10.66a6 6 0 0 0 5.29-1.11l19.1-15.32c1.89.06 3.79.06 5.68 0l19.21 15.38a6 6 0 0 0 3.75 1.31a6.2 6.2 0 0 0 1.54-.2a105.3 105.3 0 0 0 25.76-10.68a6 6 0 0 0 3-4.53l2.71-24.45q2.07-1.93 4-4l24.46-2.72a6 6 0 0 0 4.53-3a105.5 105.5 0 0 0 10.66-25.77a6 6 0 0 0-1.11-5.29Zm-3.1 41.63l-23.64 2.63a6 6 0 0 0-3.82 2a75 75 0 0 1-6.31 6.31a6 6 0 0 0-2 3.82l-2.63 23.63a94.3 94.3 0 0 1-17.36 7.14l-18.57-14.86a6 6 0 0 0-3.75-1.31h-.36a78 78 0 0 1-8.92 0a6 6 0 0 0-4.11 1.3L100.87 218a94 94 0 0 1-17.34-7.17l-2.63-23.62a6 6 0 0 0-2-3.82a75 75 0 0 1-6.31-6.31a6 6 0 0 0-3.82-2l-23.63-2.63A94.3 94.3 0 0 1 38 155.14l14.86-18.57a6 6 0 0 0 1.3-4.11a78 78 0 0 1 0-8.92a6 6 0 0 0-1.3-4.11L38 100.87a94 94 0 0 1 7.17-17.34l23.62-2.63a6 6 0 0 0 3.82-2a75 75 0 0 1 6.31-6.31a6 6 0 0 0 2-3.82l2.63-23.63A94.3 94.3 0 0 1 100.86 38l18.57 14.86a6 6 0 0 0 4.11 1.3a78 78 0 0 1 8.92 0a6 6 0 0 0 4.11-1.3L155.13 38a94 94 0 0 1 17.34 7.17l2.63 23.64a6 6 0 0 0 2 3.82a75 75 0 0 1 6.31 6.31a6 6 0 0 0 3.82 2l23.63 2.63a94.3 94.3 0 0 1 7.14 17.29l-14.86 18.57a6 6 0 0 0-1.3 4.11a78 78 0 0 1 0 8.92a6 6 0 0 0 1.3 4.11L218 155.13a94 94 0 0 1-7.15 17.34Z"/></svg>

React

import type { SVGProps } from "react";

export function PhGearLight(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 34m86-31.16c.06-1.89.06-3.79 0-5.68L229.33 106a6 6 0 0 0 1.11-5.29a105.3 105.3 0 0 0-10.68-25.81a6 6 0 0 0-4.53-3l-24.45-2.71q-1.93-2.07-4-4l-2.72-24.46a6 6 0 0 0-3-4.53a105.7 105.7 0 0 0-25.77-10.66a6 6 0 0 0-5.29 1.14l-19.2 15.37a90 90 0 0 0-5.68 0L106 26.67a6 6 0 0 0-5.29-1.11A105.3 105.3 0 0 0 74.9 36.24a6 6 0 0 0-3 4.53l-2.67 24.45q-2.07 1.94-4 4L40.76 72a6 6 0 0 0-4.53 3a105.7 105.7 0 0 0-10.66 25.77a6 6 0 0 0 1.11 5.23l15.37 19.2a90 90 0 0 0 0 5.68l-15.38 19.17a6 6 0 0 0-1.11 5.29a105.3 105.3 0 0 0 10.68 25.76a6 6 0 0 0 4.53 3l24.45 2.71q1.94 2.07 4 4L72 215.24a6 6 0 0 0 3 4.53a105.7 105.7 0 0 0 25.77 10.66a6 6 0 0 0 5.29-1.11l19.1-15.32c1.89.06 3.79.06 5.68 0l19.21 15.38a6 6 0 0 0 3.75 1.31a6.2 6.2 0 0 0 1.54-.2a105.3 105.3 0 0 0 25.76-10.68a6 6 0 0 0 3-4.53l2.71-24.45q2.07-1.93 4-4l24.46-2.72a6 6 0 0 0 4.53-3a105.5 105.5 0 0 0 10.66-25.77a6 6 0 0 0-1.11-5.29Zm-3.1 41.63l-23.64 2.63a6 6 0 0 0-3.82 2a75 75 0 0 1-6.31 6.31a6 6 0 0 0-2 3.82l-2.63 23.63a94.3 94.3 0 0 1-17.36 7.14l-18.57-14.86a6 6 0 0 0-3.75-1.31h-.36a78 78 0 0 1-8.92 0a6 6 0 0 0-4.11 1.3L100.87 218a94 94 0 0 1-17.34-7.17l-2.63-23.62a6 6 0 0 0-2-3.82a75 75 0 0 1-6.31-6.31a6 6 0 0 0-3.82-2l-23.63-2.63A94.3 94.3 0 0 1 38 155.14l14.86-18.57a6 6 0 0 0 1.3-4.11a78 78 0 0 1 0-8.92a6 6 0 0 0-1.3-4.11L38 100.87a94 94 0 0 1 7.17-17.34l23.62-2.63a6 6 0 0 0 3.82-2a75 75 0 0 1 6.31-6.31a6 6 0 0 0 2-3.82l2.63-23.63A94.3 94.3 0 0 1 100.86 38l18.57 14.86a6 6 0 0 0 4.11 1.3a78 78 0 0 1 8.92 0a6 6 0 0 0 4.11-1.3L155.13 38a94 94 0 0 1 17.34 7.17l2.63 23.64a6 6 0 0 0 2 3.82a75 75 0 0 1 6.31 6.31a6 6 0 0 0 3.82 2l23.63 2.63a94.3 94.3 0 0 1 7.14 17.29l-14.86 18.57a6 6 0 0 0-1.3 4.11a78 78 0 0 1 0 8.92a6 6 0 0 0 1.3 4.11L218 155.13a94 94 0 0 1-7.15 17.34Z"/></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 34m86-31.16c.06-1.89.06-3.79 0-5.68L229.33 106a6 6 0 0 0 1.11-5.29a105.3 105.3 0 0 0-10.68-25.81a6 6 0 0 0-4.53-3l-24.45-2.71q-1.93-2.07-4-4l-2.72-24.46a6 6 0 0 0-3-4.53a105.7 105.7 0 0 0-25.77-10.66a6 6 0 0 0-5.29 1.14l-19.2 15.37a90 90 0 0 0-5.68 0L106 26.67a6 6 0 0 0-5.29-1.11A105.3 105.3 0 0 0 74.9 36.24a6 6 0 0 0-3 4.53l-2.67 24.45q-2.07 1.94-4 4L40.76 72a6 6 0 0 0-4.53 3a105.7 105.7 0 0 0-10.66 25.77a6 6 0 0 0 1.11 5.23l15.37 19.2a90 90 0 0 0 0 5.68l-15.38 19.17a6 6 0 0 0-1.11 5.29a105.3 105.3 0 0 0 10.68 25.76a6 6 0 0 0 4.53 3l24.45 2.71q1.94 2.07 4 4L72 215.24a6 6 0 0 0 3 4.53a105.7 105.7 0 0 0 25.77 10.66a6 6 0 0 0 5.29-1.11l19.1-15.32c1.89.06 3.79.06 5.68 0l19.21 15.38a6 6 0 0 0 3.75 1.31a6.2 6.2 0 0 0 1.54-.2a105.3 105.3 0 0 0 25.76-10.68a6 6 0 0 0 3-4.53l2.71-24.45q2.07-1.93 4-4l24.46-2.72a6 6 0 0 0 4.53-3a105.5 105.5 0 0 0 10.66-25.77a6 6 0 0 0-1.11-5.29Zm-3.1 41.63l-23.64 2.63a6 6 0 0 0-3.82 2a75 75 0 0 1-6.31 6.31a6 6 0 0 0-2 3.82l-2.63 23.63a94.3 94.3 0 0 1-17.36 7.14l-18.57-14.86a6 6 0 0 0-3.75-1.31h-.36a78 78 0 0 1-8.92 0a6 6 0 0 0-4.11 1.3L100.87 218a94 94 0 0 1-17.34-7.17l-2.63-23.62a6 6 0 0 0-2-3.82a75 75 0 0 1-6.31-6.31a6 6 0 0 0-3.82-2l-23.63-2.63A94.3 94.3 0 0 1 38 155.14l14.86-18.57a6 6 0 0 0 1.3-4.11a78 78 0 0 1 0-8.92a6 6 0 0 0-1.3-4.11L38 100.87a94 94 0 0 1 7.17-17.34l23.62-2.63a6 6 0 0 0 3.82-2a75 75 0 0 1 6.31-6.31a6 6 0 0 0 2-3.82l2.63-23.63A94.3 94.3 0 0 1 100.86 38l18.57 14.86a6 6 0 0 0 4.11 1.3a78 78 0 0 1 8.92 0a6 6 0 0 0 4.11-1.3L155.13 38a94 94 0 0 1 17.34 7.17l2.63 23.64a6 6 0 0 0 2 3.82a75 75 0 0 1 6.31 6.31a6 6 0 0 0 3.82 2l23.63 2.63a94.3 94.3 0 0 1 7.14 17.29l-14.86 18.57a6 6 0 0 0-1.3 4.11a78 78 0 0 1 0 8.92a6 6 0 0 0 1.3 4.11L218 155.13a94 94 0 0 1-7.15 17.34Z"/></svg>
</template>

CSS

.icon-gear-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%2034m86-31.16c.06-1.89.06-3.79%200-5.68L229.33%20106a6%206%200%200%200%201.11-5.29a105.3%20105.3%200%200%200-10.68-25.81a6%206%200%200%200-4.53-3l-24.45-2.71q-1.93-2.07-4-4l-2.72-24.46a6%206%200%200%200-3-4.53a105.7%20105.7%200%200%200-25.77-10.66a6%206%200%200%200-5.29%201.14l-19.2%2015.37a90%2090%200%200%200-5.68%200L106%2026.67a6%206%200%200%200-5.29-1.11A105.3%20105.3%200%200%200%2074.9%2036.24a6%206%200%200%200-3%204.53l-2.67%2024.45q-2.07%201.94-4%204L40.76%2072a6%206%200%200%200-4.53%203a105.7%20105.7%200%200%200-10.66%2025.77a6%206%200%200%200%201.11%205.23l15.37%2019.2a90%2090%200%200%200%200%205.68l-15.38%2019.17a6%206%200%200%200-1.11%205.29a105.3%20105.3%200%200%200%2010.68%2025.76a6%206%200%200%200%204.53%203l24.45%202.71q1.94%202.07%204%204L72%20215.24a6%206%200%200%200%203%204.53a105.7%20105.7%200%200%200%2025.77%2010.66a6%206%200%200%200%205.29-1.11l19.1-15.32c1.89.06%203.79.06%205.68%200l19.21%2015.38a6%206%200%200%200%203.75%201.31a6.2%206.2%200%200%200%201.54-.2a105.3%20105.3%200%200%200%2025.76-10.68a6%206%200%200%200%203-4.53l2.71-24.45q2.07-1.93%204-4l24.46-2.72a6%206%200%200%200%204.53-3a105.5%20105.5%200%200%200%2010.66-25.77a6%206%200%200%200-1.11-5.29Zm-3.1%2041.63l-23.64%202.63a6%206%200%200%200-3.82%202a75%2075%200%200%201-6.31%206.31a6%206%200%200%200-2%203.82l-2.63%2023.63a94.3%2094.3%200%200%201-17.36%207.14l-18.57-14.86a6%206%200%200%200-3.75-1.31h-.36a78%2078%200%200%201-8.92%200a6%206%200%200%200-4.11%201.3L100.87%20218a94%2094%200%200%201-17.34-7.17l-2.63-23.62a6%206%200%200%200-2-3.82a75%2075%200%200%201-6.31-6.31a6%206%200%200%200-3.82-2l-23.63-2.63A94.3%2094.3%200%200%201%2038%20155.14l14.86-18.57a6%206%200%200%200%201.3-4.11a78%2078%200%200%201%200-8.92a6%206%200%200%200-1.3-4.11L38%20100.87a94%2094%200%200%201%207.17-17.34l23.62-2.63a6%206%200%200%200%203.82-2a75%2075%200%200%201%206.31-6.31a6%206%200%200%200%202-3.82l2.63-23.63A94.3%2094.3%200%200%201%20100.86%2038l18.57%2014.86a6%206%200%200%200%204.11%201.3a78%2078%200%200%201%208.92%200a6%206%200%200%200%204.11-1.3L155.13%2038a94%2094%200%200%201%2017.34%207.17l2.63%2023.64a6%206%200%200%200%202%203.82a75%2075%200%200%201%206.31%206.31a6%206%200%200%200%203.82%202l23.63%202.63a94.3%2094.3%200%200%201%207.14%2017.29l-14.86%2018.57a6%206%200%200%200-1.3%204.11a78%2078%200%200%201%200%208.92a6%206%200%200%200%201.3%204.11L218%20155.13a94%2094%200%200%201-7.15%2017.34Z%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%2034m86-31.16c.06-1.89.06-3.79%200-5.68L229.33%20106a6%206%200%200%200%201.11-5.29a105.3%20105.3%200%200%200-10.68-25.81a6%206%200%200%200-4.53-3l-24.45-2.71q-1.93-2.07-4-4l-2.72-24.46a6%206%200%200%200-3-4.53a105.7%20105.7%200%200%200-25.77-10.66a6%206%200%200%200-5.29%201.14l-19.2%2015.37a90%2090%200%200%200-5.68%200L106%2026.67a6%206%200%200%200-5.29-1.11A105.3%20105.3%200%200%200%2074.9%2036.24a6%206%200%200%200-3%204.53l-2.67%2024.45q-2.07%201.94-4%204L40.76%2072a6%206%200%200%200-4.53%203a105.7%20105.7%200%200%200-10.66%2025.77a6%206%200%200%200%201.11%205.23l15.37%2019.2a90%2090%200%200%200%200%205.68l-15.38%2019.17a6%206%200%200%200-1.11%205.29a105.3%20105.3%200%200%200%2010.68%2025.76a6%206%200%200%200%204.53%203l24.45%202.71q1.94%202.07%204%204L72%20215.24a6%206%200%200%200%203%204.53a105.7%20105.7%200%200%200%2025.77%2010.66a6%206%200%200%200%205.29-1.11l19.1-15.32c1.89.06%203.79.06%205.68%200l19.21%2015.38a6%206%200%200%200%203.75%201.31a6.2%206.2%200%200%200%201.54-.2a105.3%20105.3%200%200%200%2025.76-10.68a6%206%200%200%200%203-4.53l2.71-24.45q2.07-1.93%204-4l24.46-2.72a6%206%200%200%200%204.53-3a105.5%20105.5%200%200%200%2010.66-25.77a6%206%200%200%200-1.11-5.29Zm-3.1%2041.63l-23.64%202.63a6%206%200%200%200-3.82%202a75%2075%200%200%201-6.31%206.31a6%206%200%200%200-2%203.82l-2.63%2023.63a94.3%2094.3%200%200%201-17.36%207.14l-18.57-14.86a6%206%200%200%200-3.75-1.31h-.36a78%2078%200%200%201-8.92%200a6%206%200%200%200-4.11%201.3L100.87%20218a94%2094%200%200%201-17.34-7.17l-2.63-23.62a6%206%200%200%200-2-3.82a75%2075%200%200%201-6.31-6.31a6%206%200%200%200-3.82-2l-23.63-2.63A94.3%2094.3%200%200%201%2038%20155.14l14.86-18.57a6%206%200%200%200%201.3-4.11a78%2078%200%200%201%200-8.92a6%206%200%200%200-1.3-4.11L38%20100.87a94%2094%200%200%201%207.17-17.34l23.62-2.63a6%206%200%200%200%203.82-2a75%2075%200%200%201%206.31-6.31a6%206%200%200%200%202-3.82l2.63-23.63A94.3%2094.3%200%200%201%20100.86%2038l18.57%2014.86a6%206%200%200%200%204.11%201.3a78%2078%200%200%201%208.92%200a6%206%200%200%200%204.11-1.3L155.13%2038a94%2094%200%200%201%2017.34%207.17l2.63%2023.64a6%206%200%200%200%202%203.82a75%2075%200%200%201%206.31%206.31a6%206%200%200%200%203.82%202l23.63%202.63a94.3%2094.3%200%200%201%207.14%2017.29l-14.86%2018.57a6%206%200%200%200-1.3%204.11a78%2078%200%200%201%200%208.92a6%206%200%200%200%201.3%204.11L218%20155.13a94%2094%200%200%201-7.15%2017.34Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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