gear2 icon

gear2-filled from Reicon by REICON · Filled · Settings · MIT Free for personal and commercial use.

Name: gear2-filled
Set: Reicon
Style: Filled
Category: Settings
Viewbox: 24×24
License: MIT

1 other variant in Reicon

More settings icons from Reicon

gear power-off settings settings2 sliders toggle tuning tuning-square tuning-square2 tuning2 tuning3 tuning4 widget widget-add widget2 widget3 widget4 widget5 widget6

Use the gear2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M19.333 11h-6.756L9.2 5.15a1 1 0 1 0-1.731 1L10.847 12l-3.379 5.852a1 1 0 0 0 1.732 1L12.579 13h6.756a1 1 0 0 0 0-2Z"/><path d="M21.667 11h-1.4a8.3 8.3 0 0 0-.603-2.27l1.208-.697a.999.999 0 1 0-1-1.73l-1.217.703a8.4 8.4 0 0 0-1.658-1.658L17.7 4.13a1 1 0 0 0-1.73-1l-.698 1.208a8.2 8.2 0 0 0-2.27-.604v-1.4a1 1 0 0 0-2 0v1.398c-.795.096-1.558.3-2.269.604l-.697-1.208a.998.998 0 1 0-1.73 1l.702 1.219a8.3 8.3 0 0 0-1.657 1.657l-1.217-.703a1 1 0 1 0-1 1.73l1.208.698A8.3 8.3 0 0 0 3.738 11H2.333a1 1 0 0 0 0 2h1.399c.096.795.3 1.558.604 2.269l-1.208.697a.999.999 0 1 0 1.001 1.73l1.218-.702a8.4 8.4 0 0 0 1.657 1.657l-.703 1.219a1 1 0 0 0 1.732 1l.698-1.208a8.2 8.2 0 0 0 2.269.604v1.399a1 1 0 0 0 2 0v-1.399a8.3 8.3 0 0 0 2.27-.604l.697 1.208a1 1 0 0 0 1.366.365a1 1 0 0 0 .366-1.365l-.703-1.219a8.3 8.3 0 0 0 1.657-1.657l1.217.703a1 1 0 0 0 1.367-.366a1 1 0 0 0-.365-1.365l-1.208-.697c.304-.71.508-1.473.604-2.27h1.399a1 1 0 0 0 0-2ZM12 18.333c-3.492 0-6.333-2.841-6.333-6.333S8.508 5.667 12 5.667S18.333 8.508 18.333 12S15.492 18.333 12 18.333"/></g></svg>

React

import type { SVGProps } from "react";

export function ReiconGear2Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M19.333 11h-6.756L9.2 5.15a1 1 0 1 0-1.731 1L10.847 12l-3.379 5.852a1 1 0 0 0 1.732 1L12.579 13h6.756a1 1 0 0 0 0-2Z"/><path d="M21.667 11h-1.4a8.3 8.3 0 0 0-.603-2.27l1.208-.697a.999.999 0 1 0-1-1.73l-1.217.703a8.4 8.4 0 0 0-1.658-1.658L17.7 4.13a1 1 0 0 0-1.73-1l-.698 1.208a8.2 8.2 0 0 0-2.27-.604v-1.4a1 1 0 0 0-2 0v1.398c-.795.096-1.558.3-2.269.604l-.697-1.208a.998.998 0 1 0-1.73 1l.702 1.219a8.3 8.3 0 0 0-1.657 1.657l-1.217-.703a1 1 0 1 0-1 1.73l1.208.698A8.3 8.3 0 0 0 3.738 11H2.333a1 1 0 0 0 0 2h1.399c.096.795.3 1.558.604 2.269l-1.208.697a.999.999 0 1 0 1.001 1.73l1.218-.702a8.4 8.4 0 0 0 1.657 1.657l-.703 1.219a1 1 0 0 0 1.732 1l.698-1.208a8.2 8.2 0 0 0 2.269.604v1.399a1 1 0 0 0 2 0v-1.399a8.3 8.3 0 0 0 2.27-.604l.697 1.208a1 1 0 0 0 1.366.365a1 1 0 0 0 .366-1.365l-.703-1.219a8.3 8.3 0 0 0 1.657-1.657l1.217.703a1 1 0 0 0 1.367-.366a1 1 0 0 0-.365-1.365l-1.208-.697c.304-.71.508-1.473.604-2.27h1.399a1 1 0 0 0 0-2ZM12 18.333c-3.492 0-6.333-2.841-6.333-6.333S8.508 5.667 12 5.667S18.333 8.508 18.333 12S15.492 18.333 12 18.333"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M19.333 11h-6.756L9.2 5.15a1 1 0 1 0-1.731 1L10.847 12l-3.379 5.852a1 1 0 0 0 1.732 1L12.579 13h6.756a1 1 0 0 0 0-2Z"/><path d="M21.667 11h-1.4a8.3 8.3 0 0 0-.603-2.27l1.208-.697a.999.999 0 1 0-1-1.73l-1.217.703a8.4 8.4 0 0 0-1.658-1.658L17.7 4.13a1 1 0 0 0-1.73-1l-.698 1.208a8.2 8.2 0 0 0-2.27-.604v-1.4a1 1 0 0 0-2 0v1.398c-.795.096-1.558.3-2.269.604l-.697-1.208a.998.998 0 1 0-1.73 1l.702 1.219a8.3 8.3 0 0 0-1.657 1.657l-1.217-.703a1 1 0 1 0-1 1.73l1.208.698A8.3 8.3 0 0 0 3.738 11H2.333a1 1 0 0 0 0 2h1.399c.096.795.3 1.558.604 2.269l-1.208.697a.999.999 0 1 0 1.001 1.73l1.218-.702a8.4 8.4 0 0 0 1.657 1.657l-.703 1.219a1 1 0 0 0 1.732 1l.698-1.208a8.2 8.2 0 0 0 2.269.604v1.399a1 1 0 0 0 2 0v-1.399a8.3 8.3 0 0 0 2.27-.604l.697 1.208a1 1 0 0 0 1.366.365a1 1 0 0 0 .366-1.365l-.703-1.219a8.3 8.3 0 0 0 1.657-1.657l1.217.703a1 1 0 0 0 1.367-.366a1 1 0 0 0-.365-1.365l-1.208-.697c.304-.71.508-1.473.604-2.27h1.399a1 1 0 0 0 0-2ZM12 18.333c-3.492 0-6.333-2.841-6.333-6.333S8.508 5.667 12 5.667S18.333 8.508 18.333 12S15.492 18.333 12 18.333"/></g></svg>
</template>

CSS

.icon-gear2-filled {
  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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M19.333%2011h-6.756L9.2%205.15a1%201%200%201%200-1.731%201L10.847%2012l-3.379%205.852a1%201%200%200%200%201.732%201L12.579%2013h6.756a1%201%200%200%200%200-2Z%22%2F%3E%3Cpath%20d%3D%22M21.667%2011h-1.4a8.3%208.3%200%200%200-.603-2.27l1.208-.697a.999.999%200%201%200-1-1.73l-1.217.703a8.4%208.4%200%200%200-1.658-1.658L17.7%204.13a1%201%200%200%200-1.73-1l-.698%201.208a8.2%208.2%200%200%200-2.27-.604v-1.4a1%201%200%200%200-2%200v1.398c-.795.096-1.558.3-2.269.604l-.697-1.208a.998.998%200%201%200-1.73%201l.702%201.219a8.3%208.3%200%200%200-1.657%201.657l-1.217-.703a1%201%200%201%200-1%201.73l1.208.698A8.3%208.3%200%200%200%203.738%2011H2.333a1%201%200%200%200%200%202h1.399c.096.795.3%201.558.604%202.269l-1.208.697a.999.999%200%201%200%201.001%201.73l1.218-.702a8.4%208.4%200%200%200%201.657%201.657l-.703%201.219a1%201%200%200%200%201.732%201l.698-1.208a8.2%208.2%200%200%200%202.269.604v1.399a1%201%200%200%200%202%200v-1.399a8.3%208.3%200%200%200%202.27-.604l.697%201.208a1%201%200%200%200%201.366.365a1%201%200%200%200%20.366-1.365l-.703-1.219a8.3%208.3%200%200%200%201.657-1.657l1.217.703a1%201%200%200%200%201.367-.366a1%201%200%200%200-.365-1.365l-1.208-.697c.304-.71.508-1.473.604-2.27h1.399a1%201%200%200%200%200-2ZM12%2018.333c-3.492%200-6.333-2.841-6.333-6.333S8.508%205.667%2012%205.667S18.333%208.508%2018.333%2012S15.492%2018.333%2012%2018.333%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M19.333%2011h-6.756L9.2%205.15a1%201%200%201%200-1.731%201L10.847%2012l-3.379%205.852a1%201%200%200%200%201.732%201L12.579%2013h6.756a1%201%200%200%200%200-2Z%22%2F%3E%3Cpath%20d%3D%22M21.667%2011h-1.4a8.3%208.3%200%200%200-.603-2.27l1.208-.697a.999.999%200%201%200-1-1.73l-1.217.703a8.4%208.4%200%200%200-1.658-1.658L17.7%204.13a1%201%200%200%200-1.73-1l-.698%201.208a8.2%208.2%200%200%200-2.27-.604v-1.4a1%201%200%200%200-2%200v1.398c-.795.096-1.558.3-2.269.604l-.697-1.208a.998.998%200%201%200-1.73%201l.702%201.219a8.3%208.3%200%200%200-1.657%201.657l-1.217-.703a1%201%200%201%200-1%201.73l1.208.698A8.3%208.3%200%200%200%203.738%2011H2.333a1%201%200%200%200%200%202h1.399c.096.795.3%201.558.604%202.269l-1.208.697a.999.999%200%201%200%201.001%201.73l1.218-.702a8.4%208.4%200%200%200%201.657%201.657l-.703%201.219a1%201%200%200%200%201.732%201l.698-1.208a8.2%208.2%200%200%200%202.269.604v1.399a1%201%200%200%200%202%200v-1.399a8.3%208.3%200%200%200%202.27-.604l.697%201.208a1%201%200%200%200%201.366.365a1%201%200%200%200%20.366-1.365l-.703-1.219a8.3%208.3%200%200%200%201.657-1.657l1.217.703a1%201%200%200%200%201.367-.366a1%201%200%200%200-.365-1.365l-1.208-.697c.304-.71.508-1.473.604-2.27h1.399a1%201%200%200%200%200-2ZM12%2018.333c-3.492%200-6.333-2.841-6.333-6.333S8.508%205.667%2012%205.667S18.333%208.508%2018.333%2012S15.492%2018.333%2012%2018.333%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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