gears icon
gears from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.
- Name
- gears
- Set
- Font Awesome Solid
- Style
- Solid
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
Use the gears icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M415.9 274.5c12.2-3.3 25 2.5 30.5 13.8l18.6 37.6c10.3 1.4 20.4 4.2 29.9 8.1l35-23.3c10.5-7 24.4-5.6 33.3 3.3l19.2 19.2c8.9 8.9 10.3 22.9 3.3 33.3l-23.3 34.9c1.9 4.7 3.6 9.6 5 14.7s2.3 10.1 3 15.2l37.7 18.6c11.3 5.6 17.1 18.4 13.8 30.5l-7 26.2c-3.3 12.1-14.6 20.3-27.2 19.5l-42-2.7c-6.3 8.1-13.6 15.6-21.9 22l2.7 41.9c.8 12.6-7.4 24-19.5 27.2l-26.2 7c-12.2 3.3-24.9-2.5-30.5-13.8l-18.6-37.6c-10.3-1.4-20.4-4.2-29.9-8.1l-35 23.3c-10.5 7-24.4 5.6-33.3-3.3l-19.2-19.2c-8.9-8.9-10.3-22.8-3.3-33.3l23.3-35c-1.9-4.7-3.6-9.6-5-14.7s-2.3-10.2-3-15.2L288.6 446c-11.3-5.6-17-18.4-13.8-30.5l7-26.2c3.3-12.1 14.6-20.3 27.2-19.5l41.9 2.7c6.3-8.1 13.6-15.6 21.9-22l-2.7-41.8c-.8-12.6 7.4-24 19.5-27.2l26.2-7zM448.4 404c-24.3 0-44 19.7-43.9 44.1c0 24.3 19.7 43.9 44 43.9s44-19.7 44-44c-.1-24.4-19.8-44-44.1-44M224.9 18.5l26.2 7c12.1 3.3 20.3 14.7 19.5 27.2l-2.7 41.8c8.3 6.4 15.6 13.8 21.9 22l42-2.7c12.5-.8 23.9 7.4 27.2 19.5l7 26.2c3.2 12.1-2.5 24.9-13.8 30.5l-37.7 18.6c-.7 5.1-1.7 10.2-3 15.2s-3.1 10-5 14.7l23.3 35c7 10.5 5.6 24.4-3.3 33.3L307.3 326c-8.9 8.9-22.8 10.3-33.3 3.3L239 306c-9.5 3.9-19.6 6.7-29.9 8.1l-18.6 37.6c-5.6 11.3-18.4 17-30.5 13.8l-26.2-7c-12.2-3.3-20.3-14.7-19.5-27.2l2.7-41.9c-8.3-6.4-15.6-13.8-21.9-22l-42 2.7c-12.5.8-23.9-7.4-27.2-19.5l-7-26.2c-3.2-12.1 2.5-24.9 13.8-30.5l37.7-18.6c.7-5.1 1.7-10.1 3-15.2c1.4-5.1 3-10 5-14.7l-23.3-34.9c-7-10.5-5.6-24.4 3.3-33.3L77.6 58c8.9-8.9 22.8-10.3 33.3-3.3l35 23.3c9.5-3.9 19.6-6.7 29.9-8.1l18.6-37.6c5.6-11.3 18.3-17 30.5-13.8M192.4 148c-24.3 0-44 19.7-44 44s19.7 44 44 44s44-19.7 44-44s-19.7-44-44-44"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidGears(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M415.9 274.5c12.2-3.3 25 2.5 30.5 13.8l18.6 37.6c10.3 1.4 20.4 4.2 29.9 8.1l35-23.3c10.5-7 24.4-5.6 33.3 3.3l19.2 19.2c8.9 8.9 10.3 22.9 3.3 33.3l-23.3 34.9c1.9 4.7 3.6 9.6 5 14.7s2.3 10.1 3 15.2l37.7 18.6c11.3 5.6 17.1 18.4 13.8 30.5l-7 26.2c-3.3 12.1-14.6 20.3-27.2 19.5l-42-2.7c-6.3 8.1-13.6 15.6-21.9 22l2.7 41.9c.8 12.6-7.4 24-19.5 27.2l-26.2 7c-12.2 3.3-24.9-2.5-30.5-13.8l-18.6-37.6c-10.3-1.4-20.4-4.2-29.9-8.1l-35 23.3c-10.5 7-24.4 5.6-33.3-3.3l-19.2-19.2c-8.9-8.9-10.3-22.8-3.3-33.3l23.3-35c-1.9-4.7-3.6-9.6-5-14.7s-2.3-10.2-3-15.2L288.6 446c-11.3-5.6-17-18.4-13.8-30.5l7-26.2c3.3-12.1 14.6-20.3 27.2-19.5l41.9 2.7c6.3-8.1 13.6-15.6 21.9-22l-2.7-41.8c-.8-12.6 7.4-24 19.5-27.2l26.2-7zM448.4 404c-24.3 0-44 19.7-43.9 44.1c0 24.3 19.7 43.9 44 43.9s44-19.7 44-44c-.1-24.4-19.8-44-44.1-44M224.9 18.5l26.2 7c12.1 3.3 20.3 14.7 19.5 27.2l-2.7 41.8c8.3 6.4 15.6 13.8 21.9 22l42-2.7c12.5-.8 23.9 7.4 27.2 19.5l7 26.2c3.2 12.1-2.5 24.9-13.8 30.5l-37.7 18.6c-.7 5.1-1.7 10.2-3 15.2s-3.1 10-5 14.7l23.3 35c7 10.5 5.6 24.4-3.3 33.3L307.3 326c-8.9 8.9-22.8 10.3-33.3 3.3L239 306c-9.5 3.9-19.6 6.7-29.9 8.1l-18.6 37.6c-5.6 11.3-18.4 17-30.5 13.8l-26.2-7c-12.2-3.3-20.3-14.7-19.5-27.2l2.7-41.9c-8.3-6.4-15.6-13.8-21.9-22l-42 2.7c-12.5.8-23.9-7.4-27.2-19.5l-7-26.2c-3.2-12.1 2.5-24.9 13.8-30.5l37.7-18.6c.7-5.1 1.7-10.1 3-15.2c1.4-5.1 3-10 5-14.7l-23.3-34.9c-7-10.5-5.6-24.4 3.3-33.3L77.6 58c8.9-8.9 22.8-10.3 33.3-3.3l35 23.3c9.5-3.9 19.6-6.7 29.9-8.1l18.6-37.6c5.6-11.3 18.3-17 30.5-13.8M192.4 148c-24.3 0-44 19.7-44 44s19.7 44 44 44s44-19.7 44-44s-19.7-44-44-44"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M415.9 274.5c12.2-3.3 25 2.5 30.5 13.8l18.6 37.6c10.3 1.4 20.4 4.2 29.9 8.1l35-23.3c10.5-7 24.4-5.6 33.3 3.3l19.2 19.2c8.9 8.9 10.3 22.9 3.3 33.3l-23.3 34.9c1.9 4.7 3.6 9.6 5 14.7s2.3 10.1 3 15.2l37.7 18.6c11.3 5.6 17.1 18.4 13.8 30.5l-7 26.2c-3.3 12.1-14.6 20.3-27.2 19.5l-42-2.7c-6.3 8.1-13.6 15.6-21.9 22l2.7 41.9c.8 12.6-7.4 24-19.5 27.2l-26.2 7c-12.2 3.3-24.9-2.5-30.5-13.8l-18.6-37.6c-10.3-1.4-20.4-4.2-29.9-8.1l-35 23.3c-10.5 7-24.4 5.6-33.3-3.3l-19.2-19.2c-8.9-8.9-10.3-22.8-3.3-33.3l23.3-35c-1.9-4.7-3.6-9.6-5-14.7s-2.3-10.2-3-15.2L288.6 446c-11.3-5.6-17-18.4-13.8-30.5l7-26.2c3.3-12.1 14.6-20.3 27.2-19.5l41.9 2.7c6.3-8.1 13.6-15.6 21.9-22l-2.7-41.8c-.8-12.6 7.4-24 19.5-27.2l26.2-7zM448.4 404c-24.3 0-44 19.7-43.9 44.1c0 24.3 19.7 43.9 44 43.9s44-19.7 44-44c-.1-24.4-19.8-44-44.1-44M224.9 18.5l26.2 7c12.1 3.3 20.3 14.7 19.5 27.2l-2.7 41.8c8.3 6.4 15.6 13.8 21.9 22l42-2.7c12.5-.8 23.9 7.4 27.2 19.5l7 26.2c3.2 12.1-2.5 24.9-13.8 30.5l-37.7 18.6c-.7 5.1-1.7 10.2-3 15.2s-3.1 10-5 14.7l23.3 35c7 10.5 5.6 24.4-3.3 33.3L307.3 326c-8.9 8.9-22.8 10.3-33.3 3.3L239 306c-9.5 3.9-19.6 6.7-29.9 8.1l-18.6 37.6c-5.6 11.3-18.4 17-30.5 13.8l-26.2-7c-12.2-3.3-20.3-14.7-19.5-27.2l2.7-41.9c-8.3-6.4-15.6-13.8-21.9-22l-42 2.7c-12.5.8-23.9-7.4-27.2-19.5l-7-26.2c-3.2-12.1 2.5-24.9 13.8-30.5l37.7-18.6c.7-5.1 1.7-10.1 3-15.2c1.4-5.1 3-10 5-14.7l-23.3-34.9c-7-10.5-5.6-24.4 3.3-33.3L77.6 58c8.9-8.9 22.8-10.3 33.3-3.3l35 23.3c9.5-3.9 19.6-6.7 29.9-8.1l18.6-37.6c5.6-11.3 18.3-17 30.5-13.8M192.4 148c-24.3 0-44 19.7-44 44s19.7 44 44 44s44-19.7 44-44s-19.7-44-44-44"/></svg> </template>
CSS
.icon-gears {
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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M415.9%20274.5c12.2-3.3%2025%202.5%2030.5%2013.8l18.6%2037.6c10.3%201.4%2020.4%204.2%2029.9%208.1l35-23.3c10.5-7%2024.4-5.6%2033.3%203.3l19.2%2019.2c8.9%208.9%2010.3%2022.9%203.3%2033.3l-23.3%2034.9c1.9%204.7%203.6%209.6%205%2014.7s2.3%2010.1%203%2015.2l37.7%2018.6c11.3%205.6%2017.1%2018.4%2013.8%2030.5l-7%2026.2c-3.3%2012.1-14.6%2020.3-27.2%2019.5l-42-2.7c-6.3%208.1-13.6%2015.6-21.9%2022l2.7%2041.9c.8%2012.6-7.4%2024-19.5%2027.2l-26.2%207c-12.2%203.3-24.9-2.5-30.5-13.8l-18.6-37.6c-10.3-1.4-20.4-4.2-29.9-8.1l-35%2023.3c-10.5%207-24.4%205.6-33.3-3.3l-19.2-19.2c-8.9-8.9-10.3-22.8-3.3-33.3l23.3-35c-1.9-4.7-3.6-9.6-5-14.7s-2.3-10.2-3-15.2L288.6%20446c-11.3-5.6-17-18.4-13.8-30.5l7-26.2c3.3-12.1%2014.6-20.3%2027.2-19.5l41.9%202.7c6.3-8.1%2013.6-15.6%2021.9-22l-2.7-41.8c-.8-12.6%207.4-24%2019.5-27.2l26.2-7zM448.4%20404c-24.3%200-44%2019.7-43.9%2044.1c0%2024.3%2019.7%2043.9%2044%2043.9s44-19.7%2044-44c-.1-24.4-19.8-44-44.1-44M224.9%2018.5l26.2%207c12.1%203.3%2020.3%2014.7%2019.5%2027.2l-2.7%2041.8c8.3%206.4%2015.6%2013.8%2021.9%2022l42-2.7c12.5-.8%2023.9%207.4%2027.2%2019.5l7%2026.2c3.2%2012.1-2.5%2024.9-13.8%2030.5l-37.7%2018.6c-.7%205.1-1.7%2010.2-3%2015.2s-3.1%2010-5%2014.7l23.3%2035c7%2010.5%205.6%2024.4-3.3%2033.3L307.3%20326c-8.9%208.9-22.8%2010.3-33.3%203.3L239%20306c-9.5%203.9-19.6%206.7-29.9%208.1l-18.6%2037.6c-5.6%2011.3-18.4%2017-30.5%2013.8l-26.2-7c-12.2-3.3-20.3-14.7-19.5-27.2l2.7-41.9c-8.3-6.4-15.6-13.8-21.9-22l-42%202.7c-12.5.8-23.9-7.4-27.2-19.5l-7-26.2c-3.2-12.1%202.5-24.9%2013.8-30.5l37.7-18.6c.7-5.1%201.7-10.1%203-15.2c1.4-5.1%203-10%205-14.7l-23.3-34.9c-7-10.5-5.6-24.4%203.3-33.3L77.6%2058c8.9-8.9%2022.8-10.3%2033.3-3.3l35%2023.3c9.5-3.9%2019.6-6.7%2029.9-8.1l18.6-37.6c5.6-11.3%2018.3-17%2030.5-13.8M192.4%20148c-24.3%200-44%2019.7-44%2044s19.7%2044%2044%2044s44-19.7%2044-44s-19.7-44-44-44%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M415.9%20274.5c12.2-3.3%2025%202.5%2030.5%2013.8l18.6%2037.6c10.3%201.4%2020.4%204.2%2029.9%208.1l35-23.3c10.5-7%2024.4-5.6%2033.3%203.3l19.2%2019.2c8.9%208.9%2010.3%2022.9%203.3%2033.3l-23.3%2034.9c1.9%204.7%203.6%209.6%205%2014.7s2.3%2010.1%203%2015.2l37.7%2018.6c11.3%205.6%2017.1%2018.4%2013.8%2030.5l-7%2026.2c-3.3%2012.1-14.6%2020.3-27.2%2019.5l-42-2.7c-6.3%208.1-13.6%2015.6-21.9%2022l2.7%2041.9c.8%2012.6-7.4%2024-19.5%2027.2l-26.2%207c-12.2%203.3-24.9-2.5-30.5-13.8l-18.6-37.6c-10.3-1.4-20.4-4.2-29.9-8.1l-35%2023.3c-10.5%207-24.4%205.6-33.3-3.3l-19.2-19.2c-8.9-8.9-10.3-22.8-3.3-33.3l23.3-35c-1.9-4.7-3.6-9.6-5-14.7s-2.3-10.2-3-15.2L288.6%20446c-11.3-5.6-17-18.4-13.8-30.5l7-26.2c3.3-12.1%2014.6-20.3%2027.2-19.5l41.9%202.7c6.3-8.1%2013.6-15.6%2021.9-22l-2.7-41.8c-.8-12.6%207.4-24%2019.5-27.2l26.2-7zM448.4%20404c-24.3%200-44%2019.7-43.9%2044.1c0%2024.3%2019.7%2043.9%2044%2043.9s44-19.7%2044-44c-.1-24.4-19.8-44-44.1-44M224.9%2018.5l26.2%207c12.1%203.3%2020.3%2014.7%2019.5%2027.2l-2.7%2041.8c8.3%206.4%2015.6%2013.8%2021.9%2022l42-2.7c12.5-.8%2023.9%207.4%2027.2%2019.5l7%2026.2c3.2%2012.1-2.5%2024.9-13.8%2030.5l-37.7%2018.6c-.7%205.1-1.7%2010.2-3%2015.2s-3.1%2010-5%2014.7l23.3%2035c7%2010.5%205.6%2024.4-3.3%2033.3L307.3%20326c-8.9%208.9-22.8%2010.3-33.3%203.3L239%20306c-9.5%203.9-19.6%206.7-29.9%208.1l-18.6%2037.6c-5.6%2011.3-18.4%2017-30.5%2013.8l-26.2-7c-12.2-3.3-20.3-14.7-19.5-27.2l2.7-41.9c-8.3-6.4-15.6-13.8-21.9-22l-42%202.7c-12.5.8-23.9-7.4-27.2-19.5l-7-26.2c-3.2-12.1%202.5-24.9%2013.8-30.5l37.7-18.6c.7-5.1%201.7-10.1%203-15.2c1.4-5.1%203-10%205-14.7l-23.3-34.9c-7-10.5-5.6-24.4%203.3-33.3L77.6%2058c8.9-8.9%2022.8-10.3%2033.3-3.3l35%2023.3c9.5-3.9%2019.6-6.7%2029.9-8.1l18.6-37.6c5.6-11.3%2018.3-17%2030.5-13.8M192.4%20148c-24.3%200-44%2019.7-44%2044s19.7%2044%2044%2044s44-19.7%2044-44s-19.7-44-44-44%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/gears.svg?color=%231a73e8&size=48
