# drafting-compass icon

Drafting compass. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/drafting-compass

- Category: Design
- Use it for: drafting compass, geometry tool, drawing compass, architecture
- Tags: drafting compass, compasses, pair of compasses, divider, geometry, draw circle, arc, radius, technical drawing, drafting, architecture, math
- Component name: DraftingCompassIcon
- Added: 2026-10-29
- Since: version 0.2.0
- npm: `import { DraftingCompassIcon } from '@gentleface/react';` (@gentleface/react 0.2.0)
- Changed: 2026-10-30 (added)

## Don't confuse with

- `compass`: the navigation compass means explore (maps)

## Also fits

- geometry: geometric constructions and geometry tools

## 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/drafting-compass.svg · PNG https://gentleface.com/png/line-round/16/drafting-compass.png · https://gentleface.com/png/line-round/32/drafting-compass.png · https://gentleface.com/png/line-round/48/drafting-compass.png
- line-soft: https://gentleface.com/svg/line-soft/16/drafting-compass.svg · PNG https://gentleface.com/png/line-soft/16/drafting-compass.png · https://gentleface.com/png/line-soft/32/drafting-compass.png · https://gentleface.com/png/line-soft/48/drafting-compass.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/drafting-compass.svg · PNG https://gentleface.com/png/line-sharp/16/drafting-compass.png · https://gentleface.com/png/line-sharp/32/drafting-compass.png · https://gentleface.com/png/line-sharp/48/drafting-compass.png
- solid-round: https://gentleface.com/svg/solid-round/16/drafting-compass.svg · PNG https://gentleface.com/png/solid-round/16/drafting-compass.png · https://gentleface.com/png/solid-round/32/drafting-compass.png · https://gentleface.com/png/solid-round/48/drafting-compass.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/drafting-compass.svg · PNG https://gentleface.com/png/solid-soft/16/drafting-compass.png · https://gentleface.com/png/solid-soft/32/drafting-compass.png · https://gentleface.com/png/solid-soft/48/drafting-compass.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/drafting-compass.svg · PNG https://gentleface.com/png/solid-sharp/16/drafting-compass.png · https://gentleface.com/png/solid-sharp/32/drafting-compass.png · https://gentleface.com/png/solid-sharp/48/drafting-compass.png

The SVG of every style: https://gentleface.com/icons/drafting-compass.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="M7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 2.05C8.142 2.079 8.283 2.121 8.42 2.176C8.741 2.303 9.024 2.488 9.268 2.732C9.512 2.976 9.697 3.259 9.824 3.58C9.941 3.875 10 4.182 10 4.5C10 4.818 9.941 5.125 9.824 5.42C9.697 5.741 9.512 6.024 9.268 6.268C9.196 6.339 9.121 6.406 9.043 6.468L10.846 10.074C11.319 9.791 11.751 9.449 12.143 9.049C12.241 8.948 12.359 8.897 12.495 8.896C12.631 8.895 12.749 8.943 12.85 9.042C12.951 9.14 13.002 9.258 13.003 9.394C13.004 9.53 12.956 9.648 12.857 9.749C12.387 10.229 11.866 10.636 11.294 10.97L12.947 14.276C13.01 14.402 13.02 14.53 12.977 14.659C12.934 14.788 12.85 14.884 12.724 14.947C12.598 15.01 12.47 15.02 12.341 14.977C12.212 14.934 12.116 14.85 12.053 14.724L10.399 11.417C9.474 11.806 8.507 12 7.5 12C6.493 12 5.526 11.806 4.601 11.417L2.947 14.724C2.885 14.847 2.789 14.931 2.658 14.974C2.527 15.018 2.4 15.009 2.276 14.947C2.153 14.885 2.069 14.789 2.026 14.658C1.982 14.527 1.991 14.4 2.053 14.276L3.706 10.97C3.134 10.636 2.613 10.229 2.143 9.749C2.046 9.65 1.999 9.532 2 9.394C2.001 9.256 2.051 9.138 2.15 9.042C2.249 8.945 2.367 8.898 2.505 8.899C2.643 8.9 2.761 8.95 2.857 9.049C3.249 9.449 3.681 9.791 4.154 10.074L5.957 6.468C5.879 6.406 5.804 6.339 5.732 6.268C5.488 6.024 5.303 5.741 5.176 5.42C5.059 5.125 5 4.818 5 4.5C5 4.182 5.059 3.875 5.176 3.58C5.303 3.259 5.488 2.976 5.732 2.732C5.976 2.488 6.259 2.303 6.58 2.176C6.717 2.121 6.858 2.079 7 2.05L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM6.105 5.052C6.182 5.245 6.293 5.414 6.439 5.561C6.586 5.707 6.755 5.818 6.948 5.895C7.125 5.965 7.309 6 7.5 6C7.691 6 7.875 5.965 8.052 5.895C8.245 5.818 8.414 5.707 8.561 5.561C8.707 5.414 8.818 5.245 8.895 5.052C8.965 4.875 9 4.691 9 4.5C9 4.309 8.965 4.125 8.895 3.948C8.818 3.755 8.707 3.586 8.561 3.439C8.414 3.293 8.245 3.182 8.052 3.105C7.875 3.035 7.691 3 7.5 3C7.309 3 7.125 3.035 6.948 3.105C6.755 3.182 6.586 3.293 6.439 3.439C6.293 3.586 6.182 3.755 6.105 3.948C6.035 4.125 6 4.309 6 4.5C6 4.691 6.035 4.875 6.105 5.052ZM7.5 11C8.351 11 9.168 10.84 9.951 10.52L8.148 6.915C7.938 6.972 7.722 7 7.5 7C7.278 7 7.062 6.972 6.852 6.915L5.049 10.52C5.832 10.84 6.649 11 7.5 11Z"/></svg>
```

### React

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

export function DraftingCompassIcon(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="M7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 2.05C8.142 2.079 8.283 2.121 8.42 2.176C8.741 2.303 9.024 2.488 9.268 2.732C9.512 2.976 9.697 3.259 9.824 3.58C9.941 3.875 10 4.182 10 4.5C10 4.818 9.941 5.125 9.824 5.42C9.697 5.741 9.512 6.024 9.268 6.268C9.196 6.339 9.121 6.406 9.043 6.468L10.846 10.074C11.319 9.791 11.751 9.449 12.143 9.049C12.241 8.948 12.359 8.897 12.495 8.896C12.631 8.895 12.749 8.943 12.85 9.042C12.951 9.14 13.002 9.258 13.003 9.394C13.004 9.53 12.956 9.648 12.857 9.749C12.387 10.229 11.866 10.636 11.294 10.97L12.947 14.276C13.01 14.402 13.02 14.53 12.977 14.659C12.934 14.788 12.85 14.884 12.724 14.947C12.598 15.01 12.47 15.02 12.341 14.977C12.212 14.934 12.116 14.85 12.053 14.724L10.399 11.417C9.474 11.806 8.507 12 7.5 12C6.493 12 5.526 11.806 4.601 11.417L2.947 14.724C2.885 14.847 2.789 14.931 2.658 14.974C2.527 15.018 2.4 15.009 2.276 14.947C2.153 14.885 2.069 14.789 2.026 14.658C1.982 14.527 1.991 14.4 2.053 14.276L3.706 10.97C3.134 10.636 2.613 10.229 2.143 9.749C2.046 9.65 1.999 9.532 2 9.394C2.001 9.256 2.051 9.138 2.15 9.042C2.249 8.945 2.367 8.898 2.505 8.899C2.643 8.9 2.761 8.95 2.857 9.049C3.249 9.449 3.681 9.791 4.154 10.074L5.957 6.468C5.879 6.406 5.804 6.339 5.732 6.268C5.488 6.024 5.303 5.741 5.176 5.42C5.059 5.125 5 4.818 5 4.5C5 4.182 5.059 3.875 5.176 3.58C5.303 3.259 5.488 2.976 5.732 2.732C5.976 2.488 6.259 2.303 6.58 2.176C6.717 2.121 6.858 2.079 7 2.05L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM6.105 5.052C6.182 5.245 6.293 5.414 6.439 5.561C6.586 5.707 6.755 5.818 6.948 5.895C7.125 5.965 7.309 6 7.5 6C7.691 6 7.875 5.965 8.052 5.895C8.245 5.818 8.414 5.707 8.561 5.561C8.707 5.414 8.818 5.245 8.895 5.052C8.965 4.875 9 4.691 9 4.5C9 4.309 8.965 4.125 8.895 3.948C8.818 3.755 8.707 3.586 8.561 3.439C8.414 3.293 8.245 3.182 8.052 3.105C7.875 3.035 7.691 3 7.5 3C7.309 3 7.125 3.035 6.948 3.105C6.755 3.182 6.586 3.293 6.439 3.439C6.293 3.586 6.182 3.755 6.105 3.948C6.035 4.125 6 4.309 6 4.5C6 4.691 6.035 4.875 6.105 5.052ZM7.5 11C8.351 11 9.168 10.84 9.951 10.52L8.148 6.915C7.938 6.972 7.722 7 7.5 7C7.278 7 7.062 6.972 6.852 6.915L5.049 10.52C5.832 10.84 6.649 11 7.5 11Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "drafting-compass" (line-round), MIT. https://gentleface.com/icons/drafting-compass -->
<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="M7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 2.05C8.142 2.079 8.283 2.121 8.42 2.176C8.741 2.303 9.024 2.488 9.268 2.732C9.512 2.976 9.697 3.259 9.824 3.58C9.941 3.875 10 4.182 10 4.5C10 4.818 9.941 5.125 9.824 5.42C9.697 5.741 9.512 6.024 9.268 6.268C9.196 6.339 9.121 6.406 9.043 6.468L10.846 10.074C11.319 9.791 11.751 9.449 12.143 9.049C12.241 8.948 12.359 8.897 12.495 8.896C12.631 8.895 12.749 8.943 12.85 9.042C12.951 9.14 13.002 9.258 13.003 9.394C13.004 9.53 12.956 9.648 12.857 9.749C12.387 10.229 11.866 10.636 11.294 10.97L12.947 14.276C13.01 14.402 13.02 14.53 12.977 14.659C12.934 14.788 12.85 14.884 12.724 14.947C12.598 15.01 12.47 15.02 12.341 14.977C12.212 14.934 12.116 14.85 12.053 14.724L10.399 11.417C9.474 11.806 8.507 12 7.5 12C6.493 12 5.526 11.806 4.601 11.417L2.947 14.724C2.885 14.847 2.789 14.931 2.658 14.974C2.527 15.018 2.4 15.009 2.276 14.947C2.153 14.885 2.069 14.789 2.026 14.658C1.982 14.527 1.991 14.4 2.053 14.276L3.706 10.97C3.134 10.636 2.613 10.229 2.143 9.749C2.046 9.65 1.999 9.532 2 9.394C2.001 9.256 2.051 9.138 2.15 9.042C2.249 8.945 2.367 8.898 2.505 8.899C2.643 8.9 2.761 8.95 2.857 9.049C3.249 9.449 3.681 9.791 4.154 10.074L5.957 6.468C5.879 6.406 5.804 6.339 5.732 6.268C5.488 6.024 5.303 5.741 5.176 5.42C5.059 5.125 5 4.818 5 4.5C5 4.182 5.059 3.875 5.176 3.58C5.303 3.259 5.488 2.976 5.732 2.732C5.976 2.488 6.259 2.303 6.58 2.176C6.717 2.121 6.858 2.079 7 2.05L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM6.105 5.052C6.182 5.245 6.293 5.414 6.439 5.561C6.586 5.707 6.755 5.818 6.948 5.895C7.125 5.965 7.309 6 7.5 6C7.691 6 7.875 5.965 8.052 5.895C8.245 5.818 8.414 5.707 8.561 5.561C8.707 5.414 8.818 5.245 8.895 5.052C8.965 4.875 9 4.691 9 4.5C9 4.309 8.965 4.125 8.895 3.948C8.818 3.755 8.707 3.586 8.561 3.439C8.414 3.293 8.245 3.182 8.052 3.105C7.875 3.035 7.691 3 7.5 3C7.309 3 7.125 3.035 6.948 3.105C6.755 3.182 6.586 3.293 6.439 3.439C6.293 3.586 6.182 3.755 6.105 3.948C6.035 4.125 6 4.309 6 4.5C6 4.691 6.035 4.875 6.105 5.052ZM7.5 11C8.351 11 9.168 10.84 9.951 10.52L8.148 6.915C7.938 6.972 7.722 7 7.5 7C7.278 7 7.062 6.972 6.852 6.915L5.049 10.52C5.832 10.84 6.649 11 7.5 11Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "drafting-compass" (line-round), MIT. https://gentleface.com/icons/drafting-compass -->
<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="M7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 2.05C8.142 2.079 8.283 2.121 8.42 2.176C8.741 2.303 9.024 2.488 9.268 2.732C9.512 2.976 9.697 3.259 9.824 3.58C9.941 3.875 10 4.182 10 4.5C10 4.818 9.941 5.125 9.824 5.42C9.697 5.741 9.512 6.024 9.268 6.268C9.196 6.339 9.121 6.406 9.043 6.468L10.846 10.074C11.319 9.791 11.751 9.449 12.143 9.049C12.241 8.948 12.359 8.897 12.495 8.896C12.631 8.895 12.749 8.943 12.85 9.042C12.951 9.14 13.002 9.258 13.003 9.394C13.004 9.53 12.956 9.648 12.857 9.749C12.387 10.229 11.866 10.636 11.294 10.97L12.947 14.276C13.01 14.402 13.02 14.53 12.977 14.659C12.934 14.788 12.85 14.884 12.724 14.947C12.598 15.01 12.47 15.02 12.341 14.977C12.212 14.934 12.116 14.85 12.053 14.724L10.399 11.417C9.474 11.806 8.507 12 7.5 12C6.493 12 5.526 11.806 4.601 11.417L2.947 14.724C2.885 14.847 2.789 14.931 2.658 14.974C2.527 15.018 2.4 15.009 2.276 14.947C2.153 14.885 2.069 14.789 2.026 14.658C1.982 14.527 1.991 14.4 2.053 14.276L3.706 10.97C3.134 10.636 2.613 10.229 2.143 9.749C2.046 9.65 1.999 9.532 2 9.394C2.001 9.256 2.051 9.138 2.15 9.042C2.249 8.945 2.367 8.898 2.505 8.899C2.643 8.9 2.761 8.95 2.857 9.049C3.249 9.449 3.681 9.791 4.154 10.074L5.957 6.468C5.879 6.406 5.804 6.339 5.732 6.268C5.488 6.024 5.303 5.741 5.176 5.42C5.059 5.125 5 4.818 5 4.5C5 4.182 5.059 3.875 5.176 3.58C5.303 3.259 5.488 2.976 5.732 2.732C5.976 2.488 6.259 2.303 6.58 2.176C6.717 2.121 6.858 2.079 7 2.05L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM6.105 5.052C6.182 5.245 6.293 5.414 6.439 5.561C6.586 5.707 6.755 5.818 6.948 5.895C7.125 5.965 7.309 6 7.5 6C7.691 6 7.875 5.965 8.052 5.895C8.245 5.818 8.414 5.707 8.561 5.561C8.707 5.414 8.818 5.245 8.895 5.052C8.965 4.875 9 4.691 9 4.5C9 4.309 8.965 4.125 8.895 3.948C8.818 3.755 8.707 3.586 8.561 3.439C8.414 3.293 8.245 3.182 8.052 3.105C7.875 3.035 7.691 3 7.5 3C7.309 3 7.125 3.035 6.948 3.105C6.755 3.182 6.586 3.293 6.439 3.439C6.293 3.586 6.182 3.755 6.105 3.948C6.035 4.125 6 4.309 6 4.5C6 4.691 6.035 4.875 6.105 5.052ZM7.5 11C8.351 11 9.168 10.84 9.951 10.52L8.148 6.915C7.938 6.972 7.722 7 7.5 7C7.278 7 7.062 6.972 6.852 6.915L5.049 10.52C5.832 10.84 6.649 11 7.5 11Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "drafting-compass" (line-round), MIT. https://gentleface.com/icons/drafting-compass. 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/drafting-compass.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "drafting-compass" (line-round), MIT. https://gentleface.com/icons/drafting-compass. Takes the text color. */
.icon-drafting-compass {
  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='M7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 2.05C8.142 2.079 8.283 2.121 8.42 2.176C8.741 2.303 9.024 2.488 9.268 2.732C9.512 2.976 9.697 3.259 9.824 3.58C9.941 3.875 10 4.182 10 4.5C10 4.818 9.941 5.125 9.824 5.42C9.697 5.741 9.512 6.024 9.268 6.268C9.196 6.339 9.121 6.406 9.043 6.468L10.846 10.074C11.319 9.791 11.751 9.449 12.143 9.049C12.241 8.948 12.359 8.897 12.495 8.896C12.631 8.895 12.749 8.943 12.85 9.042C12.951 9.14 13.002 9.258 13.003 9.394C13.004 9.53 12.956 9.648 12.857 9.749C12.387 10.229 11.866 10.636 11.294 10.97L12.947 14.276C13.01 14.402 13.02 14.53 12.977 14.659C12.934 14.788 12.85 14.884 12.724 14.947C12.598 15.01 12.47 15.02 12.341 14.977C12.212 14.934 12.116 14.85 12.053 14.724L10.399 11.417C9.474 11.806 8.507 12 7.5 12C6.493 12 5.526 11.806 4.601 11.417L2.947 14.724C2.885 14.847 2.789 14.931 2.658 14.974C2.527 15.018 2.4 15.009 2.276 14.947C2.153 14.885 2.069 14.789 2.026 14.658C1.982 14.527 1.991 14.4 2.053 14.276L3.706 10.97C3.134 10.636 2.613 10.229 2.143 9.749C2.046 9.65 1.999 9.532 2 9.394C2.001 9.256 2.051 9.138 2.15 9.042C2.249 8.945 2.367 8.898 2.505 8.899C2.643 8.9 2.761 8.95 2.857 9.049C3.249 9.449 3.681 9.791 4.154 10.074L5.957 6.468C5.879 6.406 5.804 6.339 5.732 6.268C5.488 6.024 5.303 5.741 5.176 5.42C5.059 5.125 5 4.818 5 4.5C5 4.182 5.059 3.875 5.176 3.58C5.303 3.259 5.488 2.976 5.732 2.732C5.976 2.488 6.259 2.303 6.58 2.176C6.717 2.121 6.858 2.079 7 2.05L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM6.105 5.052C6.182 5.245 6.293 5.414 6.439 5.561C6.586 5.707 6.755 5.818 6.948 5.895C7.125 5.965 7.309 6 7.5 6C7.691 6 7.875 5.965 8.052 5.895C8.245 5.818 8.414 5.707 8.561 5.561C8.707 5.414 8.818 5.245 8.895 5.052C8.965 4.875 9 4.691 9 4.5C9 4.309 8.965 4.125 8.895 3.948C8.818 3.755 8.707 3.586 8.561 3.439C8.414 3.293 8.245 3.182 8.052 3.105C7.875 3.035 7.691 3 7.5 3C7.309 3 7.125 3.035 6.948 3.105C6.755 3.182 6.586 3.293 6.439 3.439C6.293 3.586 6.182 3.755 6.105 3.948C6.035 4.125 6 4.309 6 4.5C6 4.691 6.035 4.875 6.105 5.052ZM7.5 11C8.351 11 9.168 10.84 9.951 10.52L8.148 6.915C7.938 6.972 7.722 7 7.5 7C7.278 7 7.062 6.972 6.852 6.915L5.049 10.52C5.832 10.84 6.649 11 7.5 11Z'/%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='M7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 2.05C8.142 2.079 8.283 2.121 8.42 2.176C8.741 2.303 9.024 2.488 9.268 2.732C9.512 2.976 9.697 3.259 9.824 3.58C9.941 3.875 10 4.182 10 4.5C10 4.818 9.941 5.125 9.824 5.42C9.697 5.741 9.512 6.024 9.268 6.268C9.196 6.339 9.121 6.406 9.043 6.468L10.846 10.074C11.319 9.791 11.751 9.449 12.143 9.049C12.241 8.948 12.359 8.897 12.495 8.896C12.631 8.895 12.749 8.943 12.85 9.042C12.951 9.14 13.002 9.258 13.003 9.394C13.004 9.53 12.956 9.648 12.857 9.749C12.387 10.229 11.866 10.636 11.294 10.97L12.947 14.276C13.01 14.402 13.02 14.53 12.977 14.659C12.934 14.788 12.85 14.884 12.724 14.947C12.598 15.01 12.47 15.02 12.341 14.977C12.212 14.934 12.116 14.85 12.053 14.724L10.399 11.417C9.474 11.806 8.507 12 7.5 12C6.493 12 5.526 11.806 4.601 11.417L2.947 14.724C2.885 14.847 2.789 14.931 2.658 14.974C2.527 15.018 2.4 15.009 2.276 14.947C2.153 14.885 2.069 14.789 2.026 14.658C1.982 14.527 1.991 14.4 2.053 14.276L3.706 10.97C3.134 10.636 2.613 10.229 2.143 9.749C2.046 9.65 1.999 9.532 2 9.394C2.001 9.256 2.051 9.138 2.15 9.042C2.249 8.945 2.367 8.898 2.505 8.899C2.643 8.9 2.761 8.95 2.857 9.049C3.249 9.449 3.681 9.791 4.154 10.074L5.957 6.468C5.879 6.406 5.804 6.339 5.732 6.268C5.488 6.024 5.303 5.741 5.176 5.42C5.059 5.125 5 4.818 5 4.5C5 4.182 5.059 3.875 5.176 3.58C5.303 3.259 5.488 2.976 5.732 2.732C5.976 2.488 6.259 2.303 6.58 2.176C6.717 2.121 6.858 2.079 7 2.05L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM6.105 5.052C6.182 5.245 6.293 5.414 6.439 5.561C6.586 5.707 6.755 5.818 6.948 5.895C7.125 5.965 7.309 6 7.5 6C7.691 6 7.875 5.965 8.052 5.895C8.245 5.818 8.414 5.707 8.561 5.561C8.707 5.414 8.818 5.245 8.895 5.052C8.965 4.875 9 4.691 9 4.5C9 4.309 8.965 4.125 8.895 3.948C8.818 3.755 8.707 3.586 8.561 3.439C8.414 3.293 8.245 3.182 8.052 3.105C7.875 3.035 7.691 3 7.5 3C7.309 3 7.125 3.035 6.948 3.105C6.755 3.182 6.586 3.293 6.439 3.439C6.293 3.586 6.182 3.755 6.105 3.948C6.035 4.125 6 4.309 6 4.5C6 4.691 6.035 4.875 6.105 5.052ZM7.5 11C8.351 11 9.168 10.84 9.951 10.52L8.148 6.915C7.938 6.972 7.722 7 7.5 7C7.278 7 7.062 6.972 6.852 6.915L5.049 10.52C5.832 10.84 6.649 11 7.5 11Z'/%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='M7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 2.05C8.142 2.079 8.283 2.121 8.42 2.176C8.741 2.303 9.024 2.488 9.268 2.732C9.512 2.976 9.697 3.259 9.824 3.58C9.941 3.875 10 4.182 10 4.5C10 4.818 9.941 5.125 9.824 5.42C9.697 5.741 9.512 6.024 9.268 6.268C9.196 6.339 9.121 6.406 9.043 6.468L10.846 10.074C11.319 9.791 11.751 9.449 12.143 9.049C12.241 8.948 12.359 8.897 12.495 8.896C12.631 8.895 12.749 8.943 12.85 9.042C12.951 9.14 13.002 9.258 13.003 9.394C13.004 9.53 12.956 9.648 12.857 9.749C12.387 10.229 11.866 10.636 11.294 10.97L12.947 14.276C13.01 14.402 13.02 14.53 12.977 14.659C12.934 14.788 12.85 14.884 12.724 14.947C12.598 15.01 12.47 15.02 12.341 14.977C12.212 14.934 12.116 14.85 12.053 14.724L10.399 11.417C9.474 11.806 8.507 12 7.5 12C6.493 12 5.526 11.806 4.601 11.417L2.947 14.724C2.885 14.847 2.789 14.931 2.658 14.974C2.527 15.018 2.4 15.009 2.276 14.947C2.153 14.885 2.069 14.789 2.026 14.658C1.982 14.527 1.991 14.4 2.053 14.276L3.706 10.97C3.134 10.636 2.613 10.229 2.143 9.749C2.046 9.65 1.999 9.532 2 9.394C2.001 9.256 2.051 9.138 2.15 9.042C2.249 8.945 2.367 8.898 2.505 8.899C2.643 8.9 2.761 8.95 2.857 9.049C3.249 9.449 3.681 9.791 4.154 10.074L5.957 6.468C5.879 6.406 5.804 6.339 5.732 6.268C5.488 6.024 5.303 5.741 5.176 5.42C5.059 5.125 5 4.818 5 4.5C5 4.182 5.059 3.875 5.176 3.58C5.303 3.259 5.488 2.976 5.732 2.732C5.976 2.488 6.259 2.303 6.58 2.176C6.717 2.121 6.858 2.079 7 2.05L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM6.105 5.052C6.182 5.245 6.293 5.414 6.439 5.561C6.586 5.707 6.755 5.818 6.948 5.895C7.125 5.965 7.309 6 7.5 6C7.691 6 7.875 5.965 8.052 5.895C8.245 5.818 8.414 5.707 8.561 5.561C8.707 5.414 8.818 5.245 8.895 5.052C8.965 4.875 9 4.691 9 4.5C9 4.309 8.965 4.125 8.895 3.948C8.818 3.755 8.707 3.586 8.561 3.439C8.414 3.293 8.245 3.182 8.052 3.105C7.875 3.035 7.691 3 7.5 3C7.309 3 7.125 3.035 6.948 3.105C6.755 3.182 6.586 3.293 6.439 3.439C6.293 3.586 6.182 3.755 6.105 3.948C6.035 4.125 6 4.309 6 4.5C6 4.691 6.035 4.875 6.105 5.052ZM7.5 11C8.351 11 9.168 10.84 9.951 10.52L8.148 6.915C7.938 6.972 7.722 7 7.5 7C7.278 7 7.062 6.972 6.852 6.915L5.049 10.52C5.832 10.84 6.649 11 7.5 11Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "drafting-compass" (line-round), MIT. https://gentleface.com/icons/drafting-compass
     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#drafting-compass"/></svg>
```

### SwiftUI

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

struct DraftingCompassIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 7.144, y: 1.144))
        p.addCurve(to: CGPoint(x: 7.5, y: 1), control1: CGPoint(x: 7.241, y: 1.048), control2: CGPoint(x: 7.359, y: 1))
        p.addCurve(to: CGPoint(x: 7.856, y: 1.144), control1: CGPoint(x: 7.641, y: 1), control2: CGPoint(x: 7.759, y: 1.048))
        p.addCurve(to: CGPoint(x: 8, y: 1.5), control1: CGPoint(x: 7.952, y: 1.241), control2: CGPoint(x: 8, y: 1.359))
        p.addLine(to: CGPoint(x: 8, y: 2.05))
        p.addCurve(to: CGPoint(x: 8.42, y: 2.176), control1: CGPoint(x: 8.142, y: 2.079), control2: CGPoint(x: 8.283, y: 2.121))
        p.addCurve(to: CGPoint(x: 9.268, y: 2.732), control1: CGPoint(x: 8.741, y: 2.303), control2: CGPoint(x: 9.024, y: 2.488))
        p.addCurve(to: CGPoint(x: 9.824, y: 3.58), control1: CGPoint(x: 9.512, y: 2.976), control2: CGPoint(x: 9.697, y: 3.259))
        p.addCurve(to: CGPoint(x: 10, y: 4.5), control1: CGPoint(x: 9.941, y: 3.875), control2: CGPoint(x: 10, y: 4.182))
        p.addCurve(to: CGPoint(x: 9.824, y: 5.42), control1: CGPoint(x: 10, y: 4.818), control2: CGPoint(x: 9.941, y: 5.125))
        p.addCurve(to: CGPoint(x: 9.268, y: 6.268), control1: CGPoint(x: 9.697, y: 5.741), control2: CGPoint(x: 9.512, y: 6.024))
        p.addCurve(to: CGPoint(x: 9.043, y: 6.468), control1: CGPoint(x: 9.196, y: 6.339), control2: CGPoint(x: 9.121, y: 6.406))
        p.addLine(to: CGPoint(x: 10.846, y: 10.074))
        p.addCurve(to: CGPoint(x: 12.143, y: 9.049), control1: CGPoint(x: 11.319, y: 9.791), control2: CGPoint(x: 11.751, y: 9.449))
        p.addCurve(to: CGPoint(x: 12.495, y: 8.896), control1: CGPoint(x: 12.241, y: 8.948), control2: CGPoint(x: 12.359, y: 8.897))
        p.addCurve(to: CGPoint(x: 12.85, y: 9.042), control1: CGPoint(x: 12.631, y: 8.895), control2: CGPoint(x: 12.749, y: 8.943))
        p.addCurve(to: CGPoint(x: 13.003, y: 9.394), control1: CGPoint(x: 12.951, y: 9.14), control2: CGPoint(x: 13.002, y: 9.258))
        p.addCurve(to: CGPoint(x: 12.857, y: 9.749), control1: CGPoint(x: 13.004, y: 9.53), control2: CGPoint(x: 12.956, y: 9.648))
        p.addCurve(to: CGPoint(x: 11.294, y: 10.97), control1: CGPoint(x: 12.387, y: 10.229), control2: CGPoint(x: 11.866, y: 10.636))
        p.addLine(to: CGPoint(x: 12.947, y: 14.276))
        p.addCurve(to: CGPoint(x: 12.977, y: 14.659), control1: CGPoint(x: 13.01, y: 14.402), control2: CGPoint(x: 13.02, y: 14.53))
        p.addCurve(to: CGPoint(x: 12.724, y: 14.947), control1: CGPoint(x: 12.934, y: 14.788), control2: CGPoint(x: 12.85, y: 14.884))
        p.addCurve(to: CGPoint(x: 12.341, y: 14.977), control1: CGPoint(x: 12.598, y: 15.01), control2: CGPoint(x: 12.47, y: 15.02))
        p.addCurve(to: CGPoint(x: 12.053, y: 14.724), control1: CGPoint(x: 12.212, y: 14.934), control2: CGPoint(x: 12.116, y: 14.85))
        p.addLine(to: CGPoint(x: 10.399, y: 11.417))
        p.addCurve(to: CGPoint(x: 7.5, y: 12), control1: CGPoint(x: 9.474, y: 11.806), control2: CGPoint(x: 8.507, y: 12))
        p.addCurve(to: CGPoint(x: 4.601, y: 11.417), control1: CGPoint(x: 6.493, y: 12), control2: CGPoint(x: 5.526, y: 11.806))
        p.addLine(to: CGPoint(x: 2.947, y: 14.724))
        p.addCurve(to: CGPoint(x: 2.658, y: 14.974), control1: CGPoint(x: 2.885, y: 14.847), control2: CGPoint(x: 2.789, y: 14.931))
        p.addCurve(to: CGPoint(x: 2.276, y: 14.947), control1: CGPoint(x: 2.527, y: 15.018), control2: CGPoint(x: 2.4, y: 15.009))
        p.addCurve(to: CGPoint(x: 2.026, y: 14.658), control1: CGPoint(x: 2.153, y: 14.885), control2: CGPoint(x: 2.069, y: 14.789))
        p.addCurve(to: CGPoint(x: 2.053, y: 14.276), control1: CGPoint(x: 1.982, y: 14.527), control2: CGPoint(x: 1.991, y: 14.4))
        p.addLine(to: CGPoint(x: 3.706, y: 10.97))
        p.addCurve(to: CGPoint(x: 2.143, y: 9.749), control1: CGPoint(x: 3.134, y: 10.636), control2: CGPoint(x: 2.613, y: 10.229))
        p.addCurve(to: CGPoint(x: 2, y: 9.394), control1: CGPoint(x: 2.046, y: 9.65), control2: CGPoint(x: 1.999, y: 9.532))
        p.addCurve(to: CGPoint(x: 2.15, y: 9.042), control1: CGPoint(x: 2.001, y: 9.256), control2: CGPoint(x: 2.051, y: 9.138))
        p.addCurve(to: CGPoint(x: 2.505, y: 8.899), control1: CGPoint(x: 2.249, y: 8.945), control2: CGPoint(x: 2.367, y: 8.898))
        p.addCurve(to: CGPoint(x: 2.857, y: 9.049), control1: CGPoint(x: 2.643, y: 8.9), control2: CGPoint(x: 2.761, y: 8.95))
        p.addCurve(to: CGPoint(x: 4.154, y: 10.074), control1: CGPoint(x: 3.249, y: 9.449), control2: CGPoint(x: 3.681, y: 9.791))
        p.addLine(to: CGPoint(x: 5.957, y: 6.468))
        p.addCurve(to: CGPoint(x: 5.732, y: 6.268), control1: CGPoint(x: 5.879, y: 6.406), control2: CGPoint(x: 5.804, y: 6.339))
        p.addCurve(to: CGPoint(x: 5.176, y: 5.42), control1: CGPoint(x: 5.488, y: 6.024), control2: CGPoint(x: 5.303, y: 5.741))
        p.addCurve(to: CGPoint(x: 5, y: 4.5), control1: CGPoint(x: 5.059, y: 5.125), control2: CGPoint(x: 5, y: 4.818))
        p.addCurve(to: CGPoint(x: 5.176, y: 3.58), control1: CGPoint(x: 5, y: 4.182), control2: CGPoint(x: 5.059, y: 3.875))
        p.addCurve(to: CGPoint(x: 5.732, y: 2.732), control1: CGPoint(x: 5.303, y: 3.259), control2: CGPoint(x: 5.488, y: 2.976))
        p.addCurve(to: CGPoint(x: 6.58, y: 2.176), control1: CGPoint(x: 5.976, y: 2.488), control2: CGPoint(x: 6.259, y: 2.303))
        p.addCurve(to: CGPoint(x: 7, y: 2.05), control1: CGPoint(x: 6.717, y: 2.121), control2: CGPoint(x: 6.858, y: 2.079))
        p.addLine(to: CGPoint(x: 7, y: 1.5))
        p.addCurve(to: CGPoint(x: 7.144, y: 1.144), control1: CGPoint(x: 7, y: 1.359), control2: CGPoint(x: 7.048, y: 1.241))
        p.closeSubpath()
        p.move(to: CGPoint(x: 6.105, y: 5.052))
        p.addCurve(to: CGPoint(x: 6.439, y: 5.561), control1: CGPoint(x: 6.182, y: 5.245), control2: CGPoint(x: 6.293, y: 5.414))
        p.addCurve(to: CGPoint(x: 6.948, y: 5.895), control1: CGPoint(x: 6.586, y: 5.707), control2: CGPoint(x: 6.755, y: 5.818))
        p.addCurve(to: CGPoint(x: 7.5, y: 6), control1: CGPoint(x: 7.125, y: 5.965), control2: CGPoint(x: 7.309, y: 6))
        p.addCurve(to: CGPoint(x: 8.052, y: 5.895), control1: CGPoint(x: 7.691, y: 6), control2: CGPoint(x: 7.875, y: 5.965))
        p.addCurve(to: CGPoint(x: 8.561, y: 5.561), control1: CGPoint(x: 8.245, y: 5.818), control2: CGPoint(x: 8.414, y: 5.707))
        p.addCurve(to: CGPoint(x: 8.895, y: 5.052), control1: CGPoint(x: 8.707, y: 5.414), control2: CGPoint(x: 8.818, y: 5.245))
        p.addCurve(to: CGPoint(x: 9, y: 4.5), control1: CGPoint(x: 8.965, y: 4.875), control2: CGPoint(x: 9, y: 4.691))
        p.addCurve(to: CGPoint(x: 8.895, y: 3.948), control1: CGPoint(x: 9, y: 4.309), control2: CGPoint(x: 8.965, y: 4.125))
        p.addCurve(to: CGPoint(x: 8.561, y: 3.439), control1: CGPoint(x: 8.818, y: 3.755), control2: CGPoint(x: 8.707, y: 3.586))
        p.addCurve(to: CGPoint(x: 8.052, y: 3.105), control1: CGPoint(x: 8.414, y: 3.293), control2: CGPoint(x: 8.245, y: 3.182))
        p.addCurve(to: CGPoint(x: 7.5, y: 3), control1: CGPoint(x: 7.875, y: 3.035), control2: CGPoint(x: 7.691, y: 3))
        p.addCurve(to: CGPoint(x: 6.948, y: 3.105), control1: CGPoint(x: 7.309, y: 3), control2: CGPoint(x: 7.125, y: 3.035))
        p.addCurve(to: CGPoint(x: 6.439, y: 3.439), control1: CGPoint(x: 6.755, y: 3.182), control2: CGPoint(x: 6.586, y: 3.293))
        p.addCurve(to: CGPoint(x: 6.105, y: 3.948), control1: CGPoint(x: 6.293, y: 3.586), control2: CGPoint(x: 6.182, y: 3.755))
        p.addCurve(to: CGPoint(x: 6, y: 4.5), control1: CGPoint(x: 6.035, y: 4.125), control2: CGPoint(x: 6, y: 4.309))
        p.addCurve(to: CGPoint(x: 6.105, y: 5.052), control1: CGPoint(x: 6, y: 4.691), control2: CGPoint(x: 6.035, y: 4.875))
        p.closeSubpath()
        p.move(to: CGPoint(x: 7.5, y: 11))
        p.addCurve(to: CGPoint(x: 9.951, y: 10.52), control1: CGPoint(x: 8.351, y: 11), control2: CGPoint(x: 9.168, y: 10.84))
        p.addLine(to: CGPoint(x: 8.148, y: 6.915))
        p.addCurve(to: CGPoint(x: 7.5, y: 7), control1: CGPoint(x: 7.938, y: 6.972), control2: CGPoint(x: 7.722, y: 7))
        p.addCurve(to: CGPoint(x: 6.852, y: 6.915), control1: CGPoint(x: 7.278, y: 7), control2: CGPoint(x: 7.062, y: 6.972))
        p.addLine(to: CGPoint(x: 5.049, y: 10.52))
        p.addCurve(to: CGPoint(x: 7.5, y: 11), control1: CGPoint(x: 5.832, y: 10.84), control2: CGPoint(x: 6.649, y: 11))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "drafting-compass" (line-round), MIT. https://gentleface.com/icons/drafting-compass
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 DraftingCompassIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "drafting-compass", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 2.05C8.142 2.079 8.283 2.121 8.42 2.176C8.741 2.303 9.024 2.488 9.268 2.732C9.512 2.976 9.697 3.259 9.824 3.58C9.941 3.875 10 4.182 10 4.5C10 4.818 9.941 5.125 9.824 5.42C9.697 5.741 9.512 6.024 9.268 6.268C9.196 6.339 9.121 6.406 9.043 6.468L10.846 10.074C11.319 9.791 11.751 9.449 12.143 9.049C12.241 8.948 12.359 8.897 12.495 8.896C12.631 8.895 12.749 8.943 12.85 9.042C12.951 9.14 13.002 9.258 13.003 9.394C13.004 9.53 12.956 9.648 12.857 9.749C12.387 10.229 11.866 10.636 11.294 10.97L12.947 14.276C13.01 14.402 13.02 14.53 12.977 14.659C12.934 14.788 12.85 14.884 12.724 14.947C12.598 15.01 12.47 15.02 12.341 14.977C12.212 14.934 12.116 14.85 12.053 14.724L10.399 11.417C9.474 11.806 8.507 12 7.5 12C6.493 12 5.526 11.806 4.601 11.417L2.947 14.724C2.885 14.847 2.789 14.931 2.658 14.974C2.527 15.018 2.4 15.009 2.276 14.947C2.153 14.885 2.069 14.789 2.026 14.658C1.982 14.527 1.991 14.4 2.053 14.276L3.706 10.97C3.134 10.636 2.613 10.229 2.143 9.749C2.046 9.65 1.999 9.532 2 9.394C2.001 9.256 2.051 9.138 2.15 9.042C2.249 8.945 2.367 8.898 2.505 8.899C2.643 8.9 2.761 8.95 2.857 9.049C3.249 9.449 3.681 9.791 4.154 10.074L5.957 6.468C5.879 6.406 5.804 6.339 5.732 6.268C5.488 6.024 5.303 5.741 5.176 5.42C5.059 5.125 5 4.818 5 4.5C5 4.182 5.059 3.875 5.176 3.58C5.303 3.259 5.488 2.976 5.732 2.732C5.976 2.488 6.259 2.303 6.58 2.176C6.717 2.121 6.858 2.079 7 2.05L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM6.105 5.052C6.182 5.245 6.293 5.414 6.439 5.561C6.586 5.707 6.755 5.818 6.948 5.895C7.125 5.965 7.309 6 7.5 6C7.691 6 7.875 5.965 8.052 5.895C8.245 5.818 8.414 5.707 8.561 5.561C8.707 5.414 8.818 5.245 8.895 5.052C8.965 4.875 9 4.691 9 4.5C9 4.309 8.965 4.125 8.895 3.948C8.818 3.755 8.707 3.586 8.561 3.439C8.414 3.293 8.245 3.182 8.052 3.105C7.875 3.035 7.691 3 7.5 3C7.309 3 7.125 3.035 6.948 3.105C6.755 3.182 6.586 3.293 6.439 3.439C6.293 3.586 6.182 3.755 6.105 3.948C6.035 4.125 6 4.309 6 4.5C6 4.691 6.035 4.875 6.105 5.052ZM7.5 11C8.351 11 9.168 10.84 9.951 10.52L8.148 6.915C7.938 6.972 7.722 7 7.5 7C7.278 7 7.062 6.972 6.852 6.915L5.049 10.52C5.832 10.84 6.649 11 7.5 11Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_drafting_compass.xml · Gentleface "drafting-compass" (line-round), MIT. https://gentleface.com/icons/drafting-compass -->
<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="M7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 2.05C8.142 2.079 8.283 2.121 8.42 2.176C8.741 2.303 9.024 2.488 9.268 2.732C9.512 2.976 9.697 3.259 9.824 3.58C9.941 3.875 10 4.182 10 4.5C10 4.818 9.941 5.125 9.824 5.42C9.697 5.741 9.512 6.024 9.268 6.268C9.196 6.339 9.121 6.406 9.043 6.468L10.846 10.074C11.319 9.791 11.751 9.449 12.143 9.049C12.241 8.948 12.359 8.897 12.495 8.896C12.631 8.895 12.749 8.943 12.85 9.042C12.951 9.14 13.002 9.258 13.003 9.394C13.004 9.53 12.956 9.648 12.857 9.749C12.387 10.229 11.866 10.636 11.294 10.97L12.947 14.276C13.01 14.402 13.02 14.53 12.977 14.659C12.934 14.788 12.85 14.884 12.724 14.947C12.598 15.01 12.47 15.02 12.341 14.977C12.212 14.934 12.116 14.85 12.053 14.724L10.399 11.417C9.474 11.806 8.507 12 7.5 12C6.493 12 5.526 11.806 4.601 11.417L2.947 14.724C2.885 14.847 2.789 14.931 2.658 14.974C2.527 15.018 2.4 15.009 2.276 14.947C2.153 14.885 2.069 14.789 2.026 14.658C1.982 14.527 1.991 14.4 2.053 14.276L3.706 10.97C3.134 10.636 2.613 10.229 2.143 9.749C2.046 9.65 1.999 9.532 2 9.394C2.001 9.256 2.051 9.138 2.15 9.042C2.249 8.945 2.367 8.898 2.505 8.899C2.643 8.9 2.761 8.95 2.857 9.049C3.249 9.449 3.681 9.791 4.154 10.074L5.957 6.468C5.879 6.406 5.804 6.339 5.732 6.268C5.488 6.024 5.303 5.741 5.176 5.42C5.059 5.125 5 4.818 5 4.5C5 4.182 5.059 3.875 5.176 3.58C5.303 3.259 5.488 2.976 5.732 2.732C5.976 2.488 6.259 2.303 6.58 2.176C6.717 2.121 6.858 2.079 7 2.05L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM6.105 5.052C6.182 5.245 6.293 5.414 6.439 5.561C6.586 5.707 6.755 5.818 6.948 5.895C7.125 5.965 7.309 6 7.5 6C7.691 6 7.875 5.965 8.052 5.895C8.245 5.818 8.414 5.707 8.561 5.561C8.707 5.414 8.818 5.245 8.895 5.052C8.965 4.875 9 4.691 9 4.5C9 4.309 8.965 4.125 8.895 3.948C8.818 3.755 8.707 3.586 8.561 3.439C8.414 3.293 8.245 3.182 8.052 3.105C7.875 3.035 7.691 3 7.5 3C7.309 3 7.125 3.035 6.948 3.105C6.755 3.182 6.586 3.293 6.439 3.439C6.293 3.586 6.182 3.755 6.105 3.948C6.035 4.125 6 4.309 6 4.5C6 4.691 6.035 4.875 6.105 5.052ZM7.5 11C8.351 11 9.168 10.84 9.951 10.52L8.148 6.915C7.938 6.972 7.722 7 7.5 7C7.278 7 7.062 6.972 6.852 6.915L5.049 10.52C5.832 10.84 6.649 11 7.5 11Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(7.144, 1.144)
      ..cubicTo(7.241, 1.048, 7.359, 1, 7.5, 1)
      ..cubicTo(7.641, 1, 7.759, 1.048, 7.856, 1.144)
      ..cubicTo(7.952, 1.241, 8, 1.359, 8, 1.5)
      ..lineTo(8, 2.05)
      ..cubicTo(8.142, 2.079, 8.283, 2.121, 8.42, 2.176)
      ..cubicTo(8.741, 2.303, 9.024, 2.488, 9.268, 2.732)
      ..cubicTo(9.512, 2.976, 9.697, 3.259, 9.824, 3.58)
      ..cubicTo(9.941, 3.875, 10, 4.182, 10, 4.5)
      ..cubicTo(10, 4.818, 9.941, 5.125, 9.824, 5.42)
      ..cubicTo(9.697, 5.741, 9.512, 6.024, 9.268, 6.268)
      ..cubicTo(9.196, 6.339, 9.121, 6.406, 9.043, 6.468)
      ..lineTo(10.846, 10.074)
      ..cubicTo(11.319, 9.791, 11.751, 9.449, 12.143, 9.049)
      ..cubicTo(12.241, 8.948, 12.359, 8.897, 12.495, 8.896)
      ..cubicTo(12.631, 8.895, 12.749, 8.943, 12.85, 9.042)
      ..cubicTo(12.951, 9.14, 13.002, 9.258, 13.003, 9.394)
      ..cubicTo(13.004, 9.53, 12.956, 9.648, 12.857, 9.749)
      ..cubicTo(12.387, 10.229, 11.866, 10.636, 11.294, 10.97)
      ..lineTo(12.947, 14.276)
      ..cubicTo(13.01, 14.402, 13.02, 14.53, 12.977, 14.659)
      ..cubicTo(12.934, 14.788, 12.85, 14.884, 12.724, 14.947)
      ..cubicTo(12.598, 15.01, 12.47, 15.02, 12.341, 14.977)
      ..cubicTo(12.212, 14.934, 12.116, 14.85, 12.053, 14.724)
      ..lineTo(10.399, 11.417)
      ..cubicTo(9.474, 11.806, 8.507, 12, 7.5, 12)
      ..cubicTo(6.493, 12, 5.526, 11.806, 4.601, 11.417)
      ..lineTo(2.947, 14.724)
      ..cubicTo(2.885, 14.847, 2.789, 14.931, 2.658, 14.974)
      ..cubicTo(2.527, 15.018, 2.4, 15.009, 2.276, 14.947)
      ..cubicTo(2.153, 14.885, 2.069, 14.789, 2.026, 14.658)
      ..cubicTo(1.982, 14.527, 1.991, 14.4, 2.053, 14.276)
      ..lineTo(3.706, 10.97)
      ..cubicTo(3.134, 10.636, 2.613, 10.229, 2.143, 9.749)
      ..cubicTo(2.046, 9.65, 1.999, 9.532, 2, 9.394)
      ..cubicTo(2.001, 9.256, 2.051, 9.138, 2.15, 9.042)
      ..cubicTo(2.249, 8.945, 2.367, 8.898, 2.505, 8.899)
      ..cubicTo(2.643, 8.9, 2.761, 8.95, 2.857, 9.049)
      ..cubicTo(3.249, 9.449, 3.681, 9.791, 4.154, 10.074)
      ..lineTo(5.957, 6.468)
      ..cubicTo(5.879, 6.406, 5.804, 6.339, 5.732, 6.268)
      ..cubicTo(5.488, 6.024, 5.303, 5.741, 5.176, 5.42)
      ..cubicTo(5.059, 5.125, 5, 4.818, 5, 4.5)
      ..cubicTo(5, 4.182, 5.059, 3.875, 5.176, 3.58)
      ..cubicTo(5.303, 3.259, 5.488, 2.976, 5.732, 2.732)
      ..cubicTo(5.976, 2.488, 6.259, 2.303, 6.58, 2.176)
      ..cubicTo(6.717, 2.121, 6.858, 2.079, 7, 2.05)
      ..lineTo(7, 1.5)
      ..cubicTo(7, 1.359, 7.048, 1.241, 7.144, 1.144)
      ..close()
      ..moveTo(6.105, 5.052)
      ..cubicTo(6.182, 5.245, 6.293, 5.414, 6.439, 5.561)
      ..cubicTo(6.586, 5.707, 6.755, 5.818, 6.948, 5.895)
      ..cubicTo(7.125, 5.965, 7.309, 6, 7.5, 6)
      ..cubicTo(7.691, 6, 7.875, 5.965, 8.052, 5.895)
      ..cubicTo(8.245, 5.818, 8.414, 5.707, 8.561, 5.561)
      ..cubicTo(8.707, 5.414, 8.818, 5.245, 8.895, 5.052)
      ..cubicTo(8.965, 4.875, 9, 4.691, 9, 4.5)
      ..cubicTo(9, 4.309, 8.965, 4.125, 8.895, 3.948)
      ..cubicTo(8.818, 3.755, 8.707, 3.586, 8.561, 3.439)
      ..cubicTo(8.414, 3.293, 8.245, 3.182, 8.052, 3.105)
      ..cubicTo(7.875, 3.035, 7.691, 3, 7.5, 3)
      ..cubicTo(7.309, 3, 7.125, 3.035, 6.948, 3.105)
      ..cubicTo(6.755, 3.182, 6.586, 3.293, 6.439, 3.439)
      ..cubicTo(6.293, 3.586, 6.182, 3.755, 6.105, 3.948)
      ..cubicTo(6.035, 4.125, 6, 4.309, 6, 4.5)
      ..cubicTo(6, 4.691, 6.035, 4.875, 6.105, 5.052)
      ..close()
      ..moveTo(7.5, 11)
      ..cubicTo(8.351, 11, 9.168, 10.84, 9.951, 10.52)
      ..lineTo(8.148, 6.915)
      ..cubicTo(7.938, 6.972, 7.722, 7, 7.5, 7)
      ..cubicTo(7.278, 7, 7.062, 6.972, 6.852, 6.915)
      ..lineTo(5.049, 10.52)
      ..cubicTo(5.832, 10.84, 6.649, 11, 7.5, 11)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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