gear alt icon

gear-alt-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name: gear-alt-fill
Set: Framework7 Icons
Style: Fill
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" fill-rule="evenodd" d="M22.792 51.433a23.9 23.9 0 0 1-6.878-2.694l.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.597l2.026 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 0zM28 38c5.523 0 10-4.477 10-10s-4.477-10-10-10s-10 4.477-10 10s4.477 10 10 10"/></svg>

React

import type { SVGProps } from "react";

export function F7GearAltFill(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" fillRule="evenodd" d="M22.792 51.433a23.9 23.9 0 0 1-6.878-2.694l.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.597l2.026 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 0zM28 38c5.523 0 10-4.477 10-10s-4.477-10-10-10s-10 4.477-10 10s4.477 10 10 10"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" fill-rule="evenodd" d="M22.792 51.433a23.9 23.9 0 0 1-6.878-2.694l.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.597l2.026 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 0zM28 38c5.523 0 10-4.477 10-10s-4.477-10-10-10s-10 4.477-10 10s4.477 10 10 10"/></svg>
</template>

CSS

.icon-gear-alt-fill {
  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%20fill-rule%3D%22evenodd%22%20d%3D%22M22.792%2051.433a23.9%2023.9%200%200%201-6.878-2.694l.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.597l2.026%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%200zM28%2038c5.523%200%2010-4.477%2010-10s-4.477-10-10-10s-10%204.477-10%2010s4.477%2010%2010%2010%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%20fill-rule%3D%22evenodd%22%20d%3D%22M22.792%2051.433a23.9%2023.9%200%200%201-6.878-2.694l.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.597l2.026%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%200zM28%2038c5.523%200%2010-4.477%2010-10s-4.477-10-10-10s-10%204.477-10%2010s4.477%2010%2010%2010%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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