gear alt icon
gear-alt from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- gear-alt
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Use the gear alt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m22.292 4.683l2.025 2.243c2.22 2.458 5.823 2.452 8.036 0l1.9-2.104a23.9 23.9 0 0 1 6.516 2.853l-.137 2.68c-.169 3.308 2.384 5.851 5.682 5.683l2.425-.124a23.9 23.9 0 0 1 2.694 6.878l-1.69 1.525c-2.457 2.22-2.45 5.823 0 8.036l1.561 1.408a23.9 23.9 0 0 1-2.958 6.975l-2.032-.104c-3.307-.169-5.85 2.384-5.682 5.682l.104 2.032a23.9 23.9 0 0 1-6.975 2.958l-1.408-1.56c-2.22-2.458-5.823-2.452-8.036 0l-1.525 1.69a23.9 23.9 0 0 1-6.878-2.695l.124-2.425c.169-3.307-2.384-5.85-5.682-5.682l-2.68.137a23.9 23.9 0 0 1-2.854-6.517l2.104-1.9c2.458-2.218 2.452-5.822 0-8.035l-2.243-2.025A23.9 23.9 0 0 1 7.28 15.88l3.076.157c3.307.169 5.85-2.384 5.682-5.682L15.88 7.28a23.9 23.9 0 0 1 6.41-2.597M20.726 8.45a21 21 0 0 0-1.061.428l.026.513c.302 5.908-4.387 10.602-10.3 10.3l-.513-.026q-.228.525-.428 1.06l.373.338c4.391 3.964 4.395 10.598 0 14.566l-.172.156q.25.621.54 1.225l.2-.01c5.85-.299 10.511 4.297 10.308 10.13q.74.321 1.505.584c3.872-4.122 10.156-4.188 14.104-.186q.855-.32 1.679-.715c-.028-5.515 4.307-9.854 9.826-9.826q.394-.824.715-1.68c-3.999-3.944-3.94-10.228.186-14.103q-.262-.765-.585-1.505c-5.734.2-10.281-4.306-10.14-10.03l.021-.478a21 21 0 0 0-1.225-.54l-.156.172c-3.964 4.391-10.599 4.395-14.566 0zM28 19a9 9 0 1 1 0 18a9 9 0 0 1 0-18m0 3a6 6 0 1 0 0 12a6 6 0 0 0 0-12"/></svg>
React
import type { SVGProps } from "react";
export function F7GearAlt(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m22.292 4.683l2.025 2.243c2.22 2.458 5.823 2.452 8.036 0l1.9-2.104a23.9 23.9 0 0 1 6.516 2.853l-.137 2.68c-.169 3.308 2.384 5.851 5.682 5.683l2.425-.124a23.9 23.9 0 0 1 2.694 6.878l-1.69 1.525c-2.457 2.22-2.45 5.823 0 8.036l1.561 1.408a23.9 23.9 0 0 1-2.958 6.975l-2.032-.104c-3.307-.169-5.85 2.384-5.682 5.682l.104 2.032a23.9 23.9 0 0 1-6.975 2.958l-1.408-1.56c-2.22-2.458-5.823-2.452-8.036 0l-1.525 1.69a23.9 23.9 0 0 1-6.878-2.695l.124-2.425c.169-3.307-2.384-5.85-5.682-5.682l-2.68.137a23.9 23.9 0 0 1-2.854-6.517l2.104-1.9c2.458-2.218 2.452-5.822 0-8.035l-2.243-2.025A23.9 23.9 0 0 1 7.28 15.88l3.076.157c3.307.169 5.85-2.384 5.682-5.682L15.88 7.28a23.9 23.9 0 0 1 6.41-2.597M20.726 8.45a21 21 0 0 0-1.061.428l.026.513c.302 5.908-4.387 10.602-10.3 10.3l-.513-.026q-.228.525-.428 1.06l.373.338c4.391 3.964 4.395 10.598 0 14.566l-.172.156q.25.621.54 1.225l.2-.01c5.85-.299 10.511 4.297 10.308 10.13q.74.321 1.505.584c3.872-4.122 10.156-4.188 14.104-.186q.855-.32 1.679-.715c-.028-5.515 4.307-9.854 9.826-9.826q.394-.824.715-1.68c-3.999-3.944-3.94-10.228.186-14.103q-.262-.765-.585-1.505c-5.734.2-10.281-4.306-10.14-10.03l.021-.478a21 21 0 0 0-1.225-.54l-.156.172c-3.964 4.391-10.599 4.395-14.566 0zM28 19a9 9 0 1 1 0 18a9 9 0 0 1 0-18m0 3a6 6 0 1 0 0 12a6 6 0 0 0 0-12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m22.292 4.683l2.025 2.243c2.22 2.458 5.823 2.452 8.036 0l1.9-2.104a23.9 23.9 0 0 1 6.516 2.853l-.137 2.68c-.169 3.308 2.384 5.851 5.682 5.683l2.425-.124a23.9 23.9 0 0 1 2.694 6.878l-1.69 1.525c-2.457 2.22-2.45 5.823 0 8.036l1.561 1.408a23.9 23.9 0 0 1-2.958 6.975l-2.032-.104c-3.307-.169-5.85 2.384-5.682 5.682l.104 2.032a23.9 23.9 0 0 1-6.975 2.958l-1.408-1.56c-2.22-2.458-5.823-2.452-8.036 0l-1.525 1.69a23.9 23.9 0 0 1-6.878-2.695l.124-2.425c.169-3.307-2.384-5.85-5.682-5.682l-2.68.137a23.9 23.9 0 0 1-2.854-6.517l2.104-1.9c2.458-2.218 2.452-5.822 0-8.035l-2.243-2.025A23.9 23.9 0 0 1 7.28 15.88l3.076.157c3.307.169 5.85-2.384 5.682-5.682L15.88 7.28a23.9 23.9 0 0 1 6.41-2.597M20.726 8.45a21 21 0 0 0-1.061.428l.026.513c.302 5.908-4.387 10.602-10.3 10.3l-.513-.026q-.228.525-.428 1.06l.373.338c4.391 3.964 4.395 10.598 0 14.566l-.172.156q.25.621.54 1.225l.2-.01c5.85-.299 10.511 4.297 10.308 10.13q.74.321 1.505.584c3.872-4.122 10.156-4.188 14.104-.186q.855-.32 1.679-.715c-.028-5.515 4.307-9.854 9.826-9.826q.394-.824.715-1.68c-3.999-3.944-3.94-10.228.186-14.103q-.262-.765-.585-1.505c-5.734.2-10.281-4.306-10.14-10.03l.021-.478a21 21 0 0 0-1.225-.54l-.156.172c-3.964 4.391-10.599 4.395-14.566 0zM28 19a9 9 0 1 1 0 18a9 9 0 0 1 0-18m0 3a6 6 0 1 0 0 12a6 6 0 0 0 0-12"/></svg> </template>
CSS
.icon-gear-alt {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m22.292%204.683l2.025%202.243c2.22%202.458%205.823%202.452%208.036%200l1.9-2.104a23.9%2023.9%200%200%201%206.516%202.853l-.137%202.68c-.169%203.308%202.384%205.851%205.682%205.683l2.425-.124a23.9%2023.9%200%200%201%202.694%206.878l-1.69%201.525c-2.457%202.22-2.45%205.823%200%208.036l1.561%201.408a23.9%2023.9%200%200%201-2.958%206.975l-2.032-.104c-3.307-.169-5.85%202.384-5.682%205.682l.104%202.032a23.9%2023.9%200%200%201-6.975%202.958l-1.408-1.56c-2.22-2.458-5.823-2.452-8.036%200l-1.525%201.69a23.9%2023.9%200%200%201-6.878-2.695l.124-2.425c.169-3.307-2.384-5.85-5.682-5.682l-2.68.137a23.9%2023.9%200%200%201-2.854-6.517l2.104-1.9c2.458-2.218%202.452-5.822%200-8.035l-2.243-2.025A23.9%2023.9%200%200%201%207.28%2015.88l3.076.157c3.307.169%205.85-2.384%205.682-5.682L15.88%207.28a23.9%2023.9%200%200%201%206.41-2.597M20.726%208.45a21%2021%200%200%200-1.061.428l.026.513c.302%205.908-4.387%2010.602-10.3%2010.3l-.513-.026q-.228.525-.428%201.06l.373.338c4.391%203.964%204.395%2010.598%200%2014.566l-.172.156q.25.621.54%201.225l.2-.01c5.85-.299%2010.511%204.297%2010.308%2010.13q.74.321%201.505.584c3.872-4.122%2010.156-4.188%2014.104-.186q.855-.32%201.679-.715c-.028-5.515%204.307-9.854%209.826-9.826q.394-.824.715-1.68c-3.999-3.944-3.94-10.228.186-14.103q-.262-.765-.585-1.505c-5.734.2-10.281-4.306-10.14-10.03l.021-.478a21%2021%200%200%200-1.225-.54l-.156.172c-3.964%204.391-10.599%204.395-14.566%200zM28%2019a9%209%200%201%201%200%2018a9%209%200%200%201%200-18m0%203a6%206%200%201%200%200%2012a6%206%200%200%200%200-12%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m22.292%204.683l2.025%202.243c2.22%202.458%205.823%202.452%208.036%200l1.9-2.104a23.9%2023.9%200%200%201%206.516%202.853l-.137%202.68c-.169%203.308%202.384%205.851%205.682%205.683l2.425-.124a23.9%2023.9%200%200%201%202.694%206.878l-1.69%201.525c-2.457%202.22-2.45%205.823%200%208.036l1.561%201.408a23.9%2023.9%200%200%201-2.958%206.975l-2.032-.104c-3.307-.169-5.85%202.384-5.682%205.682l.104%202.032a23.9%2023.9%200%200%201-6.975%202.958l-1.408-1.56c-2.22-2.458-5.823-2.452-8.036%200l-1.525%201.69a23.9%2023.9%200%200%201-6.878-2.695l.124-2.425c.169-3.307-2.384-5.85-5.682-5.682l-2.68.137a23.9%2023.9%200%200%201-2.854-6.517l2.104-1.9c2.458-2.218%202.452-5.822%200-8.035l-2.243-2.025A23.9%2023.9%200%200%201%207.28%2015.88l3.076.157c3.307.169%205.85-2.384%205.682-5.682L15.88%207.28a23.9%2023.9%200%200%201%206.41-2.597M20.726%208.45a21%2021%200%200%200-1.061.428l.026.513c.302%205.908-4.387%2010.602-10.3%2010.3l-.513-.026q-.228.525-.428%201.06l.373.338c4.391%203.964%204.395%2010.598%200%2014.566l-.172.156q.25.621.54%201.225l.2-.01c5.85-.299%2010.511%204.297%2010.308%2010.13q.74.321%201.505.584c3.872-4.122%2010.156-4.188%2014.104-.186q.855-.32%201.679-.715c-.028-5.515%204.307-9.854%209.826-9.826q.394-.824.715-1.68c-3.999-3.944-3.94-10.228.186-14.103q-.262-.765-.585-1.505c-5.734.2-10.281-4.306-10.14-10.03l.021-.478a21%2021%200%200%200-1.225-.54l-.156.172c-3.964%204.391-10.599%204.395-14.566%200zM28%2019a9%209%200%201%201%200%2018a9%209%200%200%201%200-18m0%203a6%206%200%201%200%200%2012a6%206%200%200%200%200-12%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/gear-alt.svg?color=%231a73e8&size=48
