# tape-measure icon

Tape measure. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/tape-measure

- Category: Tools
- Use it for: tape measure, size guide, body measurements, size chart, sizing
- Tags: tape-measure, size-guide, body-measurements
- Component name: TapeMeasureIcon
- Added: 2026-10-30

## Alternatives

- `ruler`: measure in a design or a document (ruler owns measure)

## Also fits

- measure: clothing size guides and measuring on site

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

The SVG of every style: https://gentleface.com/icons/tape-measure.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="M8.42 3.176C8.741 3.303 9.024 3.488 9.268 3.732C9.512 3.976 9.697 4.259 9.824 4.58C9.941 4.875 10 5.182 10 5.5L10 11L11 11L11 9.5C11 9.359 11.048 9.241 11.144 9.144C11.241 9.048 11.359 9 11.5 9C11.641 9 11.759 9.048 11.856 9.144C11.952 9.241 12 9.359 12 9.5L12 11L13 11L13 9.5C13 9.359 13.048 9.241 13.144 9.144C13.241 9.048 13.359 9 13.5 9C13.641 9 13.759 9.048 13.856 9.144C13.952 9.241 14 9.359 14 9.5L14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5L15 13.5C15 13.641 14.952 13.759 14.856 13.856C14.759 13.952 14.641 14 14.5 14C14.359 14 14.241 13.952 14.144 13.856C14.048 13.759 14 13.641 14 13.5L14 12L3.5 12C3.182 12 2.875 11.941 2.58 11.824C2.259 11.697 1.976 11.512 1.732 11.268C1.488 11.024 1.303 10.741 1.176 10.42C1.059 10.125 1 9.818 1 9.5L1 5.5C1 5.182 1.059 4.875 1.176 4.58C1.303 4.259 1.488 3.976 1.732 3.732C1.976 3.488 2.259 3.303 2.58 3.176C2.875 3.059 3.182 3 3.5 3L7.5 3C7.818 3 8.125 3.059 8.42 3.176ZM9 5.5C9 5.309 8.965 5.125 8.895 4.948C8.818 4.755 8.707 4.586 8.561 4.439C8.414 4.293 8.245 4.182 8.052 4.105C7.875 4.035 7.691 4 7.5 4L3.5 4C3.309 4 3.125 4.035 2.948 4.105C2.755 4.182 2.586 4.293 2.439 4.439C2.293 4.586 2.182 4.755 2.105 4.948C2.035 5.125 2 5.309 2 5.5L2 9.5C2 9.691 2.035 9.875 2.105 10.052C2.182 10.245 2.293 10.414 2.439 10.561C2.586 10.707 2.755 10.818 2.948 10.895C3.125 10.965 3.309 11 3.5 11L9 11L9 5.5ZM3.176 6.58C3.303 6.259 3.488 5.976 3.732 5.732C3.976 5.488 4.259 5.303 4.58 5.176C4.875 5.059 5.182 5 5.5 5C5.818 5 6.125 5.059 6.42 5.176C6.741 5.303 7.024 5.488 7.268 5.732C7.512 5.976 7.697 6.259 7.824 6.58C7.941 6.875 8 7.182 8 7.5C8 7.818 7.941 8.125 7.824 8.42C7.697 8.741 7.512 9.024 7.268 9.268C7.024 9.512 6.741 9.697 6.42 9.824C6.125 9.941 5.818 10 5.5 10C5.182 10 4.875 9.941 4.58 9.824C4.259 9.697 3.976 9.512 3.732 9.268C3.488 9.024 3.303 8.741 3.176 8.42C3.059 8.125 3 7.818 3 7.5C3 7.182 3.059 6.875 3.176 6.58ZM4.105 8.052C4.182 8.245 4.293 8.414 4.439 8.561C4.586 8.707 4.755 8.818 4.948 8.895C5.125 8.965 5.309 9 5.5 9C5.691 9 5.875 8.965 6.052 8.895C6.245 8.818 6.414 8.707 6.561 8.561C6.707 8.414 6.818 8.245 6.895 8.052C6.965 7.875 7 7.691 7 7.5C7 7.309 6.965 7.125 6.895 6.948C6.818 6.755 6.707 6.586 6.561 6.439C6.414 6.293 6.245 6.182 6.052 6.105C5.875 6.035 5.691 6 5.5 6C5.309 6 5.125 6.035 4.948 6.105C4.755 6.182 4.586 6.293 4.439 6.439C4.293 6.586 4.182 6.755 4.105 6.948C4.035 7.125 4 7.309 4 7.5C4 7.691 4.035 7.875 4.105 8.052Z"/></svg>
```

### React

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

export function TapeMeasureIcon(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="M8.42 3.176C8.741 3.303 9.024 3.488 9.268 3.732C9.512 3.976 9.697 4.259 9.824 4.58C9.941 4.875 10 5.182 10 5.5L10 11L11 11L11 9.5C11 9.359 11.048 9.241 11.144 9.144C11.241 9.048 11.359 9 11.5 9C11.641 9 11.759 9.048 11.856 9.144C11.952 9.241 12 9.359 12 9.5L12 11L13 11L13 9.5C13 9.359 13.048 9.241 13.144 9.144C13.241 9.048 13.359 9 13.5 9C13.641 9 13.759 9.048 13.856 9.144C13.952 9.241 14 9.359 14 9.5L14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5L15 13.5C15 13.641 14.952 13.759 14.856 13.856C14.759 13.952 14.641 14 14.5 14C14.359 14 14.241 13.952 14.144 13.856C14.048 13.759 14 13.641 14 13.5L14 12L3.5 12C3.182 12 2.875 11.941 2.58 11.824C2.259 11.697 1.976 11.512 1.732 11.268C1.488 11.024 1.303 10.741 1.176 10.42C1.059 10.125 1 9.818 1 9.5L1 5.5C1 5.182 1.059 4.875 1.176 4.58C1.303 4.259 1.488 3.976 1.732 3.732C1.976 3.488 2.259 3.303 2.58 3.176C2.875 3.059 3.182 3 3.5 3L7.5 3C7.818 3 8.125 3.059 8.42 3.176ZM9 5.5C9 5.309 8.965 5.125 8.895 4.948C8.818 4.755 8.707 4.586 8.561 4.439C8.414 4.293 8.245 4.182 8.052 4.105C7.875 4.035 7.691 4 7.5 4L3.5 4C3.309 4 3.125 4.035 2.948 4.105C2.755 4.182 2.586 4.293 2.439 4.439C2.293 4.586 2.182 4.755 2.105 4.948C2.035 5.125 2 5.309 2 5.5L2 9.5C2 9.691 2.035 9.875 2.105 10.052C2.182 10.245 2.293 10.414 2.439 10.561C2.586 10.707 2.755 10.818 2.948 10.895C3.125 10.965 3.309 11 3.5 11L9 11L9 5.5ZM3.176 6.58C3.303 6.259 3.488 5.976 3.732 5.732C3.976 5.488 4.259 5.303 4.58 5.176C4.875 5.059 5.182 5 5.5 5C5.818 5 6.125 5.059 6.42 5.176C6.741 5.303 7.024 5.488 7.268 5.732C7.512 5.976 7.697 6.259 7.824 6.58C7.941 6.875 8 7.182 8 7.5C8 7.818 7.941 8.125 7.824 8.42C7.697 8.741 7.512 9.024 7.268 9.268C7.024 9.512 6.741 9.697 6.42 9.824C6.125 9.941 5.818 10 5.5 10C5.182 10 4.875 9.941 4.58 9.824C4.259 9.697 3.976 9.512 3.732 9.268C3.488 9.024 3.303 8.741 3.176 8.42C3.059 8.125 3 7.818 3 7.5C3 7.182 3.059 6.875 3.176 6.58ZM4.105 8.052C4.182 8.245 4.293 8.414 4.439 8.561C4.586 8.707 4.755 8.818 4.948 8.895C5.125 8.965 5.309 9 5.5 9C5.691 9 5.875 8.965 6.052 8.895C6.245 8.818 6.414 8.707 6.561 8.561C6.707 8.414 6.818 8.245 6.895 8.052C6.965 7.875 7 7.691 7 7.5C7 7.309 6.965 7.125 6.895 6.948C6.818 6.755 6.707 6.586 6.561 6.439C6.414 6.293 6.245 6.182 6.052 6.105C5.875 6.035 5.691 6 5.5 6C5.309 6 5.125 6.035 4.948 6.105C4.755 6.182 4.586 6.293 4.439 6.439C4.293 6.586 4.182 6.755 4.105 6.948C4.035 7.125 4 7.309 4 7.5C4 7.691 4.035 7.875 4.105 8.052Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "tape-measure" (line-round), MIT. https://gentleface.com/icons/tape-measure -->
<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="M8.42 3.176C8.741 3.303 9.024 3.488 9.268 3.732C9.512 3.976 9.697 4.259 9.824 4.58C9.941 4.875 10 5.182 10 5.5L10 11L11 11L11 9.5C11 9.359 11.048 9.241 11.144 9.144C11.241 9.048 11.359 9 11.5 9C11.641 9 11.759 9.048 11.856 9.144C11.952 9.241 12 9.359 12 9.5L12 11L13 11L13 9.5C13 9.359 13.048 9.241 13.144 9.144C13.241 9.048 13.359 9 13.5 9C13.641 9 13.759 9.048 13.856 9.144C13.952 9.241 14 9.359 14 9.5L14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5L15 13.5C15 13.641 14.952 13.759 14.856 13.856C14.759 13.952 14.641 14 14.5 14C14.359 14 14.241 13.952 14.144 13.856C14.048 13.759 14 13.641 14 13.5L14 12L3.5 12C3.182 12 2.875 11.941 2.58 11.824C2.259 11.697 1.976 11.512 1.732 11.268C1.488 11.024 1.303 10.741 1.176 10.42C1.059 10.125 1 9.818 1 9.5L1 5.5C1 5.182 1.059 4.875 1.176 4.58C1.303 4.259 1.488 3.976 1.732 3.732C1.976 3.488 2.259 3.303 2.58 3.176C2.875 3.059 3.182 3 3.5 3L7.5 3C7.818 3 8.125 3.059 8.42 3.176ZM9 5.5C9 5.309 8.965 5.125 8.895 4.948C8.818 4.755 8.707 4.586 8.561 4.439C8.414 4.293 8.245 4.182 8.052 4.105C7.875 4.035 7.691 4 7.5 4L3.5 4C3.309 4 3.125 4.035 2.948 4.105C2.755 4.182 2.586 4.293 2.439 4.439C2.293 4.586 2.182 4.755 2.105 4.948C2.035 5.125 2 5.309 2 5.5L2 9.5C2 9.691 2.035 9.875 2.105 10.052C2.182 10.245 2.293 10.414 2.439 10.561C2.586 10.707 2.755 10.818 2.948 10.895C3.125 10.965 3.309 11 3.5 11L9 11L9 5.5ZM3.176 6.58C3.303 6.259 3.488 5.976 3.732 5.732C3.976 5.488 4.259 5.303 4.58 5.176C4.875 5.059 5.182 5 5.5 5C5.818 5 6.125 5.059 6.42 5.176C6.741 5.303 7.024 5.488 7.268 5.732C7.512 5.976 7.697 6.259 7.824 6.58C7.941 6.875 8 7.182 8 7.5C8 7.818 7.941 8.125 7.824 8.42C7.697 8.741 7.512 9.024 7.268 9.268C7.024 9.512 6.741 9.697 6.42 9.824C6.125 9.941 5.818 10 5.5 10C5.182 10 4.875 9.941 4.58 9.824C4.259 9.697 3.976 9.512 3.732 9.268C3.488 9.024 3.303 8.741 3.176 8.42C3.059 8.125 3 7.818 3 7.5C3 7.182 3.059 6.875 3.176 6.58ZM4.105 8.052C4.182 8.245 4.293 8.414 4.439 8.561C4.586 8.707 4.755 8.818 4.948 8.895C5.125 8.965 5.309 9 5.5 9C5.691 9 5.875 8.965 6.052 8.895C6.245 8.818 6.414 8.707 6.561 8.561C6.707 8.414 6.818 8.245 6.895 8.052C6.965 7.875 7 7.691 7 7.5C7 7.309 6.965 7.125 6.895 6.948C6.818 6.755 6.707 6.586 6.561 6.439C6.414 6.293 6.245 6.182 6.052 6.105C5.875 6.035 5.691 6 5.5 6C5.309 6 5.125 6.035 4.948 6.105C4.755 6.182 4.586 6.293 4.439 6.439C4.293 6.586 4.182 6.755 4.105 6.948C4.035 7.125 4 7.309 4 7.5C4 7.691 4.035 7.875 4.105 8.052Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "tape-measure" (line-round), MIT. https://gentleface.com/icons/tape-measure -->
<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="M8.42 3.176C8.741 3.303 9.024 3.488 9.268 3.732C9.512 3.976 9.697 4.259 9.824 4.58C9.941 4.875 10 5.182 10 5.5L10 11L11 11L11 9.5C11 9.359 11.048 9.241 11.144 9.144C11.241 9.048 11.359 9 11.5 9C11.641 9 11.759 9.048 11.856 9.144C11.952 9.241 12 9.359 12 9.5L12 11L13 11L13 9.5C13 9.359 13.048 9.241 13.144 9.144C13.241 9.048 13.359 9 13.5 9C13.641 9 13.759 9.048 13.856 9.144C13.952 9.241 14 9.359 14 9.5L14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5L15 13.5C15 13.641 14.952 13.759 14.856 13.856C14.759 13.952 14.641 14 14.5 14C14.359 14 14.241 13.952 14.144 13.856C14.048 13.759 14 13.641 14 13.5L14 12L3.5 12C3.182 12 2.875 11.941 2.58 11.824C2.259 11.697 1.976 11.512 1.732 11.268C1.488 11.024 1.303 10.741 1.176 10.42C1.059 10.125 1 9.818 1 9.5L1 5.5C1 5.182 1.059 4.875 1.176 4.58C1.303 4.259 1.488 3.976 1.732 3.732C1.976 3.488 2.259 3.303 2.58 3.176C2.875 3.059 3.182 3 3.5 3L7.5 3C7.818 3 8.125 3.059 8.42 3.176ZM9 5.5C9 5.309 8.965 5.125 8.895 4.948C8.818 4.755 8.707 4.586 8.561 4.439C8.414 4.293 8.245 4.182 8.052 4.105C7.875 4.035 7.691 4 7.5 4L3.5 4C3.309 4 3.125 4.035 2.948 4.105C2.755 4.182 2.586 4.293 2.439 4.439C2.293 4.586 2.182 4.755 2.105 4.948C2.035 5.125 2 5.309 2 5.5L2 9.5C2 9.691 2.035 9.875 2.105 10.052C2.182 10.245 2.293 10.414 2.439 10.561C2.586 10.707 2.755 10.818 2.948 10.895C3.125 10.965 3.309 11 3.5 11L9 11L9 5.5ZM3.176 6.58C3.303 6.259 3.488 5.976 3.732 5.732C3.976 5.488 4.259 5.303 4.58 5.176C4.875 5.059 5.182 5 5.5 5C5.818 5 6.125 5.059 6.42 5.176C6.741 5.303 7.024 5.488 7.268 5.732C7.512 5.976 7.697 6.259 7.824 6.58C7.941 6.875 8 7.182 8 7.5C8 7.818 7.941 8.125 7.824 8.42C7.697 8.741 7.512 9.024 7.268 9.268C7.024 9.512 6.741 9.697 6.42 9.824C6.125 9.941 5.818 10 5.5 10C5.182 10 4.875 9.941 4.58 9.824C4.259 9.697 3.976 9.512 3.732 9.268C3.488 9.024 3.303 8.741 3.176 8.42C3.059 8.125 3 7.818 3 7.5C3 7.182 3.059 6.875 3.176 6.58ZM4.105 8.052C4.182 8.245 4.293 8.414 4.439 8.561C4.586 8.707 4.755 8.818 4.948 8.895C5.125 8.965 5.309 9 5.5 9C5.691 9 5.875 8.965 6.052 8.895C6.245 8.818 6.414 8.707 6.561 8.561C6.707 8.414 6.818 8.245 6.895 8.052C6.965 7.875 7 7.691 7 7.5C7 7.309 6.965 7.125 6.895 6.948C6.818 6.755 6.707 6.586 6.561 6.439C6.414 6.293 6.245 6.182 6.052 6.105C5.875 6.035 5.691 6 5.5 6C5.309 6 5.125 6.035 4.948 6.105C4.755 6.182 4.586 6.293 4.439 6.439C4.293 6.586 4.182 6.755 4.105 6.948C4.035 7.125 4 7.309 4 7.5C4 7.691 4.035 7.875 4.105 8.052Z" />
</svg>
```

### HTML img

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

### CSS

```css
/* Gentleface "tape-measure" (line-round), MIT. https://gentleface.com/icons/tape-measure. Takes the text color. */
.icon-tape-measure {
  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='M8.42 3.176C8.741 3.303 9.024 3.488 9.268 3.732C9.512 3.976 9.697 4.259 9.824 4.58C9.941 4.875 10 5.182 10 5.5L10 11L11 11L11 9.5C11 9.359 11.048 9.241 11.144 9.144C11.241 9.048 11.359 9 11.5 9C11.641 9 11.759 9.048 11.856 9.144C11.952 9.241 12 9.359 12 9.5L12 11L13 11L13 9.5C13 9.359 13.048 9.241 13.144 9.144C13.241 9.048 13.359 9 13.5 9C13.641 9 13.759 9.048 13.856 9.144C13.952 9.241 14 9.359 14 9.5L14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5L15 13.5C15 13.641 14.952 13.759 14.856 13.856C14.759 13.952 14.641 14 14.5 14C14.359 14 14.241 13.952 14.144 13.856C14.048 13.759 14 13.641 14 13.5L14 12L3.5 12C3.182 12 2.875 11.941 2.58 11.824C2.259 11.697 1.976 11.512 1.732 11.268C1.488 11.024 1.303 10.741 1.176 10.42C1.059 10.125 1 9.818 1 9.5L1 5.5C1 5.182 1.059 4.875 1.176 4.58C1.303 4.259 1.488 3.976 1.732 3.732C1.976 3.488 2.259 3.303 2.58 3.176C2.875 3.059 3.182 3 3.5 3L7.5 3C7.818 3 8.125 3.059 8.42 3.176ZM9 5.5C9 5.309 8.965 5.125 8.895 4.948C8.818 4.755 8.707 4.586 8.561 4.439C8.414 4.293 8.245 4.182 8.052 4.105C7.875 4.035 7.691 4 7.5 4L3.5 4C3.309 4 3.125 4.035 2.948 4.105C2.755 4.182 2.586 4.293 2.439 4.439C2.293 4.586 2.182 4.755 2.105 4.948C2.035 5.125 2 5.309 2 5.5L2 9.5C2 9.691 2.035 9.875 2.105 10.052C2.182 10.245 2.293 10.414 2.439 10.561C2.586 10.707 2.755 10.818 2.948 10.895C3.125 10.965 3.309 11 3.5 11L9 11L9 5.5ZM3.176 6.58C3.303 6.259 3.488 5.976 3.732 5.732C3.976 5.488 4.259 5.303 4.58 5.176C4.875 5.059 5.182 5 5.5 5C5.818 5 6.125 5.059 6.42 5.176C6.741 5.303 7.024 5.488 7.268 5.732C7.512 5.976 7.697 6.259 7.824 6.58C7.941 6.875 8 7.182 8 7.5C8 7.818 7.941 8.125 7.824 8.42C7.697 8.741 7.512 9.024 7.268 9.268C7.024 9.512 6.741 9.697 6.42 9.824C6.125 9.941 5.818 10 5.5 10C5.182 10 4.875 9.941 4.58 9.824C4.259 9.697 3.976 9.512 3.732 9.268C3.488 9.024 3.303 8.741 3.176 8.42C3.059 8.125 3 7.818 3 7.5C3 7.182 3.059 6.875 3.176 6.58ZM4.105 8.052C4.182 8.245 4.293 8.414 4.439 8.561C4.586 8.707 4.755 8.818 4.948 8.895C5.125 8.965 5.309 9 5.5 9C5.691 9 5.875 8.965 6.052 8.895C6.245 8.818 6.414 8.707 6.561 8.561C6.707 8.414 6.818 8.245 6.895 8.052C6.965 7.875 7 7.691 7 7.5C7 7.309 6.965 7.125 6.895 6.948C6.818 6.755 6.707 6.586 6.561 6.439C6.414 6.293 6.245 6.182 6.052 6.105C5.875 6.035 5.691 6 5.5 6C5.309 6 5.125 6.035 4.948 6.105C4.755 6.182 4.586 6.293 4.439 6.439C4.293 6.586 4.182 6.755 4.105 6.948C4.035 7.125 4 7.309 4 7.5C4 7.691 4.035 7.875 4.105 8.052Z'/%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='M8.42 3.176C8.741 3.303 9.024 3.488 9.268 3.732C9.512 3.976 9.697 4.259 9.824 4.58C9.941 4.875 10 5.182 10 5.5L10 11L11 11L11 9.5C11 9.359 11.048 9.241 11.144 9.144C11.241 9.048 11.359 9 11.5 9C11.641 9 11.759 9.048 11.856 9.144C11.952 9.241 12 9.359 12 9.5L12 11L13 11L13 9.5C13 9.359 13.048 9.241 13.144 9.144C13.241 9.048 13.359 9 13.5 9C13.641 9 13.759 9.048 13.856 9.144C13.952 9.241 14 9.359 14 9.5L14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5L15 13.5C15 13.641 14.952 13.759 14.856 13.856C14.759 13.952 14.641 14 14.5 14C14.359 14 14.241 13.952 14.144 13.856C14.048 13.759 14 13.641 14 13.5L14 12L3.5 12C3.182 12 2.875 11.941 2.58 11.824C2.259 11.697 1.976 11.512 1.732 11.268C1.488 11.024 1.303 10.741 1.176 10.42C1.059 10.125 1 9.818 1 9.5L1 5.5C1 5.182 1.059 4.875 1.176 4.58C1.303 4.259 1.488 3.976 1.732 3.732C1.976 3.488 2.259 3.303 2.58 3.176C2.875 3.059 3.182 3 3.5 3L7.5 3C7.818 3 8.125 3.059 8.42 3.176ZM9 5.5C9 5.309 8.965 5.125 8.895 4.948C8.818 4.755 8.707 4.586 8.561 4.439C8.414 4.293 8.245 4.182 8.052 4.105C7.875 4.035 7.691 4 7.5 4L3.5 4C3.309 4 3.125 4.035 2.948 4.105C2.755 4.182 2.586 4.293 2.439 4.439C2.293 4.586 2.182 4.755 2.105 4.948C2.035 5.125 2 5.309 2 5.5L2 9.5C2 9.691 2.035 9.875 2.105 10.052C2.182 10.245 2.293 10.414 2.439 10.561C2.586 10.707 2.755 10.818 2.948 10.895C3.125 10.965 3.309 11 3.5 11L9 11L9 5.5ZM3.176 6.58C3.303 6.259 3.488 5.976 3.732 5.732C3.976 5.488 4.259 5.303 4.58 5.176C4.875 5.059 5.182 5 5.5 5C5.818 5 6.125 5.059 6.42 5.176C6.741 5.303 7.024 5.488 7.268 5.732C7.512 5.976 7.697 6.259 7.824 6.58C7.941 6.875 8 7.182 8 7.5C8 7.818 7.941 8.125 7.824 8.42C7.697 8.741 7.512 9.024 7.268 9.268C7.024 9.512 6.741 9.697 6.42 9.824C6.125 9.941 5.818 10 5.5 10C5.182 10 4.875 9.941 4.58 9.824C4.259 9.697 3.976 9.512 3.732 9.268C3.488 9.024 3.303 8.741 3.176 8.42C3.059 8.125 3 7.818 3 7.5C3 7.182 3.059 6.875 3.176 6.58ZM4.105 8.052C4.182 8.245 4.293 8.414 4.439 8.561C4.586 8.707 4.755 8.818 4.948 8.895C5.125 8.965 5.309 9 5.5 9C5.691 9 5.875 8.965 6.052 8.895C6.245 8.818 6.414 8.707 6.561 8.561C6.707 8.414 6.818 8.245 6.895 8.052C6.965 7.875 7 7.691 7 7.5C7 7.309 6.965 7.125 6.895 6.948C6.818 6.755 6.707 6.586 6.561 6.439C6.414 6.293 6.245 6.182 6.052 6.105C5.875 6.035 5.691 6 5.5 6C5.309 6 5.125 6.035 4.948 6.105C4.755 6.182 4.586 6.293 4.439 6.439C4.293 6.586 4.182 6.755 4.105 6.948C4.035 7.125 4 7.309 4 7.5C4 7.691 4.035 7.875 4.105 8.052Z'/%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='M8.42 3.176C8.741 3.303 9.024 3.488 9.268 3.732C9.512 3.976 9.697 4.259 9.824 4.58C9.941 4.875 10 5.182 10 5.5L10 11L11 11L11 9.5C11 9.359 11.048 9.241 11.144 9.144C11.241 9.048 11.359 9 11.5 9C11.641 9 11.759 9.048 11.856 9.144C11.952 9.241 12 9.359 12 9.5L12 11L13 11L13 9.5C13 9.359 13.048 9.241 13.144 9.144C13.241 9.048 13.359 9 13.5 9C13.641 9 13.759 9.048 13.856 9.144C13.952 9.241 14 9.359 14 9.5L14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5L15 13.5C15 13.641 14.952 13.759 14.856 13.856C14.759 13.952 14.641 14 14.5 14C14.359 14 14.241 13.952 14.144 13.856C14.048 13.759 14 13.641 14 13.5L14 12L3.5 12C3.182 12 2.875 11.941 2.58 11.824C2.259 11.697 1.976 11.512 1.732 11.268C1.488 11.024 1.303 10.741 1.176 10.42C1.059 10.125 1 9.818 1 9.5L1 5.5C1 5.182 1.059 4.875 1.176 4.58C1.303 4.259 1.488 3.976 1.732 3.732C1.976 3.488 2.259 3.303 2.58 3.176C2.875 3.059 3.182 3 3.5 3L7.5 3C7.818 3 8.125 3.059 8.42 3.176ZM9 5.5C9 5.309 8.965 5.125 8.895 4.948C8.818 4.755 8.707 4.586 8.561 4.439C8.414 4.293 8.245 4.182 8.052 4.105C7.875 4.035 7.691 4 7.5 4L3.5 4C3.309 4 3.125 4.035 2.948 4.105C2.755 4.182 2.586 4.293 2.439 4.439C2.293 4.586 2.182 4.755 2.105 4.948C2.035 5.125 2 5.309 2 5.5L2 9.5C2 9.691 2.035 9.875 2.105 10.052C2.182 10.245 2.293 10.414 2.439 10.561C2.586 10.707 2.755 10.818 2.948 10.895C3.125 10.965 3.309 11 3.5 11L9 11L9 5.5ZM3.176 6.58C3.303 6.259 3.488 5.976 3.732 5.732C3.976 5.488 4.259 5.303 4.58 5.176C4.875 5.059 5.182 5 5.5 5C5.818 5 6.125 5.059 6.42 5.176C6.741 5.303 7.024 5.488 7.268 5.732C7.512 5.976 7.697 6.259 7.824 6.58C7.941 6.875 8 7.182 8 7.5C8 7.818 7.941 8.125 7.824 8.42C7.697 8.741 7.512 9.024 7.268 9.268C7.024 9.512 6.741 9.697 6.42 9.824C6.125 9.941 5.818 10 5.5 10C5.182 10 4.875 9.941 4.58 9.824C4.259 9.697 3.976 9.512 3.732 9.268C3.488 9.024 3.303 8.741 3.176 8.42C3.059 8.125 3 7.818 3 7.5C3 7.182 3.059 6.875 3.176 6.58ZM4.105 8.052C4.182 8.245 4.293 8.414 4.439 8.561C4.586 8.707 4.755 8.818 4.948 8.895C5.125 8.965 5.309 9 5.5 9C5.691 9 5.875 8.965 6.052 8.895C6.245 8.818 6.414 8.707 6.561 8.561C6.707 8.414 6.818 8.245 6.895 8.052C6.965 7.875 7 7.691 7 7.5C7 7.309 6.965 7.125 6.895 6.948C6.818 6.755 6.707 6.586 6.561 6.439C6.414 6.293 6.245 6.182 6.052 6.105C5.875 6.035 5.691 6 5.5 6C5.309 6 5.125 6.035 4.948 6.105C4.755 6.182 4.586 6.293 4.439 6.439C4.293 6.586 4.182 6.755 4.105 6.948C4.035 7.125 4 7.309 4 7.5C4 7.691 4.035 7.875 4.105 8.052Z'/%3E%3C/svg%3E
```

### Sprite

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

### SwiftUI

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

struct TapeMeasureIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 8.42, y: 3.176))
        p.addCurve(to: CGPoint(x: 9.268, y: 3.732), control1: CGPoint(x: 8.741, y: 3.303), control2: CGPoint(x: 9.024, y: 3.488))
        p.addCurve(to: CGPoint(x: 9.824, y: 4.58), control1: CGPoint(x: 9.512, y: 3.976), control2: CGPoint(x: 9.697, y: 4.259))
        p.addCurve(to: CGPoint(x: 10, y: 5.5), control1: CGPoint(x: 9.941, y: 4.875), control2: CGPoint(x: 10, y: 5.182))
        p.addLine(to: CGPoint(x: 10, y: 11))
        p.addLine(to: CGPoint(x: 11, y: 11))
        p.addLine(to: CGPoint(x: 11, y: 9.5))
        p.addCurve(to: CGPoint(x: 11.144, y: 9.144), control1: CGPoint(x: 11, y: 9.359), control2: CGPoint(x: 11.048, y: 9.241))
        p.addCurve(to: CGPoint(x: 11.5, y: 9), control1: CGPoint(x: 11.241, y: 9.048), control2: CGPoint(x: 11.359, y: 9))
        p.addCurve(to: CGPoint(x: 11.856, y: 9.144), control1: CGPoint(x: 11.641, y: 9), control2: CGPoint(x: 11.759, y: 9.048))
        p.addCurve(to: CGPoint(x: 12, y: 9.5), control1: CGPoint(x: 11.952, y: 9.241), control2: CGPoint(x: 12, y: 9.359))
        p.addLine(to: CGPoint(x: 12, y: 11))
        p.addLine(to: CGPoint(x: 13, y: 11))
        p.addLine(to: CGPoint(x: 13, y: 9.5))
        p.addCurve(to: CGPoint(x: 13.144, y: 9.144), control1: CGPoint(x: 13, y: 9.359), control2: CGPoint(x: 13.048, y: 9.241))
        p.addCurve(to: CGPoint(x: 13.5, y: 9), control1: CGPoint(x: 13.241, y: 9.048), control2: CGPoint(x: 13.359, y: 9))
        p.addCurve(to: CGPoint(x: 13.856, y: 9.144), control1: CGPoint(x: 13.641, y: 9), control2: CGPoint(x: 13.759, y: 9.048))
        p.addCurve(to: CGPoint(x: 14, y: 9.5), control1: CGPoint(x: 13.952, y: 9.241), control2: CGPoint(x: 14, y: 9.359))
        p.addLine(to: CGPoint(x: 14, y: 11))
        p.addLine(to: CGPoint(x: 14.5, y: 11))
        p.addCurve(to: CGPoint(x: 14.856, y: 11.144), control1: CGPoint(x: 14.641, y: 11), control2: CGPoint(x: 14.759, y: 11.048))
        p.addCurve(to: CGPoint(x: 15, y: 11.5), control1: CGPoint(x: 14.952, y: 11.241), control2: CGPoint(x: 15, y: 11.359))
        p.addLine(to: CGPoint(x: 15, y: 13.5))
        p.addCurve(to: CGPoint(x: 14.856, y: 13.856), control1: CGPoint(x: 15, y: 13.641), control2: CGPoint(x: 14.952, y: 13.759))
        p.addCurve(to: CGPoint(x: 14.5, y: 14), control1: CGPoint(x: 14.759, y: 13.952), control2: CGPoint(x: 14.641, y: 14))
        p.addCurve(to: CGPoint(x: 14.144, y: 13.856), control1: CGPoint(x: 14.359, y: 14), control2: CGPoint(x: 14.241, y: 13.952))
        p.addCurve(to: CGPoint(x: 14, y: 13.5), control1: CGPoint(x: 14.048, y: 13.759), control2: CGPoint(x: 14, y: 13.641))
        p.addLine(to: CGPoint(x: 14, y: 12))
        p.addLine(to: CGPoint(x: 3.5, y: 12))
        p.addCurve(to: CGPoint(x: 2.58, y: 11.824), control1: CGPoint(x: 3.182, y: 12), control2: CGPoint(x: 2.875, y: 11.941))
        p.addCurve(to: CGPoint(x: 1.732, y: 11.268), control1: CGPoint(x: 2.259, y: 11.697), control2: CGPoint(x: 1.976, y: 11.512))
        p.addCurve(to: CGPoint(x: 1.176, y: 10.42), control1: CGPoint(x: 1.488, y: 11.024), control2: CGPoint(x: 1.303, y: 10.741))
        p.addCurve(to: CGPoint(x: 1, y: 9.5), control1: CGPoint(x: 1.059, y: 10.125), control2: CGPoint(x: 1, y: 9.818))
        p.addLine(to: CGPoint(x: 1, y: 5.5))
        p.addCurve(to: CGPoint(x: 1.176, y: 4.58), control1: CGPoint(x: 1, y: 5.182), control2: CGPoint(x: 1.059, y: 4.875))
        p.addCurve(to: CGPoint(x: 1.732, y: 3.732), control1: CGPoint(x: 1.303, y: 4.259), control2: CGPoint(x: 1.488, y: 3.976))
        p.addCurve(to: CGPoint(x: 2.58, y: 3.176), control1: CGPoint(x: 1.976, y: 3.488), control2: CGPoint(x: 2.259, y: 3.303))
        p.addCurve(to: CGPoint(x: 3.5, y: 3), control1: CGPoint(x: 2.875, y: 3.059), control2: CGPoint(x: 3.182, y: 3))
        p.addLine(to: CGPoint(x: 7.5, y: 3))
        p.addCurve(to: CGPoint(x: 8.42, y: 3.176), control1: CGPoint(x: 7.818, y: 3), control2: CGPoint(x: 8.125, y: 3.059))
        p.closeSubpath()
        p.move(to: CGPoint(x: 9, y: 5.5))
        p.addCurve(to: CGPoint(x: 8.895, y: 4.948), control1: CGPoint(x: 9, y: 5.309), control2: CGPoint(x: 8.965, y: 5.125))
        p.addCurve(to: CGPoint(x: 8.561, y: 4.439), control1: CGPoint(x: 8.818, y: 4.755), control2: CGPoint(x: 8.707, y: 4.586))
        p.addCurve(to: CGPoint(x: 8.052, y: 4.105), control1: CGPoint(x: 8.414, y: 4.293), control2: CGPoint(x: 8.245, y: 4.182))
        p.addCurve(to: CGPoint(x: 7.5, y: 4), control1: CGPoint(x: 7.875, y: 4.035), control2: CGPoint(x: 7.691, y: 4))
        p.addLine(to: CGPoint(x: 3.5, y: 4))
        p.addCurve(to: CGPoint(x: 2.948, y: 4.105), control1: CGPoint(x: 3.309, y: 4), control2: CGPoint(x: 3.125, y: 4.035))
        p.addCurve(to: CGPoint(x: 2.439, y: 4.439), control1: CGPoint(x: 2.755, y: 4.182), control2: CGPoint(x: 2.586, y: 4.293))
        p.addCurve(to: CGPoint(x: 2.105, y: 4.948), control1: CGPoint(x: 2.293, y: 4.586), control2: CGPoint(x: 2.182, y: 4.755))
        p.addCurve(to: CGPoint(x: 2, y: 5.5), control1: CGPoint(x: 2.035, y: 5.125), control2: CGPoint(x: 2, y: 5.309))
        p.addLine(to: CGPoint(x: 2, y: 9.5))
        p.addCurve(to: CGPoint(x: 2.105, y: 10.052), control1: CGPoint(x: 2, y: 9.691), control2: CGPoint(x: 2.035, y: 9.875))
        p.addCurve(to: CGPoint(x: 2.439, y: 10.561), control1: CGPoint(x: 2.182, y: 10.245), control2: CGPoint(x: 2.293, y: 10.414))
        p.addCurve(to: CGPoint(x: 2.948, y: 10.895), control1: CGPoint(x: 2.586, y: 10.707), control2: CGPoint(x: 2.755, y: 10.818))
        p.addCurve(to: CGPoint(x: 3.5, y: 11), control1: CGPoint(x: 3.125, y: 10.965), control2: CGPoint(x: 3.309, y: 11))
        p.addLine(to: CGPoint(x: 9, y: 11))
        p.addLine(to: CGPoint(x: 9, y: 5.5))
        p.closeSubpath()
        p.move(to: CGPoint(x: 3.176, y: 6.58))
        p.addCurve(to: CGPoint(x: 3.732, y: 5.732), control1: CGPoint(x: 3.303, y: 6.259), control2: CGPoint(x: 3.488, y: 5.976))
        p.addCurve(to: CGPoint(x: 4.58, y: 5.176), control1: CGPoint(x: 3.976, y: 5.488), control2: CGPoint(x: 4.259, y: 5.303))
        p.addCurve(to: CGPoint(x: 5.5, y: 5), control1: CGPoint(x: 4.875, y: 5.059), control2: CGPoint(x: 5.182, y: 5))
        p.addCurve(to: CGPoint(x: 6.42, y: 5.176), control1: CGPoint(x: 5.818, y: 5), control2: CGPoint(x: 6.125, y: 5.059))
        p.addCurve(to: CGPoint(x: 7.268, y: 5.732), control1: CGPoint(x: 6.741, y: 5.303), control2: CGPoint(x: 7.024, y: 5.488))
        p.addCurve(to: CGPoint(x: 7.824, y: 6.58), control1: CGPoint(x: 7.512, y: 5.976), control2: CGPoint(x: 7.697, y: 6.259))
        p.addCurve(to: CGPoint(x: 8, y: 7.5), control1: CGPoint(x: 7.941, y: 6.875), control2: CGPoint(x: 8, y: 7.182))
        p.addCurve(to: CGPoint(x: 7.824, y: 8.42), control1: CGPoint(x: 8, y: 7.818), control2: CGPoint(x: 7.941, y: 8.125))
        p.addCurve(to: CGPoint(x: 7.268, y: 9.268), control1: CGPoint(x: 7.697, y: 8.741), control2: CGPoint(x: 7.512, y: 9.024))
        p.addCurve(to: CGPoint(x: 6.42, y: 9.824), control1: CGPoint(x: 7.024, y: 9.512), control2: CGPoint(x: 6.741, y: 9.697))
        p.addCurve(to: CGPoint(x: 5.5, y: 10), control1: CGPoint(x: 6.125, y: 9.941), control2: CGPoint(x: 5.818, y: 10))
        p.addCurve(to: CGPoint(x: 4.58, y: 9.824), control1: CGPoint(x: 5.182, y: 10), control2: CGPoint(x: 4.875, y: 9.941))
        p.addCurve(to: CGPoint(x: 3.732, y: 9.268), control1: CGPoint(x: 4.259, y: 9.697), control2: CGPoint(x: 3.976, y: 9.512))
        p.addCurve(to: CGPoint(x: 3.176, y: 8.42), control1: CGPoint(x: 3.488, y: 9.024), control2: CGPoint(x: 3.303, y: 8.741))
        p.addCurve(to: CGPoint(x: 3, y: 7.5), control1: CGPoint(x: 3.059, y: 8.125), control2: CGPoint(x: 3, y: 7.818))
        p.addCurve(to: CGPoint(x: 3.176, y: 6.58), control1: CGPoint(x: 3, y: 7.182), control2: CGPoint(x: 3.059, y: 6.875))
        p.closeSubpath()
        p.move(to: CGPoint(x: 4.105, y: 8.052))
        p.addCurve(to: CGPoint(x: 4.439, y: 8.561), control1: CGPoint(x: 4.182, y: 8.245), control2: CGPoint(x: 4.293, y: 8.414))
        p.addCurve(to: CGPoint(x: 4.948, y: 8.895), control1: CGPoint(x: 4.586, y: 8.707), control2: CGPoint(x: 4.755, y: 8.818))
        p.addCurve(to: CGPoint(x: 5.5, y: 9), control1: CGPoint(x: 5.125, y: 8.965), control2: CGPoint(x: 5.309, y: 9))
        p.addCurve(to: CGPoint(x: 6.052, y: 8.895), control1: CGPoint(x: 5.691, y: 9), control2: CGPoint(x: 5.875, y: 8.965))
        p.addCurve(to: CGPoint(x: 6.561, y: 8.561), control1: CGPoint(x: 6.245, y: 8.818), control2: CGPoint(x: 6.414, y: 8.707))
        p.addCurve(to: CGPoint(x: 6.895, y: 8.052), control1: CGPoint(x: 6.707, y: 8.414), control2: CGPoint(x: 6.818, y: 8.245))
        p.addCurve(to: CGPoint(x: 7, y: 7.5), control1: CGPoint(x: 6.965, y: 7.875), control2: CGPoint(x: 7, y: 7.691))
        p.addCurve(to: CGPoint(x: 6.895, y: 6.948), control1: CGPoint(x: 7, y: 7.309), control2: CGPoint(x: 6.965, y: 7.125))
        p.addCurve(to: CGPoint(x: 6.561, y: 6.439), control1: CGPoint(x: 6.818, y: 6.755), control2: CGPoint(x: 6.707, y: 6.586))
        p.addCurve(to: CGPoint(x: 6.052, y: 6.105), control1: CGPoint(x: 6.414, y: 6.293), control2: CGPoint(x: 6.245, y: 6.182))
        p.addCurve(to: CGPoint(x: 5.5, y: 6), control1: CGPoint(x: 5.875, y: 6.035), control2: CGPoint(x: 5.691, y: 6))
        p.addCurve(to: CGPoint(x: 4.948, y: 6.105), control1: CGPoint(x: 5.309, y: 6), control2: CGPoint(x: 5.125, y: 6.035))
        p.addCurve(to: CGPoint(x: 4.439, y: 6.439), control1: CGPoint(x: 4.755, y: 6.182), control2: CGPoint(x: 4.586, y: 6.293))
        p.addCurve(to: CGPoint(x: 4.105, y: 6.948), control1: CGPoint(x: 4.293, y: 6.586), control2: CGPoint(x: 4.182, y: 6.755))
        p.addCurve(to: CGPoint(x: 4, y: 7.5), control1: CGPoint(x: 4.035, y: 7.125), control2: CGPoint(x: 4, y: 7.309))
        p.addCurve(to: CGPoint(x: 4.105, y: 8.052), control1: CGPoint(x: 4, y: 7.691), control2: CGPoint(x: 4.035, y: 7.875))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "tape-measure" (line-round), MIT. https://gentleface.com/icons/tape-measure
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 TapeMeasureIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "tape-measure", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M8.42 3.176C8.741 3.303 9.024 3.488 9.268 3.732C9.512 3.976 9.697 4.259 9.824 4.58C9.941 4.875 10 5.182 10 5.5L10 11L11 11L11 9.5C11 9.359 11.048 9.241 11.144 9.144C11.241 9.048 11.359 9 11.5 9C11.641 9 11.759 9.048 11.856 9.144C11.952 9.241 12 9.359 12 9.5L12 11L13 11L13 9.5C13 9.359 13.048 9.241 13.144 9.144C13.241 9.048 13.359 9 13.5 9C13.641 9 13.759 9.048 13.856 9.144C13.952 9.241 14 9.359 14 9.5L14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5L15 13.5C15 13.641 14.952 13.759 14.856 13.856C14.759 13.952 14.641 14 14.5 14C14.359 14 14.241 13.952 14.144 13.856C14.048 13.759 14 13.641 14 13.5L14 12L3.5 12C3.182 12 2.875 11.941 2.58 11.824C2.259 11.697 1.976 11.512 1.732 11.268C1.488 11.024 1.303 10.741 1.176 10.42C1.059 10.125 1 9.818 1 9.5L1 5.5C1 5.182 1.059 4.875 1.176 4.58C1.303 4.259 1.488 3.976 1.732 3.732C1.976 3.488 2.259 3.303 2.58 3.176C2.875 3.059 3.182 3 3.5 3L7.5 3C7.818 3 8.125 3.059 8.42 3.176ZM9 5.5C9 5.309 8.965 5.125 8.895 4.948C8.818 4.755 8.707 4.586 8.561 4.439C8.414 4.293 8.245 4.182 8.052 4.105C7.875 4.035 7.691 4 7.5 4L3.5 4C3.309 4 3.125 4.035 2.948 4.105C2.755 4.182 2.586 4.293 2.439 4.439C2.293 4.586 2.182 4.755 2.105 4.948C2.035 5.125 2 5.309 2 5.5L2 9.5C2 9.691 2.035 9.875 2.105 10.052C2.182 10.245 2.293 10.414 2.439 10.561C2.586 10.707 2.755 10.818 2.948 10.895C3.125 10.965 3.309 11 3.5 11L9 11L9 5.5ZM3.176 6.58C3.303 6.259 3.488 5.976 3.732 5.732C3.976 5.488 4.259 5.303 4.58 5.176C4.875 5.059 5.182 5 5.5 5C5.818 5 6.125 5.059 6.42 5.176C6.741 5.303 7.024 5.488 7.268 5.732C7.512 5.976 7.697 6.259 7.824 6.58C7.941 6.875 8 7.182 8 7.5C8 7.818 7.941 8.125 7.824 8.42C7.697 8.741 7.512 9.024 7.268 9.268C7.024 9.512 6.741 9.697 6.42 9.824C6.125 9.941 5.818 10 5.5 10C5.182 10 4.875 9.941 4.58 9.824C4.259 9.697 3.976 9.512 3.732 9.268C3.488 9.024 3.303 8.741 3.176 8.42C3.059 8.125 3 7.818 3 7.5C3 7.182 3.059 6.875 3.176 6.58ZM4.105 8.052C4.182 8.245 4.293 8.414 4.439 8.561C4.586 8.707 4.755 8.818 4.948 8.895C5.125 8.965 5.309 9 5.5 9C5.691 9 5.875 8.965 6.052 8.895C6.245 8.818 6.414 8.707 6.561 8.561C6.707 8.414 6.818 8.245 6.895 8.052C6.965 7.875 7 7.691 7 7.5C7 7.309 6.965 7.125 6.895 6.948C6.818 6.755 6.707 6.586 6.561 6.439C6.414 6.293 6.245 6.182 6.052 6.105C5.875 6.035 5.691 6 5.5 6C5.309 6 5.125 6.035 4.948 6.105C4.755 6.182 4.586 6.293 4.439 6.439C4.293 6.586 4.182 6.755 4.105 6.948C4.035 7.125 4 7.309 4 7.5C4 7.691 4.035 7.875 4.105 8.052Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_tape_measure.xml · Gentleface "tape-measure" (line-round), MIT. https://gentleface.com/icons/tape-measure -->
<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="M8.42 3.176C8.741 3.303 9.024 3.488 9.268 3.732C9.512 3.976 9.697 4.259 9.824 4.58C9.941 4.875 10 5.182 10 5.5L10 11L11 11L11 9.5C11 9.359 11.048 9.241 11.144 9.144C11.241 9.048 11.359 9 11.5 9C11.641 9 11.759 9.048 11.856 9.144C11.952 9.241 12 9.359 12 9.5L12 11L13 11L13 9.5C13 9.359 13.048 9.241 13.144 9.144C13.241 9.048 13.359 9 13.5 9C13.641 9 13.759 9.048 13.856 9.144C13.952 9.241 14 9.359 14 9.5L14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5L15 13.5C15 13.641 14.952 13.759 14.856 13.856C14.759 13.952 14.641 14 14.5 14C14.359 14 14.241 13.952 14.144 13.856C14.048 13.759 14 13.641 14 13.5L14 12L3.5 12C3.182 12 2.875 11.941 2.58 11.824C2.259 11.697 1.976 11.512 1.732 11.268C1.488 11.024 1.303 10.741 1.176 10.42C1.059 10.125 1 9.818 1 9.5L1 5.5C1 5.182 1.059 4.875 1.176 4.58C1.303 4.259 1.488 3.976 1.732 3.732C1.976 3.488 2.259 3.303 2.58 3.176C2.875 3.059 3.182 3 3.5 3L7.5 3C7.818 3 8.125 3.059 8.42 3.176ZM9 5.5C9 5.309 8.965 5.125 8.895 4.948C8.818 4.755 8.707 4.586 8.561 4.439C8.414 4.293 8.245 4.182 8.052 4.105C7.875 4.035 7.691 4 7.5 4L3.5 4C3.309 4 3.125 4.035 2.948 4.105C2.755 4.182 2.586 4.293 2.439 4.439C2.293 4.586 2.182 4.755 2.105 4.948C2.035 5.125 2 5.309 2 5.5L2 9.5C2 9.691 2.035 9.875 2.105 10.052C2.182 10.245 2.293 10.414 2.439 10.561C2.586 10.707 2.755 10.818 2.948 10.895C3.125 10.965 3.309 11 3.5 11L9 11L9 5.5ZM3.176 6.58C3.303 6.259 3.488 5.976 3.732 5.732C3.976 5.488 4.259 5.303 4.58 5.176C4.875 5.059 5.182 5 5.5 5C5.818 5 6.125 5.059 6.42 5.176C6.741 5.303 7.024 5.488 7.268 5.732C7.512 5.976 7.697 6.259 7.824 6.58C7.941 6.875 8 7.182 8 7.5C8 7.818 7.941 8.125 7.824 8.42C7.697 8.741 7.512 9.024 7.268 9.268C7.024 9.512 6.741 9.697 6.42 9.824C6.125 9.941 5.818 10 5.5 10C5.182 10 4.875 9.941 4.58 9.824C4.259 9.697 3.976 9.512 3.732 9.268C3.488 9.024 3.303 8.741 3.176 8.42C3.059 8.125 3 7.818 3 7.5C3 7.182 3.059 6.875 3.176 6.58ZM4.105 8.052C4.182 8.245 4.293 8.414 4.439 8.561C4.586 8.707 4.755 8.818 4.948 8.895C5.125 8.965 5.309 9 5.5 9C5.691 9 5.875 8.965 6.052 8.895C6.245 8.818 6.414 8.707 6.561 8.561C6.707 8.414 6.818 8.245 6.895 8.052C6.965 7.875 7 7.691 7 7.5C7 7.309 6.965 7.125 6.895 6.948C6.818 6.755 6.707 6.586 6.561 6.439C6.414 6.293 6.245 6.182 6.052 6.105C5.875 6.035 5.691 6 5.5 6C5.309 6 5.125 6.035 4.948 6.105C4.755 6.182 4.586 6.293 4.439 6.439C4.293 6.586 4.182 6.755 4.105 6.948C4.035 7.125 4 7.309 4 7.5C4 7.691 4.035 7.875 4.105 8.052Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(8.42, 3.176)
      ..cubicTo(8.741, 3.303, 9.024, 3.488, 9.268, 3.732)
      ..cubicTo(9.512, 3.976, 9.697, 4.259, 9.824, 4.58)
      ..cubicTo(9.941, 4.875, 10, 5.182, 10, 5.5)
      ..lineTo(10, 11)
      ..lineTo(11, 11)
      ..lineTo(11, 9.5)
      ..cubicTo(11, 9.359, 11.048, 9.241, 11.144, 9.144)
      ..cubicTo(11.241, 9.048, 11.359, 9, 11.5, 9)
      ..cubicTo(11.641, 9, 11.759, 9.048, 11.856, 9.144)
      ..cubicTo(11.952, 9.241, 12, 9.359, 12, 9.5)
      ..lineTo(12, 11)
      ..lineTo(13, 11)
      ..lineTo(13, 9.5)
      ..cubicTo(13, 9.359, 13.048, 9.241, 13.144, 9.144)
      ..cubicTo(13.241, 9.048, 13.359, 9, 13.5, 9)
      ..cubicTo(13.641, 9, 13.759, 9.048, 13.856, 9.144)
      ..cubicTo(13.952, 9.241, 14, 9.359, 14, 9.5)
      ..lineTo(14, 11)
      ..lineTo(14.5, 11)
      ..cubicTo(14.641, 11, 14.759, 11.048, 14.856, 11.144)
      ..cubicTo(14.952, 11.241, 15, 11.359, 15, 11.5)
      ..lineTo(15, 13.5)
      ..cubicTo(15, 13.641, 14.952, 13.759, 14.856, 13.856)
      ..cubicTo(14.759, 13.952, 14.641, 14, 14.5, 14)
      ..cubicTo(14.359, 14, 14.241, 13.952, 14.144, 13.856)
      ..cubicTo(14.048, 13.759, 14, 13.641, 14, 13.5)
      ..lineTo(14, 12)
      ..lineTo(3.5, 12)
      ..cubicTo(3.182, 12, 2.875, 11.941, 2.58, 11.824)
      ..cubicTo(2.259, 11.697, 1.976, 11.512, 1.732, 11.268)
      ..cubicTo(1.488, 11.024, 1.303, 10.741, 1.176, 10.42)
      ..cubicTo(1.059, 10.125, 1, 9.818, 1, 9.5)
      ..lineTo(1, 5.5)
      ..cubicTo(1, 5.182, 1.059, 4.875, 1.176, 4.58)
      ..cubicTo(1.303, 4.259, 1.488, 3.976, 1.732, 3.732)
      ..cubicTo(1.976, 3.488, 2.259, 3.303, 2.58, 3.176)
      ..cubicTo(2.875, 3.059, 3.182, 3, 3.5, 3)
      ..lineTo(7.5, 3)
      ..cubicTo(7.818, 3, 8.125, 3.059, 8.42, 3.176)
      ..close()
      ..moveTo(9, 5.5)
      ..cubicTo(9, 5.309, 8.965, 5.125, 8.895, 4.948)
      ..cubicTo(8.818, 4.755, 8.707, 4.586, 8.561, 4.439)
      ..cubicTo(8.414, 4.293, 8.245, 4.182, 8.052, 4.105)
      ..cubicTo(7.875, 4.035, 7.691, 4, 7.5, 4)
      ..lineTo(3.5, 4)
      ..cubicTo(3.309, 4, 3.125, 4.035, 2.948, 4.105)
      ..cubicTo(2.755, 4.182, 2.586, 4.293, 2.439, 4.439)
      ..cubicTo(2.293, 4.586, 2.182, 4.755, 2.105, 4.948)
      ..cubicTo(2.035, 5.125, 2, 5.309, 2, 5.5)
      ..lineTo(2, 9.5)
      ..cubicTo(2, 9.691, 2.035, 9.875, 2.105, 10.052)
      ..cubicTo(2.182, 10.245, 2.293, 10.414, 2.439, 10.561)
      ..cubicTo(2.586, 10.707, 2.755, 10.818, 2.948, 10.895)
      ..cubicTo(3.125, 10.965, 3.309, 11, 3.5, 11)
      ..lineTo(9, 11)
      ..lineTo(9, 5.5)
      ..close()
      ..moveTo(3.176, 6.58)
      ..cubicTo(3.303, 6.259, 3.488, 5.976, 3.732, 5.732)
      ..cubicTo(3.976, 5.488, 4.259, 5.303, 4.58, 5.176)
      ..cubicTo(4.875, 5.059, 5.182, 5, 5.5, 5)
      ..cubicTo(5.818, 5, 6.125, 5.059, 6.42, 5.176)
      ..cubicTo(6.741, 5.303, 7.024, 5.488, 7.268, 5.732)
      ..cubicTo(7.512, 5.976, 7.697, 6.259, 7.824, 6.58)
      ..cubicTo(7.941, 6.875, 8, 7.182, 8, 7.5)
      ..cubicTo(8, 7.818, 7.941, 8.125, 7.824, 8.42)
      ..cubicTo(7.697, 8.741, 7.512, 9.024, 7.268, 9.268)
      ..cubicTo(7.024, 9.512, 6.741, 9.697, 6.42, 9.824)
      ..cubicTo(6.125, 9.941, 5.818, 10, 5.5, 10)
      ..cubicTo(5.182, 10, 4.875, 9.941, 4.58, 9.824)
      ..cubicTo(4.259, 9.697, 3.976, 9.512, 3.732, 9.268)
      ..cubicTo(3.488, 9.024, 3.303, 8.741, 3.176, 8.42)
      ..cubicTo(3.059, 8.125, 3, 7.818, 3, 7.5)
      ..cubicTo(3, 7.182, 3.059, 6.875, 3.176, 6.58)
      ..close()
      ..moveTo(4.105, 8.052)
      ..cubicTo(4.182, 8.245, 4.293, 8.414, 4.439, 8.561)
      ..cubicTo(4.586, 8.707, 4.755, 8.818, 4.948, 8.895)
      ..cubicTo(5.125, 8.965, 5.309, 9, 5.5, 9)
      ..cubicTo(5.691, 9, 5.875, 8.965, 6.052, 8.895)
      ..cubicTo(6.245, 8.818, 6.414, 8.707, 6.561, 8.561)
      ..cubicTo(6.707, 8.414, 6.818, 8.245, 6.895, 8.052)
      ..cubicTo(6.965, 7.875, 7, 7.691, 7, 7.5)
      ..cubicTo(7, 7.309, 6.965, 7.125, 6.895, 6.948)
      ..cubicTo(6.818, 6.755, 6.707, 6.586, 6.561, 6.439)
      ..cubicTo(6.414, 6.293, 6.245, 6.182, 6.052, 6.105)
      ..cubicTo(5.875, 6.035, 5.691, 6, 5.5, 6)
      ..cubicTo(5.309, 6, 5.125, 6.035, 4.948, 6.105)
      ..cubicTo(4.755, 6.182, 4.586, 6.293, 4.439, 6.439)
      ..cubicTo(4.293, 6.586, 4.182, 6.755, 4.105, 6.948)
      ..cubicTo(4.035, 7.125, 4, 7.309, 4, 7.5)
      ..cubicTo(4, 7.691, 4.035, 7.875, 4.105, 8.052)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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