gear icon
gear from Radix Icons by WorkOS · Outline · MIT Free for personal and commercial use.
- Name
- gear
- Set
- Radix Icons
- Style
- Outline
- Viewbox
- 15×15
- License
- MIT
The same icon in other sets
Use the gear icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M7.928.65a.85.85 0 0 1 .83.662l.237 1.05q.572.166 1.08.447l.912-.574a.85.85 0 0 1 1.054.118l.606.607c.28.28.33.719.118 1.055l-.574.91q.28.51.447 1.08l1.05.238a.85.85 0 0 1 .662.83v.856a.85.85 0 0 1-.662.829l-1.05.238q-.166.57-.448 1.08l.574.911a.85.85 0 0 1-.118 1.054l-.605.606a.85.85 0 0 1-1.055.118l-.911-.574a5.3 5.3 0 0 1-1.08.447l-.238 1.05a.85.85 0 0 1-.829.662h-.857a.85.85 0 0 1-.83-.662l-.237-1.05a5.3 5.3 0 0 1-1.079-.448l-.91.575a.85.85 0 0 1-1.055-.118l-.607-.606a.85.85 0 0 1-.118-1.054l.575-.912a5.3 5.3 0 0 1-.448-1.079l-1.05-.238a.85.85 0 0 1-.662-.83v-.856a.85.85 0 0 1 .662-.829l1.05-.238q.166-.57.447-1.08l-.574-.91a.85.85 0 0 1 .118-1.055l.606-.606a.85.85 0 0 1 1.054-.118l.911.574c.34-.186.7-.338 1.08-.448l.238-1.05A.85.85 0 0 1 7.07.65zM6.715 3.068a4.5 4.5 0 0 0-1.794.744l-1.36-.857l-.607.606l.858 1.36a4.5 4.5 0 0 0-.744 1.796L1.5 7.072v.857l1.568.355a4.5 4.5 0 0 0 .744 1.795l-.857 1.361l.605.606l1.362-.858a4.5 4.5 0 0 0 1.793.744l.356 1.568h.857l.356-1.568a4.5 4.5 0 0 0 1.795-.744l1.36.859l.607-.607l-.858-1.36a4.5 4.5 0 0 0 .744-1.796l1.568-.355v-.857l-1.568-.355a4.5 4.5 0 0 0-.744-1.796l.857-1.36l-.605-.606l-1.36.857a4.5 4.5 0 0 0-1.796-.744L7.928 1.5h-.857zM7.5 5.075a2.426 2.426 0 1 1 0 4.852a2.426 2.426 0 0 1 0-4.852m0 .9a1.525 1.525 0 1 0 0 3.05a1.525 1.525 0 0 0 0-3.05"/></svg>
React
import type { SVGProps } from "react";
export function RadixIconsGear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M7.928.65a.85.85 0 0 1 .83.662l.237 1.05q.572.166 1.08.447l.912-.574a.85.85 0 0 1 1.054.118l.606.607c.28.28.33.719.118 1.055l-.574.91q.28.51.447 1.08l1.05.238a.85.85 0 0 1 .662.83v.856a.85.85 0 0 1-.662.829l-1.05.238q-.166.57-.448 1.08l.574.911a.85.85 0 0 1-.118 1.054l-.605.606a.85.85 0 0 1-1.055.118l-.911-.574a5.3 5.3 0 0 1-1.08.447l-.238 1.05a.85.85 0 0 1-.829.662h-.857a.85.85 0 0 1-.83-.662l-.237-1.05a5.3 5.3 0 0 1-1.079-.448l-.91.575a.85.85 0 0 1-1.055-.118l-.607-.606a.85.85 0 0 1-.118-1.054l.575-.912a5.3 5.3 0 0 1-.448-1.079l-1.05-.238a.85.85 0 0 1-.662-.83v-.856a.85.85 0 0 1 .662-.829l1.05-.238q.166-.57.447-1.08l-.574-.91a.85.85 0 0 1 .118-1.055l.606-.606a.85.85 0 0 1 1.054-.118l.911.574c.34-.186.7-.338 1.08-.448l.238-1.05A.85.85 0 0 1 7.07.65zM6.715 3.068a4.5 4.5 0 0 0-1.794.744l-1.36-.857l-.607.606l.858 1.36a4.5 4.5 0 0 0-.744 1.796L1.5 7.072v.857l1.568.355a4.5 4.5 0 0 0 .744 1.795l-.857 1.361l.605.606l1.362-.858a4.5 4.5 0 0 0 1.793.744l.356 1.568h.857l.356-1.568a4.5 4.5 0 0 0 1.795-.744l1.36.859l.607-.607l-.858-1.36a4.5 4.5 0 0 0 .744-1.796l1.568-.355v-.857l-1.568-.355a4.5 4.5 0 0 0-.744-1.796l.857-1.36l-.605-.606l-1.36.857a4.5 4.5 0 0 0-1.796-.744L7.928 1.5h-.857zM7.5 5.075a2.426 2.426 0 1 1 0 4.852a2.426 2.426 0 0 1 0-4.852m0 .9a1.525 1.525 0 1 0 0 3.05a1.525 1.525 0 0 0 0-3.05"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M7.928.65a.85.85 0 0 1 .83.662l.237 1.05q.572.166 1.08.447l.912-.574a.85.85 0 0 1 1.054.118l.606.607c.28.28.33.719.118 1.055l-.574.91q.28.51.447 1.08l1.05.238a.85.85 0 0 1 .662.83v.856a.85.85 0 0 1-.662.829l-1.05.238q-.166.57-.448 1.08l.574.911a.85.85 0 0 1-.118 1.054l-.605.606a.85.85 0 0 1-1.055.118l-.911-.574a5.3 5.3 0 0 1-1.08.447l-.238 1.05a.85.85 0 0 1-.829.662h-.857a.85.85 0 0 1-.83-.662l-.237-1.05a5.3 5.3 0 0 1-1.079-.448l-.91.575a.85.85 0 0 1-1.055-.118l-.607-.606a.85.85 0 0 1-.118-1.054l.575-.912a5.3 5.3 0 0 1-.448-1.079l-1.05-.238a.85.85 0 0 1-.662-.83v-.856a.85.85 0 0 1 .662-.829l1.05-.238q.166-.57.447-1.08l-.574-.91a.85.85 0 0 1 .118-1.055l.606-.606a.85.85 0 0 1 1.054-.118l.911.574c.34-.186.7-.338 1.08-.448l.238-1.05A.85.85 0 0 1 7.07.65zM6.715 3.068a4.5 4.5 0 0 0-1.794.744l-1.36-.857l-.607.606l.858 1.36a4.5 4.5 0 0 0-.744 1.796L1.5 7.072v.857l1.568.355a4.5 4.5 0 0 0 .744 1.795l-.857 1.361l.605.606l1.362-.858a4.5 4.5 0 0 0 1.793.744l.356 1.568h.857l.356-1.568a4.5 4.5 0 0 0 1.795-.744l1.36.859l.607-.607l-.858-1.36a4.5 4.5 0 0 0 .744-1.796l1.568-.355v-.857l-1.568-.355a4.5 4.5 0 0 0-.744-1.796l.857-1.36l-.605-.606l-1.36.857a4.5 4.5 0 0 0-1.796-.744L7.928 1.5h-.857zM7.5 5.075a2.426 2.426 0 1 1 0 4.852a2.426 2.426 0 0 1 0-4.852m0 .9a1.525 1.525 0 1 0 0 3.05a1.525 1.525 0 0 0 0-3.05"/></svg> </template>
CSS
.icon-gear {
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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.928.65a.85.85%200%200%201%20.83.662l.237%201.05q.572.166%201.08.447l.912-.574a.85.85%200%200%201%201.054.118l.606.607c.28.28.33.719.118%201.055l-.574.91q.28.51.447%201.08l1.05.238a.85.85%200%200%201%20.662.83v.856a.85.85%200%200%201-.662.829l-1.05.238q-.166.57-.448%201.08l.574.911a.85.85%200%200%201-.118%201.054l-.605.606a.85.85%200%200%201-1.055.118l-.911-.574a5.3%205.3%200%200%201-1.08.447l-.238%201.05a.85.85%200%200%201-.829.662h-.857a.85.85%200%200%201-.83-.662l-.237-1.05a5.3%205.3%200%200%201-1.079-.448l-.91.575a.85.85%200%200%201-1.055-.118l-.607-.606a.85.85%200%200%201-.118-1.054l.575-.912a5.3%205.3%200%200%201-.448-1.079l-1.05-.238a.85.85%200%200%201-.662-.83v-.856a.85.85%200%200%201%20.662-.829l1.05-.238q.166-.57.447-1.08l-.574-.91a.85.85%200%200%201%20.118-1.055l.606-.606a.85.85%200%200%201%201.054-.118l.911.574c.34-.186.7-.338%201.08-.448l.238-1.05A.85.85%200%200%201%207.07.65zM6.715%203.068a4.5%204.5%200%200%200-1.794.744l-1.36-.857l-.607.606l.858%201.36a4.5%204.5%200%200%200-.744%201.796L1.5%207.072v.857l1.568.355a4.5%204.5%200%200%200%20.744%201.795l-.857%201.361l.605.606l1.362-.858a4.5%204.5%200%200%200%201.793.744l.356%201.568h.857l.356-1.568a4.5%204.5%200%200%200%201.795-.744l1.36.859l.607-.607l-.858-1.36a4.5%204.5%200%200%200%20.744-1.796l1.568-.355v-.857l-1.568-.355a4.5%204.5%200%200%200-.744-1.796l.857-1.36l-.605-.606l-1.36.857a4.5%204.5%200%200%200-1.796-.744L7.928%201.5h-.857zM7.5%205.075a2.426%202.426%200%201%201%200%204.852a2.426%202.426%200%200%201%200-4.852m0%20.9a1.525%201.525%200%201%200%200%203.05a1.525%201.525%200%200%200%200-3.05%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.928.65a.85.85%200%200%201%20.83.662l.237%201.05q.572.166%201.08.447l.912-.574a.85.85%200%200%201%201.054.118l.606.607c.28.28.33.719.118%201.055l-.574.91q.28.51.447%201.08l1.05.238a.85.85%200%200%201%20.662.83v.856a.85.85%200%200%201-.662.829l-1.05.238q-.166.57-.448%201.08l.574.911a.85.85%200%200%201-.118%201.054l-.605.606a.85.85%200%200%201-1.055.118l-.911-.574a5.3%205.3%200%200%201-1.08.447l-.238%201.05a.85.85%200%200%201-.829.662h-.857a.85.85%200%200%201-.83-.662l-.237-1.05a5.3%205.3%200%200%201-1.079-.448l-.91.575a.85.85%200%200%201-1.055-.118l-.607-.606a.85.85%200%200%201-.118-1.054l.575-.912a5.3%205.3%200%200%201-.448-1.079l-1.05-.238a.85.85%200%200%201-.662-.83v-.856a.85.85%200%200%201%20.662-.829l1.05-.238q.166-.57.447-1.08l-.574-.91a.85.85%200%200%201%20.118-1.055l.606-.606a.85.85%200%200%201%201.054-.118l.911.574c.34-.186.7-.338%201.08-.448l.238-1.05A.85.85%200%200%201%207.07.65zM6.715%203.068a4.5%204.5%200%200%200-1.794.744l-1.36-.857l-.607.606l.858%201.36a4.5%204.5%200%200%200-.744%201.796L1.5%207.072v.857l1.568.355a4.5%204.5%200%200%200%20.744%201.795l-.857%201.361l.605.606l1.362-.858a4.5%204.5%200%200%200%201.793.744l.356%201.568h.857l.356-1.568a4.5%204.5%200%200%200%201.795-.744l1.36.859l.607-.607l-.858-1.36a4.5%204.5%200%200%200%20.744-1.796l1.568-.355v-.857l-1.568-.355a4.5%204.5%200%200%200-.744-1.796l.857-1.36l-.605-.606l-1.36.857a4.5%204.5%200%200%200-1.796-.744L7.928%201.5h-.857zM7.5%205.075a2.426%202.426%200%201%201%200%204.852a2.426%202.426%200%200%201%200-4.852m0%20.9a1.525%201.525%200%201%200%200%203.05a1.525%201.525%200%200%200%200-3.05%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/radix-icons/gear.svg?color=%231a73e8&size=48
