gear icon
gear-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- gear-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
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 84a44 44 0 1 0 44 44a44.05 44.05 0 0 0-44-44m0 80a36 36 0 1 1 36-36a36 36 0 0 1-36 36m83.93-32.49q.13-3.51 0-7l15.83-19.79a4 4 0 0 0 .75-3.53A103.6 103.6 0 0 0 218 75.9a4 4 0 0 0-3-2l-25.19-2.8a89 89 0 0 0-4.95-4.95L182.07 41a4 4 0 0 0-2-3a104 104 0 0 0-25.25-10.5a4 4 0 0 0-3.53.74l-19.78 15.83q-3.51-.14-7 0L104.7 28.24a4 4 0 0 0-3.53-.75A103.6 103.6 0 0 0 75.9 38a4 4 0 0 0-2 3l-2.8 25.19a89 89 0 0 0-4.95 4.95L41 73.93a4 4 0 0 0-3 2a104 104 0 0 0-10.5 25.25a4 4 0 0 0 .74 3.53l15.83 19.78q-.14 3.51 0 7L28.24 151.3a4 4 0 0 0-.75 3.53A103.6 103.6 0 0 0 38 180.1a4 4 0 0 0 3 2l25.19 2.8c1.58 1.71 3.24 3.37 4.95 4.95l2.8 25.2a4 4 0 0 0 2 3a104 104 0 0 0 25.28 10.46a4 4 0 0 0 3.53-.74l19.78-15.83q3.51.13 7 0l19.79 15.83a4 4 0 0 0 2.5.88a4 4 0 0 0 1-.13A103.6 103.6 0 0 0 180.1 218a4 4 0 0 0 2-3l2.8-25.19c1.71-1.58 3.37-3.24 4.95-4.95l25.2-2.8a4 4 0 0 0 3-2a104 104 0 0 0 10.46-25.28a4 4 0 0 0-.74-3.53Zm.17 42.83l-24.67 2.74a4 4 0 0 0-2.55 1.32a76 76 0 0 1-6.48 6.48a4 4 0 0 0-1.32 2.55l-2.74 24.66a95.5 95.5 0 0 1-19.64 8.15l-19.38-15.51a4 4 0 0 0-2.5-.87h-.24a74 74 0 0 1-9.16 0a4 4 0 0 0-2.74.87l-19.37 15.5a95.3 95.3 0 0 1-19.65-8.13l-2.74-24.67a4 4 0 0 0-1.32-2.55a76 76 0 0 1-6.48-6.48a4 4 0 0 0-2.55-1.32l-24.66-2.74a95.5 95.5 0 0 1-8.15-19.64l15.51-19.38a4 4 0 0 0 .87-2.74a78 78 0 0 1 0-9.16a4 4 0 0 0-.87-2.74l-15.5-19.37a95.3 95.3 0 0 1 8.13-19.65l24.67-2.74a4 4 0 0 0 2.55-1.32a76 76 0 0 1 6.48-6.48a4 4 0 0 0 1.32-2.55l2.74-24.66a95.5 95.5 0 0 1 19.64-8.15l19.38 15.51a4 4 0 0 0 2.74.87a74 74 0 0 1 9.16 0a4 4 0 0 0 2.74-.87l19.37-15.5a95.3 95.3 0 0 1 19.65 8.13l2.74 24.67a4 4 0 0 0 1.32 2.55a76 76 0 0 1 6.48 6.48a4 4 0 0 0 2.55 1.32l24.66 2.74a95.5 95.5 0 0 1 8.15 19.64l-15.51 19.38a4 4 0 0 0-.87 2.74a78 78 0 0 1 0 9.16a4 4 0 0 0 .87 2.74l15.5 19.37a95.3 95.3 0 0 1-8.13 19.65"/></svg>
React
import type { SVGProps } from "react";
export function PhGearThin(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 84a44 44 0 1 0 44 44a44.05 44.05 0 0 0-44-44m0 80a36 36 0 1 1 36-36a36 36 0 0 1-36 36m83.93-32.49q.13-3.51 0-7l15.83-19.79a4 4 0 0 0 .75-3.53A103.6 103.6 0 0 0 218 75.9a4 4 0 0 0-3-2l-25.19-2.8a89 89 0 0 0-4.95-4.95L182.07 41a4 4 0 0 0-2-3a104 104 0 0 0-25.25-10.5a4 4 0 0 0-3.53.74l-19.78 15.83q-3.51-.14-7 0L104.7 28.24a4 4 0 0 0-3.53-.75A103.6 103.6 0 0 0 75.9 38a4 4 0 0 0-2 3l-2.8 25.19a89 89 0 0 0-4.95 4.95L41 73.93a4 4 0 0 0-3 2a104 104 0 0 0-10.5 25.25a4 4 0 0 0 .74 3.53l15.83 19.78q-.14 3.51 0 7L28.24 151.3a4 4 0 0 0-.75 3.53A103.6 103.6 0 0 0 38 180.1a4 4 0 0 0 3 2l25.19 2.8c1.58 1.71 3.24 3.37 4.95 4.95l2.8 25.2a4 4 0 0 0 2 3a104 104 0 0 0 25.28 10.46a4 4 0 0 0 3.53-.74l19.78-15.83q3.51.13 7 0l19.79 15.83a4 4 0 0 0 2.5.88a4 4 0 0 0 1-.13A103.6 103.6 0 0 0 180.1 218a4 4 0 0 0 2-3l2.8-25.19c1.71-1.58 3.37-3.24 4.95-4.95l25.2-2.8a4 4 0 0 0 3-2a104 104 0 0 0 10.46-25.28a4 4 0 0 0-.74-3.53Zm.17 42.83l-24.67 2.74a4 4 0 0 0-2.55 1.32a76 76 0 0 1-6.48 6.48a4 4 0 0 0-1.32 2.55l-2.74 24.66a95.5 95.5 0 0 1-19.64 8.15l-19.38-15.51a4 4 0 0 0-2.5-.87h-.24a74 74 0 0 1-9.16 0a4 4 0 0 0-2.74.87l-19.37 15.5a95.3 95.3 0 0 1-19.65-8.13l-2.74-24.67a4 4 0 0 0-1.32-2.55a76 76 0 0 1-6.48-6.48a4 4 0 0 0-2.55-1.32l-24.66-2.74a95.5 95.5 0 0 1-8.15-19.64l15.51-19.38a4 4 0 0 0 .87-2.74a78 78 0 0 1 0-9.16a4 4 0 0 0-.87-2.74l-15.5-19.37a95.3 95.3 0 0 1 8.13-19.65l24.67-2.74a4 4 0 0 0 2.55-1.32a76 76 0 0 1 6.48-6.48a4 4 0 0 0 1.32-2.55l2.74-24.66a95.5 95.5 0 0 1 19.64-8.15l19.38 15.51a4 4 0 0 0 2.74.87a74 74 0 0 1 9.16 0a4 4 0 0 0 2.74-.87l19.37-15.5a95.3 95.3 0 0 1 19.65 8.13l2.74 24.67a4 4 0 0 0 1.32 2.55a76 76 0 0 1 6.48 6.48a4 4 0 0 0 2.55 1.32l24.66 2.74a95.5 95.5 0 0 1 8.15 19.64l-15.51 19.38a4 4 0 0 0-.87 2.74a78 78 0 0 1 0 9.16a4 4 0 0 0 .87 2.74l15.5 19.37a95.3 95.3 0 0 1-8.13 19.65"/></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 84a44 44 0 1 0 44 44a44.05 44.05 0 0 0-44-44m0 80a36 36 0 1 1 36-36a36 36 0 0 1-36 36m83.93-32.49q.13-3.51 0-7l15.83-19.79a4 4 0 0 0 .75-3.53A103.6 103.6 0 0 0 218 75.9a4 4 0 0 0-3-2l-25.19-2.8a89 89 0 0 0-4.95-4.95L182.07 41a4 4 0 0 0-2-3a104 104 0 0 0-25.25-10.5a4 4 0 0 0-3.53.74l-19.78 15.83q-3.51-.14-7 0L104.7 28.24a4 4 0 0 0-3.53-.75A103.6 103.6 0 0 0 75.9 38a4 4 0 0 0-2 3l-2.8 25.19a89 89 0 0 0-4.95 4.95L41 73.93a4 4 0 0 0-3 2a104 104 0 0 0-10.5 25.25a4 4 0 0 0 .74 3.53l15.83 19.78q-.14 3.51 0 7L28.24 151.3a4 4 0 0 0-.75 3.53A103.6 103.6 0 0 0 38 180.1a4 4 0 0 0 3 2l25.19 2.8c1.58 1.71 3.24 3.37 4.95 4.95l2.8 25.2a4 4 0 0 0 2 3a104 104 0 0 0 25.28 10.46a4 4 0 0 0 3.53-.74l19.78-15.83q3.51.13 7 0l19.79 15.83a4 4 0 0 0 2.5.88a4 4 0 0 0 1-.13A103.6 103.6 0 0 0 180.1 218a4 4 0 0 0 2-3l2.8-25.19c1.71-1.58 3.37-3.24 4.95-4.95l25.2-2.8a4 4 0 0 0 3-2a104 104 0 0 0 10.46-25.28a4 4 0 0 0-.74-3.53Zm.17 42.83l-24.67 2.74a4 4 0 0 0-2.55 1.32a76 76 0 0 1-6.48 6.48a4 4 0 0 0-1.32 2.55l-2.74 24.66a95.5 95.5 0 0 1-19.64 8.15l-19.38-15.51a4 4 0 0 0-2.5-.87h-.24a74 74 0 0 1-9.16 0a4 4 0 0 0-2.74.87l-19.37 15.5a95.3 95.3 0 0 1-19.65-8.13l-2.74-24.67a4 4 0 0 0-1.32-2.55a76 76 0 0 1-6.48-6.48a4 4 0 0 0-2.55-1.32l-24.66-2.74a95.5 95.5 0 0 1-8.15-19.64l15.51-19.38a4 4 0 0 0 .87-2.74a78 78 0 0 1 0-9.16a4 4 0 0 0-.87-2.74l-15.5-19.37a95.3 95.3 0 0 1 8.13-19.65l24.67-2.74a4 4 0 0 0 2.55-1.32a76 76 0 0 1 6.48-6.48a4 4 0 0 0 1.32-2.55l2.74-24.66a95.5 95.5 0 0 1 19.64-8.15l19.38 15.51a4 4 0 0 0 2.74.87a74 74 0 0 1 9.16 0a4 4 0 0 0 2.74-.87l19.37-15.5a95.3 95.3 0 0 1 19.65 8.13l2.74 24.67a4 4 0 0 0 1.32 2.55a76 76 0 0 1 6.48 6.48a4 4 0 0 0 2.55 1.32l24.66 2.74a95.5 95.5 0 0 1 8.15 19.64l-15.51 19.38a4 4 0 0 0-.87 2.74a78 78 0 0 1 0 9.16a4 4 0 0 0 .87 2.74l15.5 19.37a95.3 95.3 0 0 1-8.13 19.65"/></svg> </template>
CSS
.icon-gear-thin {
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%2084a44%2044%200%201%200%2044%2044a44.05%2044.05%200%200%200-44-44m0%2080a36%2036%200%201%201%2036-36a36%2036%200%200%201-36%2036m83.93-32.49q.13-3.51%200-7l15.83-19.79a4%204%200%200%200%20.75-3.53A103.6%20103.6%200%200%200%20218%2075.9a4%204%200%200%200-3-2l-25.19-2.8a89%2089%200%200%200-4.95-4.95L182.07%2041a4%204%200%200%200-2-3a104%20104%200%200%200-25.25-10.5a4%204%200%200%200-3.53.74l-19.78%2015.83q-3.51-.14-7%200L104.7%2028.24a4%204%200%200%200-3.53-.75A103.6%20103.6%200%200%200%2075.9%2038a4%204%200%200%200-2%203l-2.8%2025.19a89%2089%200%200%200-4.95%204.95L41%2073.93a4%204%200%200%200-3%202a104%20104%200%200%200-10.5%2025.25a4%204%200%200%200%20.74%203.53l15.83%2019.78q-.14%203.51%200%207L28.24%20151.3a4%204%200%200%200-.75%203.53A103.6%20103.6%200%200%200%2038%20180.1a4%204%200%200%200%203%202l25.19%202.8c1.58%201.71%203.24%203.37%204.95%204.95l2.8%2025.2a4%204%200%200%200%202%203a104%20104%200%200%200%2025.28%2010.46a4%204%200%200%200%203.53-.74l19.78-15.83q3.51.13%207%200l19.79%2015.83a4%204%200%200%200%202.5.88a4%204%200%200%200%201-.13A103.6%20103.6%200%200%200%20180.1%20218a4%204%200%200%200%202-3l2.8-25.19c1.71-1.58%203.37-3.24%204.95-4.95l25.2-2.8a4%204%200%200%200%203-2a104%20104%200%200%200%2010.46-25.28a4%204%200%200%200-.74-3.53Zm.17%2042.83l-24.67%202.74a4%204%200%200%200-2.55%201.32a76%2076%200%200%201-6.48%206.48a4%204%200%200%200-1.32%202.55l-2.74%2024.66a95.5%2095.5%200%200%201-19.64%208.15l-19.38-15.51a4%204%200%200%200-2.5-.87h-.24a74%2074%200%200%201-9.16%200a4%204%200%200%200-2.74.87l-19.37%2015.5a95.3%2095.3%200%200%201-19.65-8.13l-2.74-24.67a4%204%200%200%200-1.32-2.55a76%2076%200%200%201-6.48-6.48a4%204%200%200%200-2.55-1.32l-24.66-2.74a95.5%2095.5%200%200%201-8.15-19.64l15.51-19.38a4%204%200%200%200%20.87-2.74a78%2078%200%200%201%200-9.16a4%204%200%200%200-.87-2.74l-15.5-19.37a95.3%2095.3%200%200%201%208.13-19.65l24.67-2.74a4%204%200%200%200%202.55-1.32a76%2076%200%200%201%206.48-6.48a4%204%200%200%200%201.32-2.55l2.74-24.66a95.5%2095.5%200%200%201%2019.64-8.15l19.38%2015.51a4%204%200%200%200%202.74.87a74%2074%200%200%201%209.16%200a4%204%200%200%200%202.74-.87l19.37-15.5a95.3%2095.3%200%200%201%2019.65%208.13l2.74%2024.67a4%204%200%200%200%201.32%202.55a76%2076%200%200%201%206.48%206.48a4%204%200%200%200%202.55%201.32l24.66%202.74a95.5%2095.5%200%200%201%208.15%2019.64l-15.51%2019.38a4%204%200%200%200-.87%202.74a78%2078%200%200%201%200%209.16a4%204%200%200%200%20.87%202.74l15.5%2019.37a95.3%2095.3%200%200%201-8.13%2019.65%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%2084a44%2044%200%201%200%2044%2044a44.05%2044.05%200%200%200-44-44m0%2080a36%2036%200%201%201%2036-36a36%2036%200%200%201-36%2036m83.93-32.49q.13-3.51%200-7l15.83-19.79a4%204%200%200%200%20.75-3.53A103.6%20103.6%200%200%200%20218%2075.9a4%204%200%200%200-3-2l-25.19-2.8a89%2089%200%200%200-4.95-4.95L182.07%2041a4%204%200%200%200-2-3a104%20104%200%200%200-25.25-10.5a4%204%200%200%200-3.53.74l-19.78%2015.83q-3.51-.14-7%200L104.7%2028.24a4%204%200%200%200-3.53-.75A103.6%20103.6%200%200%200%2075.9%2038a4%204%200%200%200-2%203l-2.8%2025.19a89%2089%200%200%200-4.95%204.95L41%2073.93a4%204%200%200%200-3%202a104%20104%200%200%200-10.5%2025.25a4%204%200%200%200%20.74%203.53l15.83%2019.78q-.14%203.51%200%207L28.24%20151.3a4%204%200%200%200-.75%203.53A103.6%20103.6%200%200%200%2038%20180.1a4%204%200%200%200%203%202l25.19%202.8c1.58%201.71%203.24%203.37%204.95%204.95l2.8%2025.2a4%204%200%200%200%202%203a104%20104%200%200%200%2025.28%2010.46a4%204%200%200%200%203.53-.74l19.78-15.83q3.51.13%207%200l19.79%2015.83a4%204%200%200%200%202.5.88a4%204%200%200%200%201-.13A103.6%20103.6%200%200%200%20180.1%20218a4%204%200%200%200%202-3l2.8-25.19c1.71-1.58%203.37-3.24%204.95-4.95l25.2-2.8a4%204%200%200%200%203-2a104%20104%200%200%200%2010.46-25.28a4%204%200%200%200-.74-3.53Zm.17%2042.83l-24.67%202.74a4%204%200%200%200-2.55%201.32a76%2076%200%200%201-6.48%206.48a4%204%200%200%200-1.32%202.55l-2.74%2024.66a95.5%2095.5%200%200%201-19.64%208.15l-19.38-15.51a4%204%200%200%200-2.5-.87h-.24a74%2074%200%200%201-9.16%200a4%204%200%200%200-2.74.87l-19.37%2015.5a95.3%2095.3%200%200%201-19.65-8.13l-2.74-24.67a4%204%200%200%200-1.32-2.55a76%2076%200%200%201-6.48-6.48a4%204%200%200%200-2.55-1.32l-24.66-2.74a95.5%2095.5%200%200%201-8.15-19.64l15.51-19.38a4%204%200%200%200%20.87-2.74a78%2078%200%200%201%200-9.16a4%204%200%200%200-.87-2.74l-15.5-19.37a95.3%2095.3%200%200%201%208.13-19.65l24.67-2.74a4%204%200%200%200%202.55-1.32a76%2076%200%200%201%206.48-6.48a4%204%200%200%200%201.32-2.55l2.74-24.66a95.5%2095.5%200%200%201%2019.64-8.15l19.38%2015.51a4%204%200%200%200%202.74.87a74%2074%200%200%201%209.16%200a4%204%200%200%200%202.74-.87l19.37-15.5a95.3%2095.3%200%200%201%2019.65%208.13l2.74%2024.67a4%204%200%200%200%201.32%202.55a76%2076%200%200%201%206.48%206.48a4%204%200%200%200%202.55%201.32l24.66%202.74a95.5%2095.5%200%200%201%208.15%2019.64l-15.51%2019.38a4%204%200%200%200-.87%202.74a78%2078%200%200%201%200%209.16a4%204%200%200%200%20.87%202.74l15.5%2019.37a95.3%2095.3%200%200%201-8.13%2019.65%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/gear-thin.svg?color=%231a73e8&size=48
