# icon-set icon

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

- Category: Layout & interface
- Use it for: icon set, icons, icon pack, icon library
- Tags: icons, icon set, icon pack, icon library, glyphs, symbols, pictograms, shapes, assets, ui kit
- Component name: IconSetIcon
- 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/icon-set.svg · PNG https://gentleface.com/png/line-round/16/icon-set.png · https://gentleface.com/png/line-round/32/icon-set.png · https://gentleface.com/png/line-round/48/icon-set.png
- line-soft: https://gentleface.com/svg/line-soft/16/icon-set.svg · PNG https://gentleface.com/png/line-soft/16/icon-set.png · https://gentleface.com/png/line-soft/32/icon-set.png · https://gentleface.com/png/line-soft/48/icon-set.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/icon-set.svg · PNG https://gentleface.com/png/line-sharp/16/icon-set.png · https://gentleface.com/png/line-sharp/32/icon-set.png · https://gentleface.com/png/line-sharp/48/icon-set.png
- solid-round: https://gentleface.com/svg/solid-round/16/icon-set.svg · PNG https://gentleface.com/png/solid-round/16/icon-set.png · https://gentleface.com/png/solid-round/32/icon-set.png · https://gentleface.com/png/solid-round/48/icon-set.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/icon-set.svg · PNG https://gentleface.com/png/solid-soft/16/icon-set.png · https://gentleface.com/png/solid-soft/32/icon-set.png · https://gentleface.com/png/solid-soft/48/icon-set.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/icon-set.svg · PNG https://gentleface.com/png/solid-sharp/16/icon-set.png · https://gentleface.com/png/solid-sharp/32/icon-set.png · https://gentleface.com/png/solid-sharp/48/icon-set.png

The SVG of every style: https://gentleface.com/icons/icon-set.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="M1.458 7.526C1.361 7.368 1.311 7.196 1.309 7.01C1.307 6.849 1.343 6.697 1.415 6.553L4.053 1.276C4.116 1.15 4.212 1.066 4.341 1.023C4.47 0.98 4.598 0.99 4.724 1.053C4.823 1.102 4.898 1.177 4.947 1.276L7.585 6.553C7.657 6.697 7.693 6.849 7.691 7.01C7.689 7.196 7.639 7.368 7.542 7.526C7.444 7.684 7.312 7.805 7.147 7.89C7.004 7.963 6.852 8 6.691 8L2.309 8C2.148 8 1.996 7.963 1.853 7.89C1.688 7.805 1.556 7.684 1.458 7.526ZM14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L13 5L13 6.5C13 6.641 12.952 6.759 12.856 6.856C12.759 6.952 12.641 7 12.5 7C12.359 7 12.241 6.952 12.144 6.856C12.048 6.759 12 6.641 12 6.5L12 5L10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5C10 4.359 10.048 4.241 10.144 4.144C10.241 4.048 10.359 4 10.5 4L12 4L12 2.5C12 2.359 12.048 2.241 12.144 2.144C12.241 2.048 12.359 2 12.5 2C12.641 2 12.759 2.048 12.856 2.144C12.952 2.241 13 2.359 13 2.5L13 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144ZM4.5 2.618L2.309 7L6.691 7L4.5 2.618ZM1.879 9.879C2.172 9.586 2.511 9.363 2.896 9.211C3.25 9.07 3.619 9 4 9C4.381 9 4.75 9.07 5.104 9.211C5.489 9.363 5.828 9.586 6.121 9.879C6.414 10.172 6.637 10.511 6.789 10.896C6.93 11.25 7 11.619 7 12C7 12.381 6.93 12.75 6.789 13.104C6.637 13.489 6.414 13.828 6.121 14.121C5.828 14.414 5.489 14.637 5.104 14.789C4.75 14.93 4.381 15 4 15C3.619 15 3.25 14.93 2.896 14.789C2.511 14.637 2.172 14.414 1.879 14.121C1.586 13.828 1.363 13.489 1.211 13.104C1.07 12.75 1 12.381 1 12C1 11.619 1.07 11.25 1.211 10.896C1.363 10.511 1.586 10.172 1.879 9.879ZM15 10L15 14C15 14.276 14.902 14.512 14.707 14.707C14.512 14.902 14.276 15 14 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 10C9 9.724 9.098 9.488 9.293 9.293C9.488 9.098 9.724 9 10 9L14 9C14.276 9 14.512 9.098 14.707 9.293C14.902 9.488 15 9.724 15 10ZM2.586 13.414C2.781 13.609 3.007 13.758 3.264 13.86C3.5 13.953 3.746 14 4 14C4.254 14 4.5 13.953 4.736 13.86C4.993 13.758 5.219 13.609 5.414 13.414C5.609 13.219 5.758 12.993 5.86 12.736C5.953 12.5 6 12.254 6 12C6 11.746 5.953 11.5 5.86 11.264C5.758 11.007 5.609 10.781 5.414 10.586C5.219 10.391 4.993 10.242 4.736 10.14C4.5 10.047 4.254 10 4 10C3.746 10 3.5 10.047 3.264 10.14C3.007 10.242 2.781 10.391 2.586 10.586C2.391 10.781 2.242 11.007 2.14 11.264C2.047 11.5 2 11.746 2 12C2 12.254 2.047 12.5 2.14 12.736C2.242 12.993 2.391 13.219 2.586 13.414ZM14 14L14 10L10 10L10 14L14 14Z"/></svg>
```

### React

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

export function IconSetIcon(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="M1.458 7.526C1.361 7.368 1.311 7.196 1.309 7.01C1.307 6.849 1.343 6.697 1.415 6.553L4.053 1.276C4.116 1.15 4.212 1.066 4.341 1.023C4.47 0.98 4.598 0.99 4.724 1.053C4.823 1.102 4.898 1.177 4.947 1.276L7.585 6.553C7.657 6.697 7.693 6.849 7.691 7.01C7.689 7.196 7.639 7.368 7.542 7.526C7.444 7.684 7.312 7.805 7.147 7.89C7.004 7.963 6.852 8 6.691 8L2.309 8C2.148 8 1.996 7.963 1.853 7.89C1.688 7.805 1.556 7.684 1.458 7.526ZM14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L13 5L13 6.5C13 6.641 12.952 6.759 12.856 6.856C12.759 6.952 12.641 7 12.5 7C12.359 7 12.241 6.952 12.144 6.856C12.048 6.759 12 6.641 12 6.5L12 5L10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5C10 4.359 10.048 4.241 10.144 4.144C10.241 4.048 10.359 4 10.5 4L12 4L12 2.5C12 2.359 12.048 2.241 12.144 2.144C12.241 2.048 12.359 2 12.5 2C12.641 2 12.759 2.048 12.856 2.144C12.952 2.241 13 2.359 13 2.5L13 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144ZM4.5 2.618L2.309 7L6.691 7L4.5 2.618ZM1.879 9.879C2.172 9.586 2.511 9.363 2.896 9.211C3.25 9.07 3.619 9 4 9C4.381 9 4.75 9.07 5.104 9.211C5.489 9.363 5.828 9.586 6.121 9.879C6.414 10.172 6.637 10.511 6.789 10.896C6.93 11.25 7 11.619 7 12C7 12.381 6.93 12.75 6.789 13.104C6.637 13.489 6.414 13.828 6.121 14.121C5.828 14.414 5.489 14.637 5.104 14.789C4.75 14.93 4.381 15 4 15C3.619 15 3.25 14.93 2.896 14.789C2.511 14.637 2.172 14.414 1.879 14.121C1.586 13.828 1.363 13.489 1.211 13.104C1.07 12.75 1 12.381 1 12C1 11.619 1.07 11.25 1.211 10.896C1.363 10.511 1.586 10.172 1.879 9.879ZM15 10L15 14C15 14.276 14.902 14.512 14.707 14.707C14.512 14.902 14.276 15 14 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 10C9 9.724 9.098 9.488 9.293 9.293C9.488 9.098 9.724 9 10 9L14 9C14.276 9 14.512 9.098 14.707 9.293C14.902 9.488 15 9.724 15 10ZM2.586 13.414C2.781 13.609 3.007 13.758 3.264 13.86C3.5 13.953 3.746 14 4 14C4.254 14 4.5 13.953 4.736 13.86C4.993 13.758 5.219 13.609 5.414 13.414C5.609 13.219 5.758 12.993 5.86 12.736C5.953 12.5 6 12.254 6 12C6 11.746 5.953 11.5 5.86 11.264C5.758 11.007 5.609 10.781 5.414 10.586C5.219 10.391 4.993 10.242 4.736 10.14C4.5 10.047 4.254 10 4 10C3.746 10 3.5 10.047 3.264 10.14C3.007 10.242 2.781 10.391 2.586 10.586C2.391 10.781 2.242 11.007 2.14 11.264C2.047 11.5 2 11.746 2 12C2 12.254 2.047 12.5 2.14 12.736C2.242 12.993 2.391 13.219 2.586 13.414ZM14 14L14 10L10 10L10 14L14 14Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "icon-set" (line-round), MIT. https://gentleface.com/icons/icon-set -->
<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="M1.458 7.526C1.361 7.368 1.311 7.196 1.309 7.01C1.307 6.849 1.343 6.697 1.415 6.553L4.053 1.276C4.116 1.15 4.212 1.066 4.341 1.023C4.47 0.98 4.598 0.99 4.724 1.053C4.823 1.102 4.898 1.177 4.947 1.276L7.585 6.553C7.657 6.697 7.693 6.849 7.691 7.01C7.689 7.196 7.639 7.368 7.542 7.526C7.444 7.684 7.312 7.805 7.147 7.89C7.004 7.963 6.852 8 6.691 8L2.309 8C2.148 8 1.996 7.963 1.853 7.89C1.688 7.805 1.556 7.684 1.458 7.526ZM14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L13 5L13 6.5C13 6.641 12.952 6.759 12.856 6.856C12.759 6.952 12.641 7 12.5 7C12.359 7 12.241 6.952 12.144 6.856C12.048 6.759 12 6.641 12 6.5L12 5L10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5C10 4.359 10.048 4.241 10.144 4.144C10.241 4.048 10.359 4 10.5 4L12 4L12 2.5C12 2.359 12.048 2.241 12.144 2.144C12.241 2.048 12.359 2 12.5 2C12.641 2 12.759 2.048 12.856 2.144C12.952 2.241 13 2.359 13 2.5L13 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144ZM4.5 2.618L2.309 7L6.691 7L4.5 2.618ZM1.879 9.879C2.172 9.586 2.511 9.363 2.896 9.211C3.25 9.07 3.619 9 4 9C4.381 9 4.75 9.07 5.104 9.211C5.489 9.363 5.828 9.586 6.121 9.879C6.414 10.172 6.637 10.511 6.789 10.896C6.93 11.25 7 11.619 7 12C7 12.381 6.93 12.75 6.789 13.104C6.637 13.489 6.414 13.828 6.121 14.121C5.828 14.414 5.489 14.637 5.104 14.789C4.75 14.93 4.381 15 4 15C3.619 15 3.25 14.93 2.896 14.789C2.511 14.637 2.172 14.414 1.879 14.121C1.586 13.828 1.363 13.489 1.211 13.104C1.07 12.75 1 12.381 1 12C1 11.619 1.07 11.25 1.211 10.896C1.363 10.511 1.586 10.172 1.879 9.879ZM15 10L15 14C15 14.276 14.902 14.512 14.707 14.707C14.512 14.902 14.276 15 14 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 10C9 9.724 9.098 9.488 9.293 9.293C9.488 9.098 9.724 9 10 9L14 9C14.276 9 14.512 9.098 14.707 9.293C14.902 9.488 15 9.724 15 10ZM2.586 13.414C2.781 13.609 3.007 13.758 3.264 13.86C3.5 13.953 3.746 14 4 14C4.254 14 4.5 13.953 4.736 13.86C4.993 13.758 5.219 13.609 5.414 13.414C5.609 13.219 5.758 12.993 5.86 12.736C5.953 12.5 6 12.254 6 12C6 11.746 5.953 11.5 5.86 11.264C5.758 11.007 5.609 10.781 5.414 10.586C5.219 10.391 4.993 10.242 4.736 10.14C4.5 10.047 4.254 10 4 10C3.746 10 3.5 10.047 3.264 10.14C3.007 10.242 2.781 10.391 2.586 10.586C2.391 10.781 2.242 11.007 2.14 11.264C2.047 11.5 2 11.746 2 12C2 12.254 2.047 12.5 2.14 12.736C2.242 12.993 2.391 13.219 2.586 13.414ZM14 14L14 10L10 10L10 14L14 14Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "icon-set" (line-round), MIT. https://gentleface.com/icons/icon-set -->
<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="M1.458 7.526C1.361 7.368 1.311 7.196 1.309 7.01C1.307 6.849 1.343 6.697 1.415 6.553L4.053 1.276C4.116 1.15 4.212 1.066 4.341 1.023C4.47 0.98 4.598 0.99 4.724 1.053C4.823 1.102 4.898 1.177 4.947 1.276L7.585 6.553C7.657 6.697 7.693 6.849 7.691 7.01C7.689 7.196 7.639 7.368 7.542 7.526C7.444 7.684 7.312 7.805 7.147 7.89C7.004 7.963 6.852 8 6.691 8L2.309 8C2.148 8 1.996 7.963 1.853 7.89C1.688 7.805 1.556 7.684 1.458 7.526ZM14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L13 5L13 6.5C13 6.641 12.952 6.759 12.856 6.856C12.759 6.952 12.641 7 12.5 7C12.359 7 12.241 6.952 12.144 6.856C12.048 6.759 12 6.641 12 6.5L12 5L10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5C10 4.359 10.048 4.241 10.144 4.144C10.241 4.048 10.359 4 10.5 4L12 4L12 2.5C12 2.359 12.048 2.241 12.144 2.144C12.241 2.048 12.359 2 12.5 2C12.641 2 12.759 2.048 12.856 2.144C12.952 2.241 13 2.359 13 2.5L13 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144ZM4.5 2.618L2.309 7L6.691 7L4.5 2.618ZM1.879 9.879C2.172 9.586 2.511 9.363 2.896 9.211C3.25 9.07 3.619 9 4 9C4.381 9 4.75 9.07 5.104 9.211C5.489 9.363 5.828 9.586 6.121 9.879C6.414 10.172 6.637 10.511 6.789 10.896C6.93 11.25 7 11.619 7 12C7 12.381 6.93 12.75 6.789 13.104C6.637 13.489 6.414 13.828 6.121 14.121C5.828 14.414 5.489 14.637 5.104 14.789C4.75 14.93 4.381 15 4 15C3.619 15 3.25 14.93 2.896 14.789C2.511 14.637 2.172 14.414 1.879 14.121C1.586 13.828 1.363 13.489 1.211 13.104C1.07 12.75 1 12.381 1 12C1 11.619 1.07 11.25 1.211 10.896C1.363 10.511 1.586 10.172 1.879 9.879ZM15 10L15 14C15 14.276 14.902 14.512 14.707 14.707C14.512 14.902 14.276 15 14 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 10C9 9.724 9.098 9.488 9.293 9.293C9.488 9.098 9.724 9 10 9L14 9C14.276 9 14.512 9.098 14.707 9.293C14.902 9.488 15 9.724 15 10ZM2.586 13.414C2.781 13.609 3.007 13.758 3.264 13.86C3.5 13.953 3.746 14 4 14C4.254 14 4.5 13.953 4.736 13.86C4.993 13.758 5.219 13.609 5.414 13.414C5.609 13.219 5.758 12.993 5.86 12.736C5.953 12.5 6 12.254 6 12C6 11.746 5.953 11.5 5.86 11.264C5.758 11.007 5.609 10.781 5.414 10.586C5.219 10.391 4.993 10.242 4.736 10.14C4.5 10.047 4.254 10 4 10C3.746 10 3.5 10.047 3.264 10.14C3.007 10.242 2.781 10.391 2.586 10.586C2.391 10.781 2.242 11.007 2.14 11.264C2.047 11.5 2 11.746 2 12C2 12.254 2.047 12.5 2.14 12.736C2.242 12.993 2.391 13.219 2.586 13.414ZM14 14L14 10L10 10L10 14L14 14Z" />
</svg>
```

### HTML img

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

### CSS

```css
/* Gentleface "icon-set" (line-round), MIT. https://gentleface.com/icons/icon-set. Takes the text color. */
.icon-icon-set {
  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='M1.458 7.526C1.361 7.368 1.311 7.196 1.309 7.01C1.307 6.849 1.343 6.697 1.415 6.553L4.053 1.276C4.116 1.15 4.212 1.066 4.341 1.023C4.47 0.98 4.598 0.99 4.724 1.053C4.823 1.102 4.898 1.177 4.947 1.276L7.585 6.553C7.657 6.697 7.693 6.849 7.691 7.01C7.689 7.196 7.639 7.368 7.542 7.526C7.444 7.684 7.312 7.805 7.147 7.89C7.004 7.963 6.852 8 6.691 8L2.309 8C2.148 8 1.996 7.963 1.853 7.89C1.688 7.805 1.556 7.684 1.458 7.526ZM14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L13 5L13 6.5C13 6.641 12.952 6.759 12.856 6.856C12.759 6.952 12.641 7 12.5 7C12.359 7 12.241 6.952 12.144 6.856C12.048 6.759 12 6.641 12 6.5L12 5L10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5C10 4.359 10.048 4.241 10.144 4.144C10.241 4.048 10.359 4 10.5 4L12 4L12 2.5C12 2.359 12.048 2.241 12.144 2.144C12.241 2.048 12.359 2 12.5 2C12.641 2 12.759 2.048 12.856 2.144C12.952 2.241 13 2.359 13 2.5L13 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144ZM4.5 2.618L2.309 7L6.691 7L4.5 2.618ZM1.879 9.879C2.172 9.586 2.511 9.363 2.896 9.211C3.25 9.07 3.619 9 4 9C4.381 9 4.75 9.07 5.104 9.211C5.489 9.363 5.828 9.586 6.121 9.879C6.414 10.172 6.637 10.511 6.789 10.896C6.93 11.25 7 11.619 7 12C7 12.381 6.93 12.75 6.789 13.104C6.637 13.489 6.414 13.828 6.121 14.121C5.828 14.414 5.489 14.637 5.104 14.789C4.75 14.93 4.381 15 4 15C3.619 15 3.25 14.93 2.896 14.789C2.511 14.637 2.172 14.414 1.879 14.121C1.586 13.828 1.363 13.489 1.211 13.104C1.07 12.75 1 12.381 1 12C1 11.619 1.07 11.25 1.211 10.896C1.363 10.511 1.586 10.172 1.879 9.879ZM15 10L15 14C15 14.276 14.902 14.512 14.707 14.707C14.512 14.902 14.276 15 14 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 10C9 9.724 9.098 9.488 9.293 9.293C9.488 9.098 9.724 9 10 9L14 9C14.276 9 14.512 9.098 14.707 9.293C14.902 9.488 15 9.724 15 10ZM2.586 13.414C2.781 13.609 3.007 13.758 3.264 13.86C3.5 13.953 3.746 14 4 14C4.254 14 4.5 13.953 4.736 13.86C4.993 13.758 5.219 13.609 5.414 13.414C5.609 13.219 5.758 12.993 5.86 12.736C5.953 12.5 6 12.254 6 12C6 11.746 5.953 11.5 5.86 11.264C5.758 11.007 5.609 10.781 5.414 10.586C5.219 10.391 4.993 10.242 4.736 10.14C4.5 10.047 4.254 10 4 10C3.746 10 3.5 10.047 3.264 10.14C3.007 10.242 2.781 10.391 2.586 10.586C2.391 10.781 2.242 11.007 2.14 11.264C2.047 11.5 2 11.746 2 12C2 12.254 2.047 12.5 2.14 12.736C2.242 12.993 2.391 13.219 2.586 13.414ZM14 14L14 10L10 10L10 14L14 14Z'/%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='M1.458 7.526C1.361 7.368 1.311 7.196 1.309 7.01C1.307 6.849 1.343 6.697 1.415 6.553L4.053 1.276C4.116 1.15 4.212 1.066 4.341 1.023C4.47 0.98 4.598 0.99 4.724 1.053C4.823 1.102 4.898 1.177 4.947 1.276L7.585 6.553C7.657 6.697 7.693 6.849 7.691 7.01C7.689 7.196 7.639 7.368 7.542 7.526C7.444 7.684 7.312 7.805 7.147 7.89C7.004 7.963 6.852 8 6.691 8L2.309 8C2.148 8 1.996 7.963 1.853 7.89C1.688 7.805 1.556 7.684 1.458 7.526ZM14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L13 5L13 6.5C13 6.641 12.952 6.759 12.856 6.856C12.759 6.952 12.641 7 12.5 7C12.359 7 12.241 6.952 12.144 6.856C12.048 6.759 12 6.641 12 6.5L12 5L10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5C10 4.359 10.048 4.241 10.144 4.144C10.241 4.048 10.359 4 10.5 4L12 4L12 2.5C12 2.359 12.048 2.241 12.144 2.144C12.241 2.048 12.359 2 12.5 2C12.641 2 12.759 2.048 12.856 2.144C12.952 2.241 13 2.359 13 2.5L13 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144ZM4.5 2.618L2.309 7L6.691 7L4.5 2.618ZM1.879 9.879C2.172 9.586 2.511 9.363 2.896 9.211C3.25 9.07 3.619 9 4 9C4.381 9 4.75 9.07 5.104 9.211C5.489 9.363 5.828 9.586 6.121 9.879C6.414 10.172 6.637 10.511 6.789 10.896C6.93 11.25 7 11.619 7 12C7 12.381 6.93 12.75 6.789 13.104C6.637 13.489 6.414 13.828 6.121 14.121C5.828 14.414 5.489 14.637 5.104 14.789C4.75 14.93 4.381 15 4 15C3.619 15 3.25 14.93 2.896 14.789C2.511 14.637 2.172 14.414 1.879 14.121C1.586 13.828 1.363 13.489 1.211 13.104C1.07 12.75 1 12.381 1 12C1 11.619 1.07 11.25 1.211 10.896C1.363 10.511 1.586 10.172 1.879 9.879ZM15 10L15 14C15 14.276 14.902 14.512 14.707 14.707C14.512 14.902 14.276 15 14 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 10C9 9.724 9.098 9.488 9.293 9.293C9.488 9.098 9.724 9 10 9L14 9C14.276 9 14.512 9.098 14.707 9.293C14.902 9.488 15 9.724 15 10ZM2.586 13.414C2.781 13.609 3.007 13.758 3.264 13.86C3.5 13.953 3.746 14 4 14C4.254 14 4.5 13.953 4.736 13.86C4.993 13.758 5.219 13.609 5.414 13.414C5.609 13.219 5.758 12.993 5.86 12.736C5.953 12.5 6 12.254 6 12C6 11.746 5.953 11.5 5.86 11.264C5.758 11.007 5.609 10.781 5.414 10.586C5.219 10.391 4.993 10.242 4.736 10.14C4.5 10.047 4.254 10 4 10C3.746 10 3.5 10.047 3.264 10.14C3.007 10.242 2.781 10.391 2.586 10.586C2.391 10.781 2.242 11.007 2.14 11.264C2.047 11.5 2 11.746 2 12C2 12.254 2.047 12.5 2.14 12.736C2.242 12.993 2.391 13.219 2.586 13.414ZM14 14L14 10L10 10L10 14L14 14Z'/%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='M1.458 7.526C1.361 7.368 1.311 7.196 1.309 7.01C1.307 6.849 1.343 6.697 1.415 6.553L4.053 1.276C4.116 1.15 4.212 1.066 4.341 1.023C4.47 0.98 4.598 0.99 4.724 1.053C4.823 1.102 4.898 1.177 4.947 1.276L7.585 6.553C7.657 6.697 7.693 6.849 7.691 7.01C7.689 7.196 7.639 7.368 7.542 7.526C7.444 7.684 7.312 7.805 7.147 7.89C7.004 7.963 6.852 8 6.691 8L2.309 8C2.148 8 1.996 7.963 1.853 7.89C1.688 7.805 1.556 7.684 1.458 7.526ZM14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L13 5L13 6.5C13 6.641 12.952 6.759 12.856 6.856C12.759 6.952 12.641 7 12.5 7C12.359 7 12.241 6.952 12.144 6.856C12.048 6.759 12 6.641 12 6.5L12 5L10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5C10 4.359 10.048 4.241 10.144 4.144C10.241 4.048 10.359 4 10.5 4L12 4L12 2.5C12 2.359 12.048 2.241 12.144 2.144C12.241 2.048 12.359 2 12.5 2C12.641 2 12.759 2.048 12.856 2.144C12.952 2.241 13 2.359 13 2.5L13 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144ZM4.5 2.618L2.309 7L6.691 7L4.5 2.618ZM1.879 9.879C2.172 9.586 2.511 9.363 2.896 9.211C3.25 9.07 3.619 9 4 9C4.381 9 4.75 9.07 5.104 9.211C5.489 9.363 5.828 9.586 6.121 9.879C6.414 10.172 6.637 10.511 6.789 10.896C6.93 11.25 7 11.619 7 12C7 12.381 6.93 12.75 6.789 13.104C6.637 13.489 6.414 13.828 6.121 14.121C5.828 14.414 5.489 14.637 5.104 14.789C4.75 14.93 4.381 15 4 15C3.619 15 3.25 14.93 2.896 14.789C2.511 14.637 2.172 14.414 1.879 14.121C1.586 13.828 1.363 13.489 1.211 13.104C1.07 12.75 1 12.381 1 12C1 11.619 1.07 11.25 1.211 10.896C1.363 10.511 1.586 10.172 1.879 9.879ZM15 10L15 14C15 14.276 14.902 14.512 14.707 14.707C14.512 14.902 14.276 15 14 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 10C9 9.724 9.098 9.488 9.293 9.293C9.488 9.098 9.724 9 10 9L14 9C14.276 9 14.512 9.098 14.707 9.293C14.902 9.488 15 9.724 15 10ZM2.586 13.414C2.781 13.609 3.007 13.758 3.264 13.86C3.5 13.953 3.746 14 4 14C4.254 14 4.5 13.953 4.736 13.86C4.993 13.758 5.219 13.609 5.414 13.414C5.609 13.219 5.758 12.993 5.86 12.736C5.953 12.5 6 12.254 6 12C6 11.746 5.953 11.5 5.86 11.264C5.758 11.007 5.609 10.781 5.414 10.586C5.219 10.391 4.993 10.242 4.736 10.14C4.5 10.047 4.254 10 4 10C3.746 10 3.5 10.047 3.264 10.14C3.007 10.242 2.781 10.391 2.586 10.586C2.391 10.781 2.242 11.007 2.14 11.264C2.047 11.5 2 11.746 2 12C2 12.254 2.047 12.5 2.14 12.736C2.242 12.993 2.391 13.219 2.586 13.414ZM14 14L14 10L10 10L10 14L14 14Z'/%3E%3C/svg%3E
```

### Sprite

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

### SwiftUI

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

struct IconSetIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 1.458, y: 7.526))
        p.addCurve(to: CGPoint(x: 1.309, y: 7.01), control1: CGPoint(x: 1.361, y: 7.368), control2: CGPoint(x: 1.311, y: 7.196))
        p.addCurve(to: CGPoint(x: 1.415, y: 6.553), control1: CGPoint(x: 1.307, y: 6.849), control2: CGPoint(x: 1.343, y: 6.697))
        p.addLine(to: CGPoint(x: 4.053, y: 1.276))
        p.addCurve(to: CGPoint(x: 4.341, y: 1.023), control1: CGPoint(x: 4.116, y: 1.15), control2: CGPoint(x: 4.212, y: 1.066))
        p.addCurve(to: CGPoint(x: 4.724, y: 1.053), control1: CGPoint(x: 4.47, y: 0.98), control2: CGPoint(x: 4.598, y: 0.99))
        p.addCurve(to: CGPoint(x: 4.947, y: 1.276), control1: CGPoint(x: 4.823, y: 1.102), control2: CGPoint(x: 4.898, y: 1.177))
        p.addLine(to: CGPoint(x: 7.585, y: 6.553))
        p.addCurve(to: CGPoint(x: 7.691, y: 7.01), control1: CGPoint(x: 7.657, y: 6.697), control2: CGPoint(x: 7.693, y: 6.849))
        p.addCurve(to: CGPoint(x: 7.542, y: 7.526), control1: CGPoint(x: 7.689, y: 7.196), control2: CGPoint(x: 7.639, y: 7.368))
        p.addCurve(to: CGPoint(x: 7.147, y: 7.89), control1: CGPoint(x: 7.444, y: 7.684), control2: CGPoint(x: 7.312, y: 7.805))
        p.addCurve(to: CGPoint(x: 6.691, y: 8), control1: CGPoint(x: 7.004, y: 7.963), control2: CGPoint(x: 6.852, y: 8))
        p.addLine(to: CGPoint(x: 2.309, y: 8))
        p.addCurve(to: CGPoint(x: 1.853, y: 7.89), control1: CGPoint(x: 2.148, y: 8), control2: CGPoint(x: 1.996, y: 7.963))
        p.addCurve(to: CGPoint(x: 1.458, y: 7.526), control1: CGPoint(x: 1.688, y: 7.805), control2: CGPoint(x: 1.556, y: 7.684))
        p.closeSubpath()
        p.move(to: CGPoint(x: 14.856, y: 4.144))
        p.addCurve(to: CGPoint(x: 15, y: 4.5), control1: CGPoint(x: 14.952, y: 4.241), control2: CGPoint(x: 15, y: 4.359))
        p.addCurve(to: CGPoint(x: 14.856, y: 4.856), control1: CGPoint(x: 15, y: 4.641), control2: CGPoint(x: 14.952, y: 4.759))
        p.addCurve(to: CGPoint(x: 14.5, y: 5), control1: CGPoint(x: 14.759, y: 4.952), control2: CGPoint(x: 14.641, y: 5))
        p.addLine(to: CGPoint(x: 13, y: 5))
        p.addLine(to: CGPoint(x: 13, y: 6.5))
        p.addCurve(to: CGPoint(x: 12.856, y: 6.856), control1: CGPoint(x: 13, y: 6.641), control2: CGPoint(x: 12.952, y: 6.759))
        p.addCurve(to: CGPoint(x: 12.5, y: 7), control1: CGPoint(x: 12.759, y: 6.952), control2: CGPoint(x: 12.641, y: 7))
        p.addCurve(to: CGPoint(x: 12.144, y: 6.856), control1: CGPoint(x: 12.359, y: 7), control2: CGPoint(x: 12.241, y: 6.952))
        p.addCurve(to: CGPoint(x: 12, y: 6.5), control1: CGPoint(x: 12.048, y: 6.759), control2: CGPoint(x: 12, y: 6.641))
        p.addLine(to: CGPoint(x: 12, y: 5))
        p.addLine(to: CGPoint(x: 10.5, y: 5))
        p.addCurve(to: CGPoint(x: 10.144, y: 4.856), control1: CGPoint(x: 10.359, y: 5), control2: CGPoint(x: 10.241, y: 4.952))
        p.addCurve(to: CGPoint(x: 10, y: 4.5), control1: CGPoint(x: 10.048, y: 4.759), control2: CGPoint(x: 10, y: 4.641))
        p.addCurve(to: CGPoint(x: 10.144, y: 4.144), control1: CGPoint(x: 10, y: 4.359), control2: CGPoint(x: 10.048, y: 4.241))
        p.addCurve(to: CGPoint(x: 10.5, y: 4), control1: CGPoint(x: 10.241, y: 4.048), control2: CGPoint(x: 10.359, y: 4))
        p.addLine(to: CGPoint(x: 12, y: 4))
        p.addLine(to: CGPoint(x: 12, y: 2.5))
        p.addCurve(to: CGPoint(x: 12.144, y: 2.144), control1: CGPoint(x: 12, y: 2.359), control2: CGPoint(x: 12.048, y: 2.241))
        p.addCurve(to: CGPoint(x: 12.5, y: 2), control1: CGPoint(x: 12.241, y: 2.048), control2: CGPoint(x: 12.359, y: 2))
        p.addCurve(to: CGPoint(x: 12.856, y: 2.144), control1: CGPoint(x: 12.641, y: 2), control2: CGPoint(x: 12.759, y: 2.048))
        p.addCurve(to: CGPoint(x: 13, y: 2.5), control1: CGPoint(x: 12.952, y: 2.241), control2: CGPoint(x: 13, y: 2.359))
        p.addLine(to: CGPoint(x: 13, y: 4))
        p.addLine(to: CGPoint(x: 14.5, y: 4))
        p.addCurve(to: CGPoint(x: 14.856, y: 4.144), control1: CGPoint(x: 14.641, y: 4), control2: CGPoint(x: 14.759, y: 4.048))
        p.closeSubpath()
        p.move(to: CGPoint(x: 4.5, y: 2.618))
        p.addLine(to: CGPoint(x: 2.309, y: 7))
        p.addLine(to: CGPoint(x: 6.691, y: 7))
        p.addLine(to: CGPoint(x: 4.5, y: 2.618))
        p.closeSubpath()
        p.move(to: CGPoint(x: 1.879, y: 9.879))
        p.addCurve(to: CGPoint(x: 2.896, y: 9.211), control1: CGPoint(x: 2.172, y: 9.586), control2: CGPoint(x: 2.511, y: 9.363))
        p.addCurve(to: CGPoint(x: 4, y: 9), control1: CGPoint(x: 3.25, y: 9.07), control2: CGPoint(x: 3.619, y: 9))
        p.addCurve(to: CGPoint(x: 5.104, y: 9.211), control1: CGPoint(x: 4.381, y: 9), control2: CGPoint(x: 4.75, y: 9.07))
        p.addCurve(to: CGPoint(x: 6.121, y: 9.879), control1: CGPoint(x: 5.489, y: 9.363), control2: CGPoint(x: 5.828, y: 9.586))
        p.addCurve(to: CGPoint(x: 6.789, y: 10.896), control1: CGPoint(x: 6.414, y: 10.172), control2: CGPoint(x: 6.637, y: 10.511))
        p.addCurve(to: CGPoint(x: 7, y: 12), control1: CGPoint(x: 6.93, y: 11.25), control2: CGPoint(x: 7, y: 11.619))
        p.addCurve(to: CGPoint(x: 6.789, y: 13.104), control1: CGPoint(x: 7, y: 12.381), control2: CGPoint(x: 6.93, y: 12.75))
        p.addCurve(to: CGPoint(x: 6.121, y: 14.121), control1: CGPoint(x: 6.637, y: 13.489), control2: CGPoint(x: 6.414, y: 13.828))
        p.addCurve(to: CGPoint(x: 5.104, y: 14.789), control1: CGPoint(x: 5.828, y: 14.414), control2: CGPoint(x: 5.489, y: 14.637))
        p.addCurve(to: CGPoint(x: 4, y: 15), control1: CGPoint(x: 4.75, y: 14.93), control2: CGPoint(x: 4.381, y: 15))
        p.addCurve(to: CGPoint(x: 2.896, y: 14.789), control1: CGPoint(x: 3.619, y: 15), control2: CGPoint(x: 3.25, y: 14.93))
        p.addCurve(to: CGPoint(x: 1.879, y: 14.121), control1: CGPoint(x: 2.511, y: 14.637), control2: CGPoint(x: 2.172, y: 14.414))
        p.addCurve(to: CGPoint(x: 1.211, y: 13.104), control1: CGPoint(x: 1.586, y: 13.828), control2: CGPoint(x: 1.363, y: 13.489))
        p.addCurve(to: CGPoint(x: 1, y: 12), control1: CGPoint(x: 1.07, y: 12.75), control2: CGPoint(x: 1, y: 12.381))
        p.addCurve(to: CGPoint(x: 1.211, y: 10.896), control1: CGPoint(x: 1, y: 11.619), control2: CGPoint(x: 1.07, y: 11.25))
        p.addCurve(to: CGPoint(x: 1.879, y: 9.879), control1: CGPoint(x: 1.363, y: 10.511), control2: CGPoint(x: 1.586, y: 10.172))
        p.closeSubpath()
        p.move(to: CGPoint(x: 15, y: 10))
        p.addLine(to: CGPoint(x: 15, y: 14))
        p.addCurve(to: CGPoint(x: 14.707, y: 14.707), control1: CGPoint(x: 15, y: 14.276), control2: CGPoint(x: 14.902, y: 14.512))
        p.addCurve(to: CGPoint(x: 14, y: 15), control1: CGPoint(x: 14.512, y: 14.902), control2: CGPoint(x: 14.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: 10))
        p.addCurve(to: CGPoint(x: 9.293, y: 9.293), control1: CGPoint(x: 9, y: 9.724), control2: CGPoint(x: 9.098, y: 9.488))
        p.addCurve(to: CGPoint(x: 10, y: 9), control1: CGPoint(x: 9.488, y: 9.098), control2: CGPoint(x: 9.724, y: 9))
        p.addLine(to: CGPoint(x: 14, y: 9))
        p.addCurve(to: CGPoint(x: 14.707, y: 9.293), control1: CGPoint(x: 14.276, y: 9), control2: CGPoint(x: 14.512, y: 9.098))
        p.addCurve(to: CGPoint(x: 15, y: 10), control1: CGPoint(x: 14.902, y: 9.488), control2: CGPoint(x: 15, y: 9.724))
        p.closeSubpath()
        p.move(to: CGPoint(x: 2.586, y: 13.414))
        p.addCurve(to: CGPoint(x: 3.264, y: 13.86), control1: CGPoint(x: 2.781, y: 13.609), control2: CGPoint(x: 3.007, y: 13.758))
        p.addCurve(to: CGPoint(x: 4, y: 14), control1: CGPoint(x: 3.5, y: 13.953), control2: CGPoint(x: 3.746, y: 14))
        p.addCurve(to: CGPoint(x: 4.736, y: 13.86), control1: CGPoint(x: 4.254, y: 14), control2: CGPoint(x: 4.5, y: 13.953))
        p.addCurve(to: CGPoint(x: 5.414, y: 13.414), control1: CGPoint(x: 4.993, y: 13.758), control2: CGPoint(x: 5.219, y: 13.609))
        p.addCurve(to: CGPoint(x: 5.86, y: 12.736), control1: CGPoint(x: 5.609, y: 13.219), control2: CGPoint(x: 5.758, y: 12.993))
        p.addCurve(to: CGPoint(x: 6, y: 12), control1: CGPoint(x: 5.953, y: 12.5), control2: CGPoint(x: 6, y: 12.254))
        p.addCurve(to: CGPoint(x: 5.86, y: 11.264), control1: CGPoint(x: 6, y: 11.746), control2: CGPoint(x: 5.953, y: 11.5))
        p.addCurve(to: CGPoint(x: 5.414, y: 10.586), control1: CGPoint(x: 5.758, y: 11.007), control2: CGPoint(x: 5.609, y: 10.781))
        p.addCurve(to: CGPoint(x: 4.736, y: 10.14), control1: CGPoint(x: 5.219, y: 10.391), control2: CGPoint(x: 4.993, y: 10.242))
        p.addCurve(to: CGPoint(x: 4, y: 10), control1: CGPoint(x: 4.5, y: 10.047), control2: CGPoint(x: 4.254, y: 10))
        p.addCurve(to: CGPoint(x: 3.264, y: 10.14), control1: CGPoint(x: 3.746, y: 10), control2: CGPoint(x: 3.5, y: 10.047))
        p.addCurve(to: CGPoint(x: 2.586, y: 10.586), control1: CGPoint(x: 3.007, y: 10.242), control2: CGPoint(x: 2.781, y: 10.391))
        p.addCurve(to: CGPoint(x: 2.14, y: 11.264), control1: CGPoint(x: 2.391, y: 10.781), control2: CGPoint(x: 2.242, y: 11.007))
        p.addCurve(to: CGPoint(x: 2, y: 12), control1: CGPoint(x: 2.047, y: 11.5), control2: CGPoint(x: 2, y: 11.746))
        p.addCurve(to: CGPoint(x: 2.14, y: 12.736), control1: CGPoint(x: 2, y: 12.254), control2: CGPoint(x: 2.047, y: 12.5))
        p.addCurve(to: CGPoint(x: 2.586, y: 13.414), control1: CGPoint(x: 2.242, y: 12.993), control2: CGPoint(x: 2.391, y: 13.219))
        p.closeSubpath()
        p.move(to: CGPoint(x: 14, y: 14))
        p.addLine(to: CGPoint(x: 14, y: 10))
        p.addLine(to: CGPoint(x: 10, y: 10))
        p.addLine(to: CGPoint(x: 10, y: 14))
        p.addLine(to: CGPoint(x: 14, y: 14))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "icon-set" (line-round), MIT. https://gentleface.com/icons/icon-set
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 IconSetIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "icon-set", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M1.458 7.526C1.361 7.368 1.311 7.196 1.309 7.01C1.307 6.849 1.343 6.697 1.415 6.553L4.053 1.276C4.116 1.15 4.212 1.066 4.341 1.023C4.47 0.98 4.598 0.99 4.724 1.053C4.823 1.102 4.898 1.177 4.947 1.276L7.585 6.553C7.657 6.697 7.693 6.849 7.691 7.01C7.689 7.196 7.639 7.368 7.542 7.526C7.444 7.684 7.312 7.805 7.147 7.89C7.004 7.963 6.852 8 6.691 8L2.309 8C2.148 8 1.996 7.963 1.853 7.89C1.688 7.805 1.556 7.684 1.458 7.526ZM14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L13 5L13 6.5C13 6.641 12.952 6.759 12.856 6.856C12.759 6.952 12.641 7 12.5 7C12.359 7 12.241 6.952 12.144 6.856C12.048 6.759 12 6.641 12 6.5L12 5L10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5C10 4.359 10.048 4.241 10.144 4.144C10.241 4.048 10.359 4 10.5 4L12 4L12 2.5C12 2.359 12.048 2.241 12.144 2.144C12.241 2.048 12.359 2 12.5 2C12.641 2 12.759 2.048 12.856 2.144C12.952 2.241 13 2.359 13 2.5L13 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144ZM4.5 2.618L2.309 7L6.691 7L4.5 2.618ZM1.879 9.879C2.172 9.586 2.511 9.363 2.896 9.211C3.25 9.07 3.619 9 4 9C4.381 9 4.75 9.07 5.104 9.211C5.489 9.363 5.828 9.586 6.121 9.879C6.414 10.172 6.637 10.511 6.789 10.896C6.93 11.25 7 11.619 7 12C7 12.381 6.93 12.75 6.789 13.104C6.637 13.489 6.414 13.828 6.121 14.121C5.828 14.414 5.489 14.637 5.104 14.789C4.75 14.93 4.381 15 4 15C3.619 15 3.25 14.93 2.896 14.789C2.511 14.637 2.172 14.414 1.879 14.121C1.586 13.828 1.363 13.489 1.211 13.104C1.07 12.75 1 12.381 1 12C1 11.619 1.07 11.25 1.211 10.896C1.363 10.511 1.586 10.172 1.879 9.879ZM15 10L15 14C15 14.276 14.902 14.512 14.707 14.707C14.512 14.902 14.276 15 14 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 10C9 9.724 9.098 9.488 9.293 9.293C9.488 9.098 9.724 9 10 9L14 9C14.276 9 14.512 9.098 14.707 9.293C14.902 9.488 15 9.724 15 10ZM2.586 13.414C2.781 13.609 3.007 13.758 3.264 13.86C3.5 13.953 3.746 14 4 14C4.254 14 4.5 13.953 4.736 13.86C4.993 13.758 5.219 13.609 5.414 13.414C5.609 13.219 5.758 12.993 5.86 12.736C5.953 12.5 6 12.254 6 12C6 11.746 5.953 11.5 5.86 11.264C5.758 11.007 5.609 10.781 5.414 10.586C5.219 10.391 4.993 10.242 4.736 10.14C4.5 10.047 4.254 10 4 10C3.746 10 3.5 10.047 3.264 10.14C3.007 10.242 2.781 10.391 2.586 10.586C2.391 10.781 2.242 11.007 2.14 11.264C2.047 11.5 2 11.746 2 12C2 12.254 2.047 12.5 2.14 12.736C2.242 12.993 2.391 13.219 2.586 13.414ZM14 14L14 10L10 10L10 14L14 14Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_icon_set.xml · Gentleface "icon-set" (line-round), MIT. https://gentleface.com/icons/icon-set -->
<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="M1.458 7.526C1.361 7.368 1.311 7.196 1.309 7.01C1.307 6.849 1.343 6.697 1.415 6.553L4.053 1.276C4.116 1.15 4.212 1.066 4.341 1.023C4.47 0.98 4.598 0.99 4.724 1.053C4.823 1.102 4.898 1.177 4.947 1.276L7.585 6.553C7.657 6.697 7.693 6.849 7.691 7.01C7.689 7.196 7.639 7.368 7.542 7.526C7.444 7.684 7.312 7.805 7.147 7.89C7.004 7.963 6.852 8 6.691 8L2.309 8C2.148 8 1.996 7.963 1.853 7.89C1.688 7.805 1.556 7.684 1.458 7.526ZM14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L13 5L13 6.5C13 6.641 12.952 6.759 12.856 6.856C12.759 6.952 12.641 7 12.5 7C12.359 7 12.241 6.952 12.144 6.856C12.048 6.759 12 6.641 12 6.5L12 5L10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5C10 4.359 10.048 4.241 10.144 4.144C10.241 4.048 10.359 4 10.5 4L12 4L12 2.5C12 2.359 12.048 2.241 12.144 2.144C12.241 2.048 12.359 2 12.5 2C12.641 2 12.759 2.048 12.856 2.144C12.952 2.241 13 2.359 13 2.5L13 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144ZM4.5 2.618L2.309 7L6.691 7L4.5 2.618ZM1.879 9.879C2.172 9.586 2.511 9.363 2.896 9.211C3.25 9.07 3.619 9 4 9C4.381 9 4.75 9.07 5.104 9.211C5.489 9.363 5.828 9.586 6.121 9.879C6.414 10.172 6.637 10.511 6.789 10.896C6.93 11.25 7 11.619 7 12C7 12.381 6.93 12.75 6.789 13.104C6.637 13.489 6.414 13.828 6.121 14.121C5.828 14.414 5.489 14.637 5.104 14.789C4.75 14.93 4.381 15 4 15C3.619 15 3.25 14.93 2.896 14.789C2.511 14.637 2.172 14.414 1.879 14.121C1.586 13.828 1.363 13.489 1.211 13.104C1.07 12.75 1 12.381 1 12C1 11.619 1.07 11.25 1.211 10.896C1.363 10.511 1.586 10.172 1.879 9.879ZM15 10L15 14C15 14.276 14.902 14.512 14.707 14.707C14.512 14.902 14.276 15 14 15L10 15C9.724 15 9.488 14.902 9.293 14.707C9.098 14.512 9 14.276 9 14L9 10C9 9.724 9.098 9.488 9.293 9.293C9.488 9.098 9.724 9 10 9L14 9C14.276 9 14.512 9.098 14.707 9.293C14.902 9.488 15 9.724 15 10ZM2.586 13.414C2.781 13.609 3.007 13.758 3.264 13.86C3.5 13.953 3.746 14 4 14C4.254 14 4.5 13.953 4.736 13.86C4.993 13.758 5.219 13.609 5.414 13.414C5.609 13.219 5.758 12.993 5.86 12.736C5.953 12.5 6 12.254 6 12C6 11.746 5.953 11.5 5.86 11.264C5.758 11.007 5.609 10.781 5.414 10.586C5.219 10.391 4.993 10.242 4.736 10.14C4.5 10.047 4.254 10 4 10C3.746 10 3.5 10.047 3.264 10.14C3.007 10.242 2.781 10.391 2.586 10.586C2.391 10.781 2.242 11.007 2.14 11.264C2.047 11.5 2 11.746 2 12C2 12.254 2.047 12.5 2.14 12.736C2.242 12.993 2.391 13.219 2.586 13.414ZM14 14L14 10L10 10L10 14L14 14Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(1.458, 7.526)
      ..cubicTo(1.361, 7.368, 1.311, 7.196, 1.309, 7.01)
      ..cubicTo(1.307, 6.849, 1.343, 6.697, 1.415, 6.553)
      ..lineTo(4.053, 1.276)
      ..cubicTo(4.116, 1.15, 4.212, 1.066, 4.341, 1.023)
      ..cubicTo(4.47, 0.98, 4.598, 0.99, 4.724, 1.053)
      ..cubicTo(4.823, 1.102, 4.898, 1.177, 4.947, 1.276)
      ..lineTo(7.585, 6.553)
      ..cubicTo(7.657, 6.697, 7.693, 6.849, 7.691, 7.01)
      ..cubicTo(7.689, 7.196, 7.639, 7.368, 7.542, 7.526)
      ..cubicTo(7.444, 7.684, 7.312, 7.805, 7.147, 7.89)
      ..cubicTo(7.004, 7.963, 6.852, 8, 6.691, 8)
      ..lineTo(2.309, 8)
      ..cubicTo(2.148, 8, 1.996, 7.963, 1.853, 7.89)
      ..cubicTo(1.688, 7.805, 1.556, 7.684, 1.458, 7.526)
      ..close()
      ..moveTo(14.856, 4.144)
      ..cubicTo(14.952, 4.241, 15, 4.359, 15, 4.5)
      ..cubicTo(15, 4.641, 14.952, 4.759, 14.856, 4.856)
      ..cubicTo(14.759, 4.952, 14.641, 5, 14.5, 5)
      ..lineTo(13, 5)
      ..lineTo(13, 6.5)
      ..cubicTo(13, 6.641, 12.952, 6.759, 12.856, 6.856)
      ..cubicTo(12.759, 6.952, 12.641, 7, 12.5, 7)
      ..cubicTo(12.359, 7, 12.241, 6.952, 12.144, 6.856)
      ..cubicTo(12.048, 6.759, 12, 6.641, 12, 6.5)
      ..lineTo(12, 5)
      ..lineTo(10.5, 5)
      ..cubicTo(10.359, 5, 10.241, 4.952, 10.144, 4.856)
      ..cubicTo(10.048, 4.759, 10, 4.641, 10, 4.5)
      ..cubicTo(10, 4.359, 10.048, 4.241, 10.144, 4.144)
      ..cubicTo(10.241, 4.048, 10.359, 4, 10.5, 4)
      ..lineTo(12, 4)
      ..lineTo(12, 2.5)
      ..cubicTo(12, 2.359, 12.048, 2.241, 12.144, 2.144)
      ..cubicTo(12.241, 2.048, 12.359, 2, 12.5, 2)
      ..cubicTo(12.641, 2, 12.759, 2.048, 12.856, 2.144)
      ..cubicTo(12.952, 2.241, 13, 2.359, 13, 2.5)
      ..lineTo(13, 4)
      ..lineTo(14.5, 4)
      ..cubicTo(14.641, 4, 14.759, 4.048, 14.856, 4.144)
      ..close()
      ..moveTo(4.5, 2.618)
      ..lineTo(2.309, 7)
      ..lineTo(6.691, 7)
      ..lineTo(4.5, 2.618)
      ..close()
      ..moveTo(1.879, 9.879)
      ..cubicTo(2.172, 9.586, 2.511, 9.363, 2.896, 9.211)
      ..cubicTo(3.25, 9.07, 3.619, 9, 4, 9)
      ..cubicTo(4.381, 9, 4.75, 9.07, 5.104, 9.211)
      ..cubicTo(5.489, 9.363, 5.828, 9.586, 6.121, 9.879)
      ..cubicTo(6.414, 10.172, 6.637, 10.511, 6.789, 10.896)
      ..cubicTo(6.93, 11.25, 7, 11.619, 7, 12)
      ..cubicTo(7, 12.381, 6.93, 12.75, 6.789, 13.104)
      ..cubicTo(6.637, 13.489, 6.414, 13.828, 6.121, 14.121)
      ..cubicTo(5.828, 14.414, 5.489, 14.637, 5.104, 14.789)
      ..cubicTo(4.75, 14.93, 4.381, 15, 4, 15)
      ..cubicTo(3.619, 15, 3.25, 14.93, 2.896, 14.789)
      ..cubicTo(2.511, 14.637, 2.172, 14.414, 1.879, 14.121)
      ..cubicTo(1.586, 13.828, 1.363, 13.489, 1.211, 13.104)
      ..cubicTo(1.07, 12.75, 1, 12.381, 1, 12)
      ..cubicTo(1, 11.619, 1.07, 11.25, 1.211, 10.896)
      ..cubicTo(1.363, 10.511, 1.586, 10.172, 1.879, 9.879)
      ..close()
      ..moveTo(15, 10)
      ..lineTo(15, 14)
      ..cubicTo(15, 14.276, 14.902, 14.512, 14.707, 14.707)
      ..cubicTo(14.512, 14.902, 14.276, 15, 14, 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, 10)
      ..cubicTo(9, 9.724, 9.098, 9.488, 9.293, 9.293)
      ..cubicTo(9.488, 9.098, 9.724, 9, 10, 9)
      ..lineTo(14, 9)
      ..cubicTo(14.276, 9, 14.512, 9.098, 14.707, 9.293)
      ..cubicTo(14.902, 9.488, 15, 9.724, 15, 10)
      ..close()
      ..moveTo(2.586, 13.414)
      ..cubicTo(2.781, 13.609, 3.007, 13.758, 3.264, 13.86)
      ..cubicTo(3.5, 13.953, 3.746, 14, 4, 14)
      ..cubicTo(4.254, 14, 4.5, 13.953, 4.736, 13.86)
      ..cubicTo(4.993, 13.758, 5.219, 13.609, 5.414, 13.414)
      ..cubicTo(5.609, 13.219, 5.758, 12.993, 5.86, 12.736)
      ..cubicTo(5.953, 12.5, 6, 12.254, 6, 12)
      ..cubicTo(6, 11.746, 5.953, 11.5, 5.86, 11.264)
      ..cubicTo(5.758, 11.007, 5.609, 10.781, 5.414, 10.586)
      ..cubicTo(5.219, 10.391, 4.993, 10.242, 4.736, 10.14)
      ..cubicTo(4.5, 10.047, 4.254, 10, 4, 10)
      ..cubicTo(3.746, 10, 3.5, 10.047, 3.264, 10.14)
      ..cubicTo(3.007, 10.242, 2.781, 10.391, 2.586, 10.586)
      ..cubicTo(2.391, 10.781, 2.242, 11.007, 2.14, 11.264)
      ..cubicTo(2.047, 11.5, 2, 11.746, 2, 12)
      ..cubicTo(2, 12.254, 2.047, 12.5, 2.14, 12.736)
      ..cubicTo(2.242, 12.993, 2.391, 13.219, 2.586, 13.414)
      ..close()
      ..moveTo(14, 14)
      ..lineTo(14, 10)
      ..lineTo(10, 10)
      ..lineTo(10, 14)
      ..lineTo(14, 14)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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