# gears icon

Gears. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/gears

- Category: Actions
- Use it for: settings, preferences
- Built from: variant of settings
- Tags: gears, cogs, cogwheels, gear, cog, settings, preferences, options, configuration, machinery, mechanism, engineering, system, setup
- Family: settings, settings-alert, settings-arrow-down, settings-arrow-up, settings-lock, settings-sync
- Component name: GearsIcon
- Added: 2026-10-19

## Files

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it.

- line-round: https://gentleface.com/svg/line-round/16/gears.svg · PNG https://gentleface.com/png/line-round/16/gears.png · https://gentleface.com/png/line-round/32/gears.png · https://gentleface.com/png/line-round/48/gears.png
- line-soft: https://gentleface.com/svg/line-soft/16/gears.svg · PNG https://gentleface.com/png/line-soft/16/gears.png · https://gentleface.com/png/line-soft/32/gears.png · https://gentleface.com/png/line-soft/48/gears.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/gears.svg · PNG https://gentleface.com/png/line-sharp/16/gears.png · https://gentleface.com/png/line-sharp/32/gears.png · https://gentleface.com/png/line-sharp/48/gears.png
- solid-round: https://gentleface.com/svg/solid-round/16/gears.svg · PNG https://gentleface.com/png/solid-round/16/gears.png · https://gentleface.com/png/solid-round/32/gears.png · https://gentleface.com/png/solid-round/48/gears.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/gears.svg · PNG https://gentleface.com/png/solid-soft/16/gears.png · https://gentleface.com/png/solid-soft/32/gears.png · https://gentleface.com/png/solid-soft/48/gears.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/gears.svg · PNG https://gentleface.com/png/solid-sharp/16/gears.png · https://gentleface.com/png/solid-sharp/32/gears.png · https://gentleface.com/png/solid-sharp/48/gears.png

The SVG of every style: https://gentleface.com/icons/gears.json (`svg`).

## Code (line-round)

The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M3.562 1.267C3.768 1.188 4.002 1.271 4.112 1.462L4.72 2.516C4.907 2.495 5.093 2.495 5.28 2.516L5.888 1.462C5.998 1.271 6.232 1.188 6.438 1.267C6.83 1.416 7.189 1.623 7.514 1.888C7.686 2.027 7.73 2.271 7.62 2.462L7.012 3.516C7.123 3.667 7.216 3.828 7.291 4L8.146 4C8.382 4 8.583 4.083 8.75 4.25C8.917 4.417 9 4.618 9 4.854L9 5.146C9 5.382 8.917 5.583 8.75 5.75C8.583 5.917 8.382 6 8.146 6L7.291 6C7.216 6.172 7.123 6.333 7.012 6.484L7.62 7.538C7.73 7.729 7.686 7.973 7.514 8.112C7.189 8.377 6.83 8.584 6.438 8.733C6.232 8.812 5.998 8.729 5.888 8.538L5.28 7.484C5.093 7.505 4.907 7.505 4.72 7.484L4.112 8.538C4.002 8.729 3.768 8.812 3.562 8.733C3.17 8.584 2.811 8.377 2.486 8.112C2.314 7.973 2.27 7.729 2.38 7.538L2.988 6.484C2.877 6.333 2.784 6.172 2.709 6L1.854 6C1.618 6 1.417 5.917 1.25 5.75C1.083 5.583 1 5.382 1 5.146L1 4.854C1 4.618 1.083 4.417 1.25 4.25C1.417 4.083 1.618 4 1.854 4L2.709 4C2.784 3.828 2.877 3.667 2.988 3.516L2.38 2.462C2.27 2.271 2.314 2.027 2.486 1.888C2.811 1.623 3.17 1.416 3.562 1.267ZM3.5 5C3.5 5.828 4.172 6.5 5 6.5C5.828 6.5 6.5 5.828 6.5 5C6.5 4.172 5.828 3.5 5 3.5C4.172 3.5 3.5 4.172 3.5 5ZM6.918 10.155C6.937 10.148 6.955 10.141 6.974 10.134C7.515 9.928 8.01 9.642 8.46 9.276C8.475 9.264 8.49 9.251 8.505 9.239C8.626 9.139 8.742 9.034 8.853 8.924C9.236 8.549 9.389 7.997 9.255 7.478C9.974 7.354 10.5 6.73 10.5 6L11 6C11.276 6 11.512 6.098 11.707 6.293C11.902 6.488 12 6.724 12 7L12 8L13.131 7.269C13.309 7.154 13.544 7.179 13.694 7.33C13.967 7.605 14.202 7.911 14.397 8.25C14.596 8.594 14.746 8.957 14.847 9.338C14.9 9.534 14.814 9.741 14.638 9.843L14.212 10.089C14.139 10.131 14.081 10.189 14.038 10.263C13.996 10.336 13.975 10.415 13.975 10.5C13.975 10.585 13.996 10.664 14.038 10.737C14.081 10.811 14.139 10.869 14.212 10.911L14.638 11.157C14.814 11.259 14.9 11.466 14.847 11.662C14.746 12.043 14.596 12.406 14.397 12.75C14.202 13.089 13.967 13.395 13.694 13.67C13.544 13.821 13.309 13.846 13.131 13.731L12 13L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 13L7.869 13.731C7.691 13.846 7.456 13.821 7.306 13.67C7.033 13.395 6.798 13.089 6.603 12.75C6.404 12.406 6.254 12.043 6.153 11.662C6.1 11.466 6.186 11.259 6.362 11.157L6.788 10.911C6.861 10.869 6.919 10.811 6.962 10.737C7.004 10.664 7.025 10.585 7.025 10.5C7.025 10.415 7.004 10.336 6.962 10.263C6.941 10.227 6.916 10.194 6.888 10.166C6.898 10.162 6.908 10.158 6.918 10.155ZM10.5 12C11.328 12 12 11.328 12 10.5C12 9.672 11.328 9 10.5 9C9.672 9 9 9.672 9 10.5C9 11.328 9.672 12 10.5 12Z"/></svg>
```

### React

```tsx
// Gentleface "gears" (line-round), MIT. https://gentleface.com/icons/gears
import type { SVGProps } from 'react';

export function GearsIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M3.562 1.267C3.768 1.188 4.002 1.271 4.112 1.462L4.72 2.516C4.907 2.495 5.093 2.495 5.28 2.516L5.888 1.462C5.998 1.271 6.232 1.188 6.438 1.267C6.83 1.416 7.189 1.623 7.514 1.888C7.686 2.027 7.73 2.271 7.62 2.462L7.012 3.516C7.123 3.667 7.216 3.828 7.291 4L8.146 4C8.382 4 8.583 4.083 8.75 4.25C8.917 4.417 9 4.618 9 4.854L9 5.146C9 5.382 8.917 5.583 8.75 5.75C8.583 5.917 8.382 6 8.146 6L7.291 6C7.216 6.172 7.123 6.333 7.012 6.484L7.62 7.538C7.73 7.729 7.686 7.973 7.514 8.112C7.189 8.377 6.83 8.584 6.438 8.733C6.232 8.812 5.998 8.729 5.888 8.538L5.28 7.484C5.093 7.505 4.907 7.505 4.72 7.484L4.112 8.538C4.002 8.729 3.768 8.812 3.562 8.733C3.17 8.584 2.811 8.377 2.486 8.112C2.314 7.973 2.27 7.729 2.38 7.538L2.988 6.484C2.877 6.333 2.784 6.172 2.709 6L1.854 6C1.618 6 1.417 5.917 1.25 5.75C1.083 5.583 1 5.382 1 5.146L1 4.854C1 4.618 1.083 4.417 1.25 4.25C1.417 4.083 1.618 4 1.854 4L2.709 4C2.784 3.828 2.877 3.667 2.988 3.516L2.38 2.462C2.27 2.271 2.314 2.027 2.486 1.888C2.811 1.623 3.17 1.416 3.562 1.267ZM3.5 5C3.5 5.828 4.172 6.5 5 6.5C5.828 6.5 6.5 5.828 6.5 5C6.5 4.172 5.828 3.5 5 3.5C4.172 3.5 3.5 4.172 3.5 5ZM6.918 10.155C6.937 10.148 6.955 10.141 6.974 10.134C7.515 9.928 8.01 9.642 8.46 9.276C8.475 9.264 8.49 9.251 8.505 9.239C8.626 9.139 8.742 9.034 8.853 8.924C9.236 8.549 9.389 7.997 9.255 7.478C9.974 7.354 10.5 6.73 10.5 6L11 6C11.276 6 11.512 6.098 11.707 6.293C11.902 6.488 12 6.724 12 7L12 8L13.131 7.269C13.309 7.154 13.544 7.179 13.694 7.33C13.967 7.605 14.202 7.911 14.397 8.25C14.596 8.594 14.746 8.957 14.847 9.338C14.9 9.534 14.814 9.741 14.638 9.843L14.212 10.089C14.139 10.131 14.081 10.189 14.038 10.263C13.996 10.336 13.975 10.415 13.975 10.5C13.975 10.585 13.996 10.664 14.038 10.737C14.081 10.811 14.139 10.869 14.212 10.911L14.638 11.157C14.814 11.259 14.9 11.466 14.847 11.662C14.746 12.043 14.596 12.406 14.397 12.75C14.202 13.089 13.967 13.395 13.694 13.67C13.544 13.821 13.309 13.846 13.131 13.731L12 13L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 13L7.869 13.731C7.691 13.846 7.456 13.821 7.306 13.67C7.033 13.395 6.798 13.089 6.603 12.75C6.404 12.406 6.254 12.043 6.153 11.662C6.1 11.466 6.186 11.259 6.362 11.157L6.788 10.911C6.861 10.869 6.919 10.811 6.962 10.737C7.004 10.664 7.025 10.585 7.025 10.5C7.025 10.415 7.004 10.336 6.962 10.263C6.941 10.227 6.916 10.194 6.888 10.166C6.898 10.162 6.908 10.158 6.918 10.155ZM10.5 12C11.328 12 12 11.328 12 10.5C12 9.672 11.328 9 10.5 9C9.672 9 9 9.672 9 10.5C9 11.328 9.672 12 10.5 12Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "gears" (line-round), MIT. https://gentleface.com/icons/gears -->
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
    <path d="M3.562 1.267C3.768 1.188 4.002 1.271 4.112 1.462L4.72 2.516C4.907 2.495 5.093 2.495 5.28 2.516L5.888 1.462C5.998 1.271 6.232 1.188 6.438 1.267C6.83 1.416 7.189 1.623 7.514 1.888C7.686 2.027 7.73 2.271 7.62 2.462L7.012 3.516C7.123 3.667 7.216 3.828 7.291 4L8.146 4C8.382 4 8.583 4.083 8.75 4.25C8.917 4.417 9 4.618 9 4.854L9 5.146C9 5.382 8.917 5.583 8.75 5.75C8.583 5.917 8.382 6 8.146 6L7.291 6C7.216 6.172 7.123 6.333 7.012 6.484L7.62 7.538C7.73 7.729 7.686 7.973 7.514 8.112C7.189 8.377 6.83 8.584 6.438 8.733C6.232 8.812 5.998 8.729 5.888 8.538L5.28 7.484C5.093 7.505 4.907 7.505 4.72 7.484L4.112 8.538C4.002 8.729 3.768 8.812 3.562 8.733C3.17 8.584 2.811 8.377 2.486 8.112C2.314 7.973 2.27 7.729 2.38 7.538L2.988 6.484C2.877 6.333 2.784 6.172 2.709 6L1.854 6C1.618 6 1.417 5.917 1.25 5.75C1.083 5.583 1 5.382 1 5.146L1 4.854C1 4.618 1.083 4.417 1.25 4.25C1.417 4.083 1.618 4 1.854 4L2.709 4C2.784 3.828 2.877 3.667 2.988 3.516L2.38 2.462C2.27 2.271 2.314 2.027 2.486 1.888C2.811 1.623 3.17 1.416 3.562 1.267ZM3.5 5C3.5 5.828 4.172 6.5 5 6.5C5.828 6.5 6.5 5.828 6.5 5C6.5 4.172 5.828 3.5 5 3.5C4.172 3.5 3.5 4.172 3.5 5ZM6.918 10.155C6.937 10.148 6.955 10.141 6.974 10.134C7.515 9.928 8.01 9.642 8.46 9.276C8.475 9.264 8.49 9.251 8.505 9.239C8.626 9.139 8.742 9.034 8.853 8.924C9.236 8.549 9.389 7.997 9.255 7.478C9.974 7.354 10.5 6.73 10.5 6L11 6C11.276 6 11.512 6.098 11.707 6.293C11.902 6.488 12 6.724 12 7L12 8L13.131 7.269C13.309 7.154 13.544 7.179 13.694 7.33C13.967 7.605 14.202 7.911 14.397 8.25C14.596 8.594 14.746 8.957 14.847 9.338C14.9 9.534 14.814 9.741 14.638 9.843L14.212 10.089C14.139 10.131 14.081 10.189 14.038 10.263C13.996 10.336 13.975 10.415 13.975 10.5C13.975 10.585 13.996 10.664 14.038 10.737C14.081 10.811 14.139 10.869 14.212 10.911L14.638 11.157C14.814 11.259 14.9 11.466 14.847 11.662C14.746 12.043 14.596 12.406 14.397 12.75C14.202 13.089 13.967 13.395 13.694 13.67C13.544 13.821 13.309 13.846 13.131 13.731L12 13L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 13L7.869 13.731C7.691 13.846 7.456 13.821 7.306 13.67C7.033 13.395 6.798 13.089 6.603 12.75C6.404 12.406 6.254 12.043 6.153 11.662C6.1 11.466 6.186 11.259 6.362 11.157L6.788 10.911C6.861 10.869 6.919 10.811 6.962 10.737C7.004 10.664 7.025 10.585 7.025 10.5C7.025 10.415 7.004 10.336 6.962 10.263C6.941 10.227 6.916 10.194 6.888 10.166C6.898 10.162 6.908 10.158 6.918 10.155ZM10.5 12C11.328 12 12 11.328 12 10.5C12 9.672 11.328 9 10.5 9C9.672 9 9 9.672 9 10.5C9 11.328 9.672 12 10.5 12Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "gears" (line-round), MIT. https://gentleface.com/icons/gears -->
<script>
  let props = $props();
</script>

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
  <path d="M3.562 1.267C3.768 1.188 4.002 1.271 4.112 1.462L4.72 2.516C4.907 2.495 5.093 2.495 5.28 2.516L5.888 1.462C5.998 1.271 6.232 1.188 6.438 1.267C6.83 1.416 7.189 1.623 7.514 1.888C7.686 2.027 7.73 2.271 7.62 2.462L7.012 3.516C7.123 3.667 7.216 3.828 7.291 4L8.146 4C8.382 4 8.583 4.083 8.75 4.25C8.917 4.417 9 4.618 9 4.854L9 5.146C9 5.382 8.917 5.583 8.75 5.75C8.583 5.917 8.382 6 8.146 6L7.291 6C7.216 6.172 7.123 6.333 7.012 6.484L7.62 7.538C7.73 7.729 7.686 7.973 7.514 8.112C7.189 8.377 6.83 8.584 6.438 8.733C6.232 8.812 5.998 8.729 5.888 8.538L5.28 7.484C5.093 7.505 4.907 7.505 4.72 7.484L4.112 8.538C4.002 8.729 3.768 8.812 3.562 8.733C3.17 8.584 2.811 8.377 2.486 8.112C2.314 7.973 2.27 7.729 2.38 7.538L2.988 6.484C2.877 6.333 2.784 6.172 2.709 6L1.854 6C1.618 6 1.417 5.917 1.25 5.75C1.083 5.583 1 5.382 1 5.146L1 4.854C1 4.618 1.083 4.417 1.25 4.25C1.417 4.083 1.618 4 1.854 4L2.709 4C2.784 3.828 2.877 3.667 2.988 3.516L2.38 2.462C2.27 2.271 2.314 2.027 2.486 1.888C2.811 1.623 3.17 1.416 3.562 1.267ZM3.5 5C3.5 5.828 4.172 6.5 5 6.5C5.828 6.5 6.5 5.828 6.5 5C6.5 4.172 5.828 3.5 5 3.5C4.172 3.5 3.5 4.172 3.5 5ZM6.918 10.155C6.937 10.148 6.955 10.141 6.974 10.134C7.515 9.928 8.01 9.642 8.46 9.276C8.475 9.264 8.49 9.251 8.505 9.239C8.626 9.139 8.742 9.034 8.853 8.924C9.236 8.549 9.389 7.997 9.255 7.478C9.974 7.354 10.5 6.73 10.5 6L11 6C11.276 6 11.512 6.098 11.707 6.293C11.902 6.488 12 6.724 12 7L12 8L13.131 7.269C13.309 7.154 13.544 7.179 13.694 7.33C13.967 7.605 14.202 7.911 14.397 8.25C14.596 8.594 14.746 8.957 14.847 9.338C14.9 9.534 14.814 9.741 14.638 9.843L14.212 10.089C14.139 10.131 14.081 10.189 14.038 10.263C13.996 10.336 13.975 10.415 13.975 10.5C13.975 10.585 13.996 10.664 14.038 10.737C14.081 10.811 14.139 10.869 14.212 10.911L14.638 11.157C14.814 11.259 14.9 11.466 14.847 11.662C14.746 12.043 14.596 12.406 14.397 12.75C14.202 13.089 13.967 13.395 13.694 13.67C13.544 13.821 13.309 13.846 13.131 13.731L12 13L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 13L7.869 13.731C7.691 13.846 7.456 13.821 7.306 13.67C7.033 13.395 6.798 13.089 6.603 12.75C6.404 12.406 6.254 12.043 6.153 11.662C6.1 11.466 6.186 11.259 6.362 11.157L6.788 10.911C6.861 10.869 6.919 10.811 6.962 10.737C7.004 10.664 7.025 10.585 7.025 10.5C7.025 10.415 7.004 10.336 6.962 10.263C6.941 10.227 6.916 10.194 6.888 10.166C6.898 10.162 6.908 10.158 6.918 10.155ZM10.5 12C11.328 12 12 11.328 12 10.5C12 9.672 11.328 9 10.5 9C9.672 9 9 9.672 9 10.5C9 11.328 9.672 12 10.5 12Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "gears" (line-round), MIT. https://gentleface.com/icons/gears. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/gears.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "gears" (line-round), MIT. https://gentleface.com/icons/gears. Takes the text color. */
.icon-gears {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M3.562 1.267C3.768 1.188 4.002 1.271 4.112 1.462L4.72 2.516C4.907 2.495 5.093 2.495 5.28 2.516L5.888 1.462C5.998 1.271 6.232 1.188 6.438 1.267C6.83 1.416 7.189 1.623 7.514 1.888C7.686 2.027 7.73 2.271 7.62 2.462L7.012 3.516C7.123 3.667 7.216 3.828 7.291 4L8.146 4C8.382 4 8.583 4.083 8.75 4.25C8.917 4.417 9 4.618 9 4.854L9 5.146C9 5.382 8.917 5.583 8.75 5.75C8.583 5.917 8.382 6 8.146 6L7.291 6C7.216 6.172 7.123 6.333 7.012 6.484L7.62 7.538C7.73 7.729 7.686 7.973 7.514 8.112C7.189 8.377 6.83 8.584 6.438 8.733C6.232 8.812 5.998 8.729 5.888 8.538L5.28 7.484C5.093 7.505 4.907 7.505 4.72 7.484L4.112 8.538C4.002 8.729 3.768 8.812 3.562 8.733C3.17 8.584 2.811 8.377 2.486 8.112C2.314 7.973 2.27 7.729 2.38 7.538L2.988 6.484C2.877 6.333 2.784 6.172 2.709 6L1.854 6C1.618 6 1.417 5.917 1.25 5.75C1.083 5.583 1 5.382 1 5.146L1 4.854C1 4.618 1.083 4.417 1.25 4.25C1.417 4.083 1.618 4 1.854 4L2.709 4C2.784 3.828 2.877 3.667 2.988 3.516L2.38 2.462C2.27 2.271 2.314 2.027 2.486 1.888C2.811 1.623 3.17 1.416 3.562 1.267ZM3.5 5C3.5 5.828 4.172 6.5 5 6.5C5.828 6.5 6.5 5.828 6.5 5C6.5 4.172 5.828 3.5 5 3.5C4.172 3.5 3.5 4.172 3.5 5ZM6.918 10.155C6.937 10.148 6.955 10.141 6.974 10.134C7.515 9.928 8.01 9.642 8.46 9.276C8.475 9.264 8.49 9.251 8.505 9.239C8.626 9.139 8.742 9.034 8.853 8.924C9.236 8.549 9.389 7.997 9.255 7.478C9.974 7.354 10.5 6.73 10.5 6L11 6C11.276 6 11.512 6.098 11.707 6.293C11.902 6.488 12 6.724 12 7L12 8L13.131 7.269C13.309 7.154 13.544 7.179 13.694 7.33C13.967 7.605 14.202 7.911 14.397 8.25C14.596 8.594 14.746 8.957 14.847 9.338C14.9 9.534 14.814 9.741 14.638 9.843L14.212 10.089C14.139 10.131 14.081 10.189 14.038 10.263C13.996 10.336 13.975 10.415 13.975 10.5C13.975 10.585 13.996 10.664 14.038 10.737C14.081 10.811 14.139 10.869 14.212 10.911L14.638 11.157C14.814 11.259 14.9 11.466 14.847 11.662C14.746 12.043 14.596 12.406 14.397 12.75C14.202 13.089 13.967 13.395 13.694 13.67C13.544 13.821 13.309 13.846 13.131 13.731L12 13L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 13L7.869 13.731C7.691 13.846 7.456 13.821 7.306 13.67C7.033 13.395 6.798 13.089 6.603 12.75C6.404 12.406 6.254 12.043 6.153 11.662C6.1 11.466 6.186 11.259 6.362 11.157L6.788 10.911C6.861 10.869 6.919 10.811 6.962 10.737C7.004 10.664 7.025 10.585 7.025 10.5C7.025 10.415 7.004 10.336 6.962 10.263C6.941 10.227 6.916 10.194 6.888 10.166C6.898 10.162 6.908 10.158 6.918 10.155ZM10.5 12C11.328 12 12 11.328 12 10.5C12 9.672 11.328 9 10.5 9C9.672 9 9 9.672 9 10.5C9 11.328 9.672 12 10.5 12Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M3.562 1.267C3.768 1.188 4.002 1.271 4.112 1.462L4.72 2.516C4.907 2.495 5.093 2.495 5.28 2.516L5.888 1.462C5.998 1.271 6.232 1.188 6.438 1.267C6.83 1.416 7.189 1.623 7.514 1.888C7.686 2.027 7.73 2.271 7.62 2.462L7.012 3.516C7.123 3.667 7.216 3.828 7.291 4L8.146 4C8.382 4 8.583 4.083 8.75 4.25C8.917 4.417 9 4.618 9 4.854L9 5.146C9 5.382 8.917 5.583 8.75 5.75C8.583 5.917 8.382 6 8.146 6L7.291 6C7.216 6.172 7.123 6.333 7.012 6.484L7.62 7.538C7.73 7.729 7.686 7.973 7.514 8.112C7.189 8.377 6.83 8.584 6.438 8.733C6.232 8.812 5.998 8.729 5.888 8.538L5.28 7.484C5.093 7.505 4.907 7.505 4.72 7.484L4.112 8.538C4.002 8.729 3.768 8.812 3.562 8.733C3.17 8.584 2.811 8.377 2.486 8.112C2.314 7.973 2.27 7.729 2.38 7.538L2.988 6.484C2.877 6.333 2.784 6.172 2.709 6L1.854 6C1.618 6 1.417 5.917 1.25 5.75C1.083 5.583 1 5.382 1 5.146L1 4.854C1 4.618 1.083 4.417 1.25 4.25C1.417 4.083 1.618 4 1.854 4L2.709 4C2.784 3.828 2.877 3.667 2.988 3.516L2.38 2.462C2.27 2.271 2.314 2.027 2.486 1.888C2.811 1.623 3.17 1.416 3.562 1.267ZM3.5 5C3.5 5.828 4.172 6.5 5 6.5C5.828 6.5 6.5 5.828 6.5 5C6.5 4.172 5.828 3.5 5 3.5C4.172 3.5 3.5 4.172 3.5 5ZM6.918 10.155C6.937 10.148 6.955 10.141 6.974 10.134C7.515 9.928 8.01 9.642 8.46 9.276C8.475 9.264 8.49 9.251 8.505 9.239C8.626 9.139 8.742 9.034 8.853 8.924C9.236 8.549 9.389 7.997 9.255 7.478C9.974 7.354 10.5 6.73 10.5 6L11 6C11.276 6 11.512 6.098 11.707 6.293C11.902 6.488 12 6.724 12 7L12 8L13.131 7.269C13.309 7.154 13.544 7.179 13.694 7.33C13.967 7.605 14.202 7.911 14.397 8.25C14.596 8.594 14.746 8.957 14.847 9.338C14.9 9.534 14.814 9.741 14.638 9.843L14.212 10.089C14.139 10.131 14.081 10.189 14.038 10.263C13.996 10.336 13.975 10.415 13.975 10.5C13.975 10.585 13.996 10.664 14.038 10.737C14.081 10.811 14.139 10.869 14.212 10.911L14.638 11.157C14.814 11.259 14.9 11.466 14.847 11.662C14.746 12.043 14.596 12.406 14.397 12.75C14.202 13.089 13.967 13.395 13.694 13.67C13.544 13.821 13.309 13.846 13.131 13.731L12 13L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 13L7.869 13.731C7.691 13.846 7.456 13.821 7.306 13.67C7.033 13.395 6.798 13.089 6.603 12.75C6.404 12.406 6.254 12.043 6.153 11.662C6.1 11.466 6.186 11.259 6.362 11.157L6.788 10.911C6.861 10.869 6.919 10.811 6.962 10.737C7.004 10.664 7.025 10.585 7.025 10.5C7.025 10.415 7.004 10.336 6.962 10.263C6.941 10.227 6.916 10.194 6.888 10.166C6.898 10.162 6.908 10.158 6.918 10.155ZM10.5 12C11.328 12 12 11.328 12 10.5C12 9.672 11.328 9 10.5 9C9.672 9 9 9.672 9 10.5C9 11.328 9.672 12 10.5 12Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M3.562 1.267C3.768 1.188 4.002 1.271 4.112 1.462L4.72 2.516C4.907 2.495 5.093 2.495 5.28 2.516L5.888 1.462C5.998 1.271 6.232 1.188 6.438 1.267C6.83 1.416 7.189 1.623 7.514 1.888C7.686 2.027 7.73 2.271 7.62 2.462L7.012 3.516C7.123 3.667 7.216 3.828 7.291 4L8.146 4C8.382 4 8.583 4.083 8.75 4.25C8.917 4.417 9 4.618 9 4.854L9 5.146C9 5.382 8.917 5.583 8.75 5.75C8.583 5.917 8.382 6 8.146 6L7.291 6C7.216 6.172 7.123 6.333 7.012 6.484L7.62 7.538C7.73 7.729 7.686 7.973 7.514 8.112C7.189 8.377 6.83 8.584 6.438 8.733C6.232 8.812 5.998 8.729 5.888 8.538L5.28 7.484C5.093 7.505 4.907 7.505 4.72 7.484L4.112 8.538C4.002 8.729 3.768 8.812 3.562 8.733C3.17 8.584 2.811 8.377 2.486 8.112C2.314 7.973 2.27 7.729 2.38 7.538L2.988 6.484C2.877 6.333 2.784 6.172 2.709 6L1.854 6C1.618 6 1.417 5.917 1.25 5.75C1.083 5.583 1 5.382 1 5.146L1 4.854C1 4.618 1.083 4.417 1.25 4.25C1.417 4.083 1.618 4 1.854 4L2.709 4C2.784 3.828 2.877 3.667 2.988 3.516L2.38 2.462C2.27 2.271 2.314 2.027 2.486 1.888C2.811 1.623 3.17 1.416 3.562 1.267ZM3.5 5C3.5 5.828 4.172 6.5 5 6.5C5.828 6.5 6.5 5.828 6.5 5C6.5 4.172 5.828 3.5 5 3.5C4.172 3.5 3.5 4.172 3.5 5ZM6.918 10.155C6.937 10.148 6.955 10.141 6.974 10.134C7.515 9.928 8.01 9.642 8.46 9.276C8.475 9.264 8.49 9.251 8.505 9.239C8.626 9.139 8.742 9.034 8.853 8.924C9.236 8.549 9.389 7.997 9.255 7.478C9.974 7.354 10.5 6.73 10.5 6L11 6C11.276 6 11.512 6.098 11.707 6.293C11.902 6.488 12 6.724 12 7L12 8L13.131 7.269C13.309 7.154 13.544 7.179 13.694 7.33C13.967 7.605 14.202 7.911 14.397 8.25C14.596 8.594 14.746 8.957 14.847 9.338C14.9 9.534 14.814 9.741 14.638 9.843L14.212 10.089C14.139 10.131 14.081 10.189 14.038 10.263C13.996 10.336 13.975 10.415 13.975 10.5C13.975 10.585 13.996 10.664 14.038 10.737C14.081 10.811 14.139 10.869 14.212 10.911L14.638 11.157C14.814 11.259 14.9 11.466 14.847 11.662C14.746 12.043 14.596 12.406 14.397 12.75C14.202 13.089 13.967 13.395 13.694 13.67C13.544 13.821 13.309 13.846 13.131 13.731L12 13L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 13L7.869 13.731C7.691 13.846 7.456 13.821 7.306 13.67C7.033 13.395 6.798 13.089 6.603 12.75C6.404 12.406 6.254 12.043 6.153 11.662C6.1 11.466 6.186 11.259 6.362 11.157L6.788 10.911C6.861 10.869 6.919 10.811 6.962 10.737C7.004 10.664 7.025 10.585 7.025 10.5C7.025 10.415 7.004 10.336 6.962 10.263C6.941 10.227 6.916 10.194 6.888 10.166C6.898 10.162 6.908 10.158 6.918 10.155ZM10.5 12C11.328 12 12 11.328 12 10.5C12 9.672 11.328 9 10.5 9C9.672 9 9 9.672 9 10.5C9 11.328 9.672 12 10.5 12Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "gears" (line-round), MIT. https://gentleface.com/icons/gears
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#gears"/></svg>
```

### SwiftUI

```swift
// Gentleface "gears" (line-round), MIT. https://gentleface.com/icons/gears
import SwiftUI

struct GearsIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 3.562, y: 1.267))
        p.addCurve(to: CGPoint(x: 4.112, y: 1.462), control1: CGPoint(x: 3.768, y: 1.188), control2: CGPoint(x: 4.002, y: 1.271))
        p.addLine(to: CGPoint(x: 4.72, y: 2.516))
        p.addCurve(to: CGPoint(x: 5.28, y: 2.516), control1: CGPoint(x: 4.907, y: 2.495), control2: CGPoint(x: 5.093, y: 2.495))
        p.addLine(to: CGPoint(x: 5.888, y: 1.462))
        p.addCurve(to: CGPoint(x: 6.438, y: 1.267), control1: CGPoint(x: 5.998, y: 1.271), control2: CGPoint(x: 6.232, y: 1.188))
        p.addCurve(to: CGPoint(x: 7.514, y: 1.888), control1: CGPoint(x: 6.83, y: 1.416), control2: CGPoint(x: 7.189, y: 1.623))
        p.addCurve(to: CGPoint(x: 7.62, y: 2.462), control1: CGPoint(x: 7.686, y: 2.027), control2: CGPoint(x: 7.73, y: 2.271))
        p.addLine(to: CGPoint(x: 7.012, y: 3.516))
        p.addCurve(to: CGPoint(x: 7.291, y: 4), control1: CGPoint(x: 7.123, y: 3.667), control2: CGPoint(x: 7.216, y: 3.828))
        p.addLine(to: CGPoint(x: 8.146, y: 4))
        p.addCurve(to: CGPoint(x: 8.75, y: 4.25), control1: CGPoint(x: 8.382, y: 4), control2: CGPoint(x: 8.583, y: 4.083))
        p.addCurve(to: CGPoint(x: 9, y: 4.854), control1: CGPoint(x: 8.917, y: 4.417), control2: CGPoint(x: 9, y: 4.618))
        p.addLine(to: CGPoint(x: 9, y: 5.146))
        p.addCurve(to: CGPoint(x: 8.75, y: 5.75), control1: CGPoint(x: 9, y: 5.382), control2: CGPoint(x: 8.917, y: 5.583))
        p.addCurve(to: CGPoint(x: 8.146, y: 6), control1: CGPoint(x: 8.583, y: 5.917), control2: CGPoint(x: 8.382, y: 6))
        p.addLine(to: CGPoint(x: 7.291, y: 6))
        p.addCurve(to: CGPoint(x: 7.012, y: 6.484), control1: CGPoint(x: 7.216, y: 6.172), control2: CGPoint(x: 7.123, y: 6.333))
        p.addLine(to: CGPoint(x: 7.62, y: 7.538))
        p.addCurve(to: CGPoint(x: 7.514, y: 8.112), control1: CGPoint(x: 7.73, y: 7.729), control2: CGPoint(x: 7.686, y: 7.973))
        p.addCurve(to: CGPoint(x: 6.438, y: 8.733), control1: CGPoint(x: 7.189, y: 8.377), control2: CGPoint(x: 6.83, y: 8.584))
        p.addCurve(to: CGPoint(x: 5.888, y: 8.538), control1: CGPoint(x: 6.232, y: 8.812), control2: CGPoint(x: 5.998, y: 8.729))
        p.addLine(to: CGPoint(x: 5.28, y: 7.484))
        p.addCurve(to: CGPoint(x: 4.72, y: 7.484), control1: CGPoint(x: 5.093, y: 7.505), control2: CGPoint(x: 4.907, y: 7.505))
        p.addLine(to: CGPoint(x: 4.112, y: 8.538))
        p.addCurve(to: CGPoint(x: 3.562, y: 8.733), control1: CGPoint(x: 4.002, y: 8.729), control2: CGPoint(x: 3.768, y: 8.812))
        p.addCurve(to: CGPoint(x: 2.486, y: 8.112), control1: CGPoint(x: 3.17, y: 8.584), control2: CGPoint(x: 2.811, y: 8.377))
        p.addCurve(to: CGPoint(x: 2.38, y: 7.538), control1: CGPoint(x: 2.314, y: 7.973), control2: CGPoint(x: 2.27, y: 7.729))
        p.addLine(to: CGPoint(x: 2.988, y: 6.484))
        p.addCurve(to: CGPoint(x: 2.709, y: 6), control1: CGPoint(x: 2.877, y: 6.333), control2: CGPoint(x: 2.784, y: 6.172))
        p.addLine(to: CGPoint(x: 1.854, y: 6))
        p.addCurve(to: CGPoint(x: 1.25, y: 5.75), control1: CGPoint(x: 1.618, y: 6), control2: CGPoint(x: 1.417, y: 5.917))
        p.addCurve(to: CGPoint(x: 1, y: 5.146), control1: CGPoint(x: 1.083, y: 5.583), control2: CGPoint(x: 1, y: 5.382))
        p.addLine(to: CGPoint(x: 1, y: 4.854))
        p.addCurve(to: CGPoint(x: 1.25, y: 4.25), control1: CGPoint(x: 1, y: 4.618), control2: CGPoint(x: 1.083, y: 4.417))
        p.addCurve(to: CGPoint(x: 1.854, y: 4), control1: CGPoint(x: 1.417, y: 4.083), control2: CGPoint(x: 1.618, y: 4))
        p.addLine(to: CGPoint(x: 2.709, y: 4))
        p.addCurve(to: CGPoint(x: 2.988, y: 3.516), control1: CGPoint(x: 2.784, y: 3.828), control2: CGPoint(x: 2.877, y: 3.667))
        p.addLine(to: CGPoint(x: 2.38, y: 2.462))
        p.addCurve(to: CGPoint(x: 2.486, y: 1.888), control1: CGPoint(x: 2.27, y: 2.271), control2: CGPoint(x: 2.314, y: 2.027))
        p.addCurve(to: CGPoint(x: 3.562, y: 1.267), control1: CGPoint(x: 2.811, y: 1.623), control2: CGPoint(x: 3.17, y: 1.416))
        p.closeSubpath()
        p.move(to: CGPoint(x: 3.5, y: 5))
        p.addCurve(to: CGPoint(x: 5, y: 6.5), control1: CGPoint(x: 3.5, y: 5.828), control2: CGPoint(x: 4.172, y: 6.5))
        p.addCurve(to: CGPoint(x: 6.5, y: 5), control1: CGPoint(x: 5.828, y: 6.5), control2: CGPoint(x: 6.5, y: 5.828))
        p.addCurve(to: CGPoint(x: 5, y: 3.5), control1: CGPoint(x: 6.5, y: 4.172), control2: CGPoint(x: 5.828, y: 3.5))
        p.addCurve(to: CGPoint(x: 3.5, y: 5), control1: CGPoint(x: 4.172, y: 3.5), control2: CGPoint(x: 3.5, y: 4.172))
        p.closeSubpath()
        p.move(to: CGPoint(x: 6.918, y: 10.155))
        p.addCurve(to: CGPoint(x: 6.974, y: 10.134), control1: CGPoint(x: 6.937, y: 10.148), control2: CGPoint(x: 6.955, y: 10.141))
        p.addCurve(to: CGPoint(x: 8.46, y: 9.276), control1: CGPoint(x: 7.515, y: 9.928), control2: CGPoint(x: 8.01, y: 9.642))
        p.addCurve(to: CGPoint(x: 8.505, y: 9.239), control1: CGPoint(x: 8.475, y: 9.264), control2: CGPoint(x: 8.49, y: 9.251))
        p.addCurve(to: CGPoint(x: 8.853, y: 8.924), control1: CGPoint(x: 8.626, y: 9.139), control2: CGPoint(x: 8.742, y: 9.034))
        p.addCurve(to: CGPoint(x: 9.255, y: 7.478), control1: CGPoint(x: 9.236, y: 8.549), control2: CGPoint(x: 9.389, y: 7.997))
        p.addCurve(to: CGPoint(x: 10.5, y: 6), control1: CGPoint(x: 9.974, y: 7.354), control2: CGPoint(x: 10.5, y: 6.73))
        p.addLine(to: CGPoint(x: 11, y: 6))
        p.addCurve(to: CGPoint(x: 11.707, y: 6.293), control1: CGPoint(x: 11.276, y: 6), control2: CGPoint(x: 11.512, y: 6.098))
        p.addCurve(to: CGPoint(x: 12, y: 7), control1: CGPoint(x: 11.902, y: 6.488), control2: CGPoint(x: 12, y: 6.724))
        p.addLine(to: CGPoint(x: 12, y: 8))
        p.addLine(to: CGPoint(x: 13.131, y: 7.269))
        p.addCurve(to: CGPoint(x: 13.694, y: 7.33), control1: CGPoint(x: 13.309, y: 7.154), control2: CGPoint(x: 13.544, y: 7.179))
        p.addCurve(to: CGPoint(x: 14.397, y: 8.25), control1: CGPoint(x: 13.967, y: 7.605), control2: CGPoint(x: 14.202, y: 7.911))
        p.addCurve(to: CGPoint(x: 14.847, y: 9.338), control1: CGPoint(x: 14.596, y: 8.594), control2: CGPoint(x: 14.746, y: 8.957))
        p.addCurve(to: CGPoint(x: 14.638, y: 9.843), control1: CGPoint(x: 14.9, y: 9.534), control2: CGPoint(x: 14.814, y: 9.741))
        p.addLine(to: CGPoint(x: 14.212, y: 10.089))
        p.addCurve(to: CGPoint(x: 14.038, y: 10.263), control1: CGPoint(x: 14.139, y: 10.131), control2: CGPoint(x: 14.081, y: 10.189))
        p.addCurve(to: CGPoint(x: 13.975, y: 10.5), control1: CGPoint(x: 13.996, y: 10.336), control2: CGPoint(x: 13.975, y: 10.415))
        p.addCurve(to: CGPoint(x: 14.038, y: 10.737), control1: CGPoint(x: 13.975, y: 10.585), control2: CGPoint(x: 13.996, y: 10.664))
        p.addCurve(to: CGPoint(x: 14.212, y: 10.911), control1: CGPoint(x: 14.081, y: 10.811), control2: CGPoint(x: 14.139, y: 10.869))
        p.addLine(to: CGPoint(x: 14.638, y: 11.157))
        p.addCurve(to: CGPoint(x: 14.847, y: 11.662), control1: CGPoint(x: 14.814, y: 11.259), control2: CGPoint(x: 14.9, y: 11.466))
        p.addCurve(to: CGPoint(x: 14.397, y: 12.75), control1: CGPoint(x: 14.746, y: 12.043), control2: CGPoint(x: 14.596, y: 12.406))
        p.addCurve(to: CGPoint(x: 13.694, y: 13.67), control1: CGPoint(x: 14.202, y: 13.089), control2: CGPoint(x: 13.967, y: 13.395))
        p.addCurve(to: CGPoint(x: 13.131, y: 13.731), control1: CGPoint(x: 13.544, y: 13.821), control2: CGPoint(x: 13.309, y: 13.846))
        p.addLine(to: CGPoint(x: 12, y: 13))
        p.addLine(to: CGPoint(x: 12, y: 14))
        p.addCurve(to: CGPoint(x: 11.707, y: 14.707), control1: CGPoint(x: 12, y: 14.276), control2: CGPoint(x: 11.902, y: 14.512))
        p.addCurve(to: CGPoint(x: 11, y: 15), control1: CGPoint(x: 11.512, y: 14.902), control2: CGPoint(x: 11.276, y: 15))
        p.addLine(to: CGPoint(x: 10, y: 15))
        p.addCurve(to: CGPoint(x: 9.293, y: 14.707), control1: CGPoint(x: 9.724, y: 15), control2: CGPoint(x: 9.488, y: 14.902))
        p.addCurve(to: CGPoint(x: 9, y: 14), control1: CGPoint(x: 9.098, y: 14.512), control2: CGPoint(x: 9, y: 14.276))
        p.addLine(to: CGPoint(x: 9, y: 13))
        p.addLine(to: CGPoint(x: 7.869, y: 13.731))
        p.addCurve(to: CGPoint(x: 7.306, y: 13.67), control1: CGPoint(x: 7.691, y: 13.846), control2: CGPoint(x: 7.456, y: 13.821))
        p.addCurve(to: CGPoint(x: 6.603, y: 12.75), control1: CGPoint(x: 7.033, y: 13.395), control2: CGPoint(x: 6.798, y: 13.089))
        p.addCurve(to: CGPoint(x: 6.153, y: 11.662), control1: CGPoint(x: 6.404, y: 12.406), control2: CGPoint(x: 6.254, y: 12.043))
        p.addCurve(to: CGPoint(x: 6.362, y: 11.157), control1: CGPoint(x: 6.1, y: 11.466), control2: CGPoint(x: 6.186, y: 11.259))
        p.addLine(to: CGPoint(x: 6.788, y: 10.911))
        p.addCurve(to: CGPoint(x: 6.962, y: 10.737), control1: CGPoint(x: 6.861, y: 10.869), control2: CGPoint(x: 6.919, y: 10.811))
        p.addCurve(to: CGPoint(x: 7.025, y: 10.5), control1: CGPoint(x: 7.004, y: 10.664), control2: CGPoint(x: 7.025, y: 10.585))
        p.addCurve(to: CGPoint(x: 6.962, y: 10.263), control1: CGPoint(x: 7.025, y: 10.415), control2: CGPoint(x: 7.004, y: 10.336))
        p.addCurve(to: CGPoint(x: 6.888, y: 10.166), control1: CGPoint(x: 6.941, y: 10.227), control2: CGPoint(x: 6.916, y: 10.194))
        p.addCurve(to: CGPoint(x: 6.918, y: 10.155), control1: CGPoint(x: 6.898, y: 10.162), control2: CGPoint(x: 6.908, y: 10.158))
        p.closeSubpath()
        p.move(to: CGPoint(x: 10.5, y: 12))
        p.addCurve(to: CGPoint(x: 12, y: 10.5), control1: CGPoint(x: 11.328, y: 12), control2: CGPoint(x: 12, y: 11.328))
        p.addCurve(to: CGPoint(x: 10.5, y: 9), control1: CGPoint(x: 12, y: 9.672), control2: CGPoint(x: 11.328, y: 9))
        p.addCurve(to: CGPoint(x: 9, y: 10.5), control1: CGPoint(x: 9.672, y: 9), control2: CGPoint(x: 9, y: 9.672))
        p.addCurve(to: CGPoint(x: 10.5, y: 12), control1: CGPoint(x: 9, y: 11.328), control2: CGPoint(x: 9.672, y: 12))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// GearsIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "gears" (line-round), MIT. https://gentleface.com/icons/gears
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val GearsIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "gears", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M3.562 1.267C3.768 1.188 4.002 1.271 4.112 1.462L4.72 2.516C4.907 2.495 5.093 2.495 5.28 2.516L5.888 1.462C5.998 1.271 6.232 1.188 6.438 1.267C6.83 1.416 7.189 1.623 7.514 1.888C7.686 2.027 7.73 2.271 7.62 2.462L7.012 3.516C7.123 3.667 7.216 3.828 7.291 4L8.146 4C8.382 4 8.583 4.083 8.75 4.25C8.917 4.417 9 4.618 9 4.854L9 5.146C9 5.382 8.917 5.583 8.75 5.75C8.583 5.917 8.382 6 8.146 6L7.291 6C7.216 6.172 7.123 6.333 7.012 6.484L7.62 7.538C7.73 7.729 7.686 7.973 7.514 8.112C7.189 8.377 6.83 8.584 6.438 8.733C6.232 8.812 5.998 8.729 5.888 8.538L5.28 7.484C5.093 7.505 4.907 7.505 4.72 7.484L4.112 8.538C4.002 8.729 3.768 8.812 3.562 8.733C3.17 8.584 2.811 8.377 2.486 8.112C2.314 7.973 2.27 7.729 2.38 7.538L2.988 6.484C2.877 6.333 2.784 6.172 2.709 6L1.854 6C1.618 6 1.417 5.917 1.25 5.75C1.083 5.583 1 5.382 1 5.146L1 4.854C1 4.618 1.083 4.417 1.25 4.25C1.417 4.083 1.618 4 1.854 4L2.709 4C2.784 3.828 2.877 3.667 2.988 3.516L2.38 2.462C2.27 2.271 2.314 2.027 2.486 1.888C2.811 1.623 3.17 1.416 3.562 1.267ZM3.5 5C3.5 5.828 4.172 6.5 5 6.5C5.828 6.5 6.5 5.828 6.5 5C6.5 4.172 5.828 3.5 5 3.5C4.172 3.5 3.5 4.172 3.5 5ZM6.918 10.155C6.937 10.148 6.955 10.141 6.974 10.134C7.515 9.928 8.01 9.642 8.46 9.276C8.475 9.264 8.49 9.251 8.505 9.239C8.626 9.139 8.742 9.034 8.853 8.924C9.236 8.549 9.389 7.997 9.255 7.478C9.974 7.354 10.5 6.73 10.5 6L11 6C11.276 6 11.512 6.098 11.707 6.293C11.902 6.488 12 6.724 12 7L12 8L13.131 7.269C13.309 7.154 13.544 7.179 13.694 7.33C13.967 7.605 14.202 7.911 14.397 8.25C14.596 8.594 14.746 8.957 14.847 9.338C14.9 9.534 14.814 9.741 14.638 9.843L14.212 10.089C14.139 10.131 14.081 10.189 14.038 10.263C13.996 10.336 13.975 10.415 13.975 10.5C13.975 10.585 13.996 10.664 14.038 10.737C14.081 10.811 14.139 10.869 14.212 10.911L14.638 11.157C14.814 11.259 14.9 11.466 14.847 11.662C14.746 12.043 14.596 12.406 14.397 12.75C14.202 13.089 13.967 13.395 13.694 13.67C13.544 13.821 13.309 13.846 13.131 13.731L12 13L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 13L7.869 13.731C7.691 13.846 7.456 13.821 7.306 13.67C7.033 13.395 6.798 13.089 6.603 12.75C6.404 12.406 6.254 12.043 6.153 11.662C6.1 11.466 6.186 11.259 6.362 11.157L6.788 10.911C6.861 10.869 6.919 10.811 6.962 10.737C7.004 10.664 7.025 10.585 7.025 10.5C7.025 10.415 7.004 10.336 6.962 10.263C6.941 10.227 6.916 10.194 6.888 10.166C6.898 10.162 6.908 10.158 6.918 10.155ZM10.5 12C11.328 12 12 11.328 12 10.5C12 9.672 11.328 9 10.5 9C9.672 9 9 9.672 9 10.5C9 11.328 9.672 12 10.5 12Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(GearsIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_gears.xml · Gentleface "gears" (line-round), MIT. https://gentleface.com/icons/gears -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="M3.562 1.267C3.768 1.188 4.002 1.271 4.112 1.462L4.72 2.516C4.907 2.495 5.093 2.495 5.28 2.516L5.888 1.462C5.998 1.271 6.232 1.188 6.438 1.267C6.83 1.416 7.189 1.623 7.514 1.888C7.686 2.027 7.73 2.271 7.62 2.462L7.012 3.516C7.123 3.667 7.216 3.828 7.291 4L8.146 4C8.382 4 8.583 4.083 8.75 4.25C8.917 4.417 9 4.618 9 4.854L9 5.146C9 5.382 8.917 5.583 8.75 5.75C8.583 5.917 8.382 6 8.146 6L7.291 6C7.216 6.172 7.123 6.333 7.012 6.484L7.62 7.538C7.73 7.729 7.686 7.973 7.514 8.112C7.189 8.377 6.83 8.584 6.438 8.733C6.232 8.812 5.998 8.729 5.888 8.538L5.28 7.484C5.093 7.505 4.907 7.505 4.72 7.484L4.112 8.538C4.002 8.729 3.768 8.812 3.562 8.733C3.17 8.584 2.811 8.377 2.486 8.112C2.314 7.973 2.27 7.729 2.38 7.538L2.988 6.484C2.877 6.333 2.784 6.172 2.709 6L1.854 6C1.618 6 1.417 5.917 1.25 5.75C1.083 5.583 1 5.382 1 5.146L1 4.854C1 4.618 1.083 4.417 1.25 4.25C1.417 4.083 1.618 4 1.854 4L2.709 4C2.784 3.828 2.877 3.667 2.988 3.516L2.38 2.462C2.27 2.271 2.314 2.027 2.486 1.888C2.811 1.623 3.17 1.416 3.562 1.267ZM3.5 5C3.5 5.828 4.172 6.5 5 6.5C5.828 6.5 6.5 5.828 6.5 5C6.5 4.172 5.828 3.5 5 3.5C4.172 3.5 3.5 4.172 3.5 5ZM6.918 10.155C6.937 10.148 6.955 10.141 6.974 10.134C7.515 9.928 8.01 9.642 8.46 9.276C8.475 9.264 8.49 9.251 8.505 9.239C8.626 9.139 8.742 9.034 8.853 8.924C9.236 8.549 9.389 7.997 9.255 7.478C9.974 7.354 10.5 6.73 10.5 6L11 6C11.276 6 11.512 6.098 11.707 6.293C11.902 6.488 12 6.724 12 7L12 8L13.131 7.269C13.309 7.154 13.544 7.179 13.694 7.33C13.967 7.605 14.202 7.911 14.397 8.25C14.596 8.594 14.746 8.957 14.847 9.338C14.9 9.534 14.814 9.741 14.638 9.843L14.212 10.089C14.139 10.131 14.081 10.189 14.038 10.263C13.996 10.336 13.975 10.415 13.975 10.5C13.975 10.585 13.996 10.664 14.038 10.737C14.081 10.811 14.139 10.869 14.212 10.911L14.638 11.157C14.814 11.259 14.9 11.466 14.847 11.662C14.746 12.043 14.596 12.406 14.397 12.75C14.202 13.089 13.967 13.395 13.694 13.67C13.544 13.821 13.309 13.846 13.131 13.731L12 13L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 13L7.869 13.731C7.691 13.846 7.456 13.821 7.306 13.67C7.033 13.395 6.798 13.089 6.603 12.75C6.404 12.406 6.254 12.043 6.153 11.662C6.1 11.466 6.186 11.259 6.362 11.157L6.788 10.911C6.861 10.869 6.919 10.811 6.962 10.737C7.004 10.664 7.025 10.585 7.025 10.5C7.025 10.415 7.004 10.336 6.962 10.263C6.941 10.227 6.916 10.194 6.888 10.166C6.898 10.162 6.908 10.158 6.918 10.155ZM10.5 12C11.328 12 12 11.328 12 10.5C12 9.672 11.328 9 10.5 9C9.672 9 9 9.672 9 10.5C9 11.328 9.672 12 10.5 12Z"/>
</vector>
```

### Flutter

```dart
// Gentleface "gears" (line-round), MIT. https://gentleface.com/icons/gears
import 'package:flutter/widgets.dart';

class GearsIcon extends StatelessWidget {
  const GearsIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _GearsIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _GearsIconPainter extends CustomPainter {
  _GearsIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(3.562, 1.267)
      ..cubicTo(3.768, 1.188, 4.002, 1.271, 4.112, 1.462)
      ..lineTo(4.72, 2.516)
      ..cubicTo(4.907, 2.495, 5.093, 2.495, 5.28, 2.516)
      ..lineTo(5.888, 1.462)
      ..cubicTo(5.998, 1.271, 6.232, 1.188, 6.438, 1.267)
      ..cubicTo(6.83, 1.416, 7.189, 1.623, 7.514, 1.888)
      ..cubicTo(7.686, 2.027, 7.73, 2.271, 7.62, 2.462)
      ..lineTo(7.012, 3.516)
      ..cubicTo(7.123, 3.667, 7.216, 3.828, 7.291, 4)
      ..lineTo(8.146, 4)
      ..cubicTo(8.382, 4, 8.583, 4.083, 8.75, 4.25)
      ..cubicTo(8.917, 4.417, 9, 4.618, 9, 4.854)
      ..lineTo(9, 5.146)
      ..cubicTo(9, 5.382, 8.917, 5.583, 8.75, 5.75)
      ..cubicTo(8.583, 5.917, 8.382, 6, 8.146, 6)
      ..lineTo(7.291, 6)
      ..cubicTo(7.216, 6.172, 7.123, 6.333, 7.012, 6.484)
      ..lineTo(7.62, 7.538)
      ..cubicTo(7.73, 7.729, 7.686, 7.973, 7.514, 8.112)
      ..cubicTo(7.189, 8.377, 6.83, 8.584, 6.438, 8.733)
      ..cubicTo(6.232, 8.812, 5.998, 8.729, 5.888, 8.538)
      ..lineTo(5.28, 7.484)
      ..cubicTo(5.093, 7.505, 4.907, 7.505, 4.72, 7.484)
      ..lineTo(4.112, 8.538)
      ..cubicTo(4.002, 8.729, 3.768, 8.812, 3.562, 8.733)
      ..cubicTo(3.17, 8.584, 2.811, 8.377, 2.486, 8.112)
      ..cubicTo(2.314, 7.973, 2.27, 7.729, 2.38, 7.538)
      ..lineTo(2.988, 6.484)
      ..cubicTo(2.877, 6.333, 2.784, 6.172, 2.709, 6)
      ..lineTo(1.854, 6)
      ..cubicTo(1.618, 6, 1.417, 5.917, 1.25, 5.75)
      ..cubicTo(1.083, 5.583, 1, 5.382, 1, 5.146)
      ..lineTo(1, 4.854)
      ..cubicTo(1, 4.618, 1.083, 4.417, 1.25, 4.25)
      ..cubicTo(1.417, 4.083, 1.618, 4, 1.854, 4)
      ..lineTo(2.709, 4)
      ..cubicTo(2.784, 3.828, 2.877, 3.667, 2.988, 3.516)
      ..lineTo(2.38, 2.462)
      ..cubicTo(2.27, 2.271, 2.314, 2.027, 2.486, 1.888)
      ..cubicTo(2.811, 1.623, 3.17, 1.416, 3.562, 1.267)
      ..close()
      ..moveTo(3.5, 5)
      ..cubicTo(3.5, 5.828, 4.172, 6.5, 5, 6.5)
      ..cubicTo(5.828, 6.5, 6.5, 5.828, 6.5, 5)
      ..cubicTo(6.5, 4.172, 5.828, 3.5, 5, 3.5)
      ..cubicTo(4.172, 3.5, 3.5, 4.172, 3.5, 5)
      ..close()
      ..moveTo(6.918, 10.155)
      ..cubicTo(6.937, 10.148, 6.955, 10.141, 6.974, 10.134)
      ..cubicTo(7.515, 9.928, 8.01, 9.642, 8.46, 9.276)
      ..cubicTo(8.475, 9.264, 8.49, 9.251, 8.505, 9.239)
      ..cubicTo(8.626, 9.139, 8.742, 9.034, 8.853, 8.924)
      ..cubicTo(9.236, 8.549, 9.389, 7.997, 9.255, 7.478)
      ..cubicTo(9.974, 7.354, 10.5, 6.73, 10.5, 6)
      ..lineTo(11, 6)
      ..cubicTo(11.276, 6, 11.512, 6.098, 11.707, 6.293)
      ..cubicTo(11.902, 6.488, 12, 6.724, 12, 7)
      ..lineTo(12, 8)
      ..lineTo(13.131, 7.269)
      ..cubicTo(13.309, 7.154, 13.544, 7.179, 13.694, 7.33)
      ..cubicTo(13.967, 7.605, 14.202, 7.911, 14.397, 8.25)
      ..cubicTo(14.596, 8.594, 14.746, 8.957, 14.847, 9.338)
      ..cubicTo(14.9, 9.534, 14.814, 9.741, 14.638, 9.843)
      ..lineTo(14.212, 10.089)
      ..cubicTo(14.139, 10.131, 14.081, 10.189, 14.038, 10.263)
      ..cubicTo(13.996, 10.336, 13.975, 10.415, 13.975, 10.5)
      ..cubicTo(13.975, 10.585, 13.996, 10.664, 14.038, 10.737)
      ..cubicTo(14.081, 10.811, 14.139, 10.869, 14.212, 10.911)
      ..lineTo(14.638, 11.157)
      ..cubicTo(14.814, 11.259, 14.9, 11.466, 14.847, 11.662)
      ..cubicTo(14.746, 12.043, 14.596, 12.406, 14.397, 12.75)
      ..cubicTo(14.202, 13.089, 13.967, 13.395, 13.694, 13.67)
      ..cubicTo(13.544, 13.821, 13.309, 13.846, 13.131, 13.731)
      ..lineTo(12, 13)
      ..lineTo(12, 14)
      ..cubicTo(12, 14.276, 11.902, 14.512, 11.707, 14.707)
      ..cubicTo(11.512, 14.902, 11.276, 15, 11, 15)
      ..lineTo(10, 15)
      ..cubicTo(9.724, 15, 9.488, 14.902, 9.293, 14.707)
      ..cubicTo(9.098, 14.512, 9, 14.276, 9, 14)
      ..lineTo(9, 13)
      ..lineTo(7.869, 13.731)
      ..cubicTo(7.691, 13.846, 7.456, 13.821, 7.306, 13.67)
      ..cubicTo(7.033, 13.395, 6.798, 13.089, 6.603, 12.75)
      ..cubicTo(6.404, 12.406, 6.254, 12.043, 6.153, 11.662)
      ..cubicTo(6.1, 11.466, 6.186, 11.259, 6.362, 11.157)
      ..lineTo(6.788, 10.911)
      ..cubicTo(6.861, 10.869, 6.919, 10.811, 6.962, 10.737)
      ..cubicTo(7.004, 10.664, 7.025, 10.585, 7.025, 10.5)
      ..cubicTo(7.025, 10.415, 7.004, 10.336, 6.962, 10.263)
      ..cubicTo(6.941, 10.227, 6.916, 10.194, 6.888, 10.166)
      ..cubicTo(6.898, 10.162, 6.908, 10.158, 6.918, 10.155)
      ..close()
      ..moveTo(10.5, 12)
      ..cubicTo(11.328, 12, 12, 11.328, 12, 10.5)
      ..cubicTo(12, 9.672, 11.328, 9, 10.5, 9)
      ..cubicTo(9.672, 9, 9, 9.672, 9, 10.5)
      ..cubicTo(9, 11.328, 9.672, 12, 10.5, 12)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_GearsIconPainter old) => old.color != color;
}
```