# atom icon

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

- Category: Science & education
- Use it for: atom, physics, science, atomic, quantum
- Tags: atom, physics, science, nuclear, electron, orbit, particle, quantum, energy
- Component name: AtomIcon
- Added: 2026-10-14

## Alternatives

- `radiation`: radioactive or nuclear
- `molecule`: chemistry or a molecule
- `flask`: an experiment or a lab
- `microscope`: research or biology

## Also fits

- molecule: an atom or physics
- radiation: physics or an atom

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

The SVG of every style: https://gentleface.com/icons/atom.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="M6.854 12.854C6.567 13.14 6.237 13.402 5.862 13.641C5.461 13.896 5.06 14.091 4.658 14.224C4.19 14.38 3.758 14.44 3.361 14.404C2.874 14.36 2.469 14.176 2.146 13.854C1.824 13.531 1.64 13.126 1.596 12.639C1.56 12.242 1.62 11.81 1.776 11.342C1.909 10.94 2.104 10.539 2.359 10.138C2.598 9.763 2.86 9.433 3.146 9.146L4.293 8L3.146 6.854C2.86 6.567 2.598 6.237 2.359 5.862C2.104 5.461 1.909 5.06 1.776 4.658C1.62 4.19 1.56 3.758 1.596 3.361C1.64 2.874 1.824 2.469 2.146 2.146C2.469 1.824 2.874 1.64 3.361 1.596C3.758 1.56 4.19 1.62 4.658 1.776C5.06 1.909 5.461 2.104 5.862 2.359C6.237 2.598 6.567 2.86 6.854 3.146L8 4.293L9.146 3.146C9.433 2.86 9.763 2.598 10.138 2.359C10.539 2.104 10.94 1.909 11.342 1.776C11.81 1.62 12.242 1.56 12.639 1.596C13.126 1.64 13.531 1.824 13.854 2.146C14.176 2.469 14.36 2.874 14.404 3.361C14.44 3.758 14.38 4.19 14.224 4.658C14.091 5.06 13.896 5.461 13.641 5.862C13.402 6.237 13.14 6.567 12.854 6.854L11.707 8L12.854 9.146C13.14 9.433 13.402 9.763 13.641 10.138C13.896 10.539 14.091 10.94 14.224 11.342C14.38 11.81 14.44 12.242 14.404 12.639C14.36 13.126 14.176 13.531 13.854 13.854C13.531 14.176 13.126 14.36 12.639 14.404C12.242 14.44 11.81 14.38 11.342 14.224C10.94 14.091 10.539 13.896 10.138 13.641C9.763 13.402 9.433 13.14 9.146 12.854L8 11.707L6.854 12.854ZM6.146 3.854C5.912 3.619 5.638 3.402 5.325 3.203C4.993 2.992 4.665 2.832 4.342 2.724C4.006 2.612 3.709 2.568 3.452 2.592C3.205 2.614 3.006 2.701 2.854 2.854C2.701 3.006 2.614 3.205 2.592 3.452C2.568 3.709 2.612 4.006 2.724 4.342C2.832 4.665 2.992 4.993 3.203 5.325C3.402 5.638 3.619 5.912 3.854 6.146L5 7.293L7.293 5L6.146 3.854ZM12.797 5.325C13.008 4.993 13.168 4.665 13.276 4.342C13.388 4.006 13.432 3.709 13.408 3.452C13.386 3.205 13.299 3.006 13.146 2.854C12.994 2.701 12.795 2.614 12.548 2.592C12.291 2.568 11.994 2.612 11.658 2.724C11.335 2.832 11.007 2.992 10.675 3.203C10.362 3.402 10.088 3.619 9.854 3.854L8.707 5L11 7.293L12.146 6.146C12.381 5.912 12.598 5.638 12.797 5.325ZM8 5.707L5.707 8L8 10.293L10.293 8L8 5.707ZM7.293 7.293C7.488 7.098 7.724 7 8 7C8.276 7 8.512 7.098 8.707 7.293C8.902 7.488 9 7.724 9 8C9 8.276 8.902 8.512 8.707 8.707C8.512 8.902 8.276 9 8 9C7.724 9 7.488 8.902 7.293 8.707C7.098 8.512 7 8.276 7 8C7 7.724 7.098 7.488 7.293 7.293ZM3.854 9.854C3.619 10.088 3.402 10.362 3.203 10.675C2.992 11.007 2.832 11.335 2.724 11.658C2.612 11.994 2.568 12.291 2.592 12.548C2.614 12.795 2.701 12.994 2.854 13.146C3.006 13.299 3.205 13.386 3.452 13.408C3.709 13.432 4.006 13.388 4.342 13.276C4.665 13.168 4.993 13.008 5.325 12.797C5.638 12.598 5.912 12.381 6.146 12.146L7.293 11L5 8.707L3.854 9.854ZM10.675 12.797C11.007 13.008 11.335 13.168 11.658 13.276C11.994 13.388 12.291 13.432 12.548 13.408C12.795 13.386 12.994 13.299 13.146 13.146C13.299 12.994 13.386 12.795 13.408 12.548C13.432 12.291 13.388 11.994 13.276 11.658C13.168 11.335 13.008 11.007 12.797 10.675C12.598 10.362 12.381 10.088 12.146 9.854L11 8.707L8.707 11L9.854 12.146C10.088 12.381 10.362 12.598 10.675 12.797Z"/></svg>
```

### React

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

export function AtomIcon(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="M6.854 12.854C6.567 13.14 6.237 13.402 5.862 13.641C5.461 13.896 5.06 14.091 4.658 14.224C4.19 14.38 3.758 14.44 3.361 14.404C2.874 14.36 2.469 14.176 2.146 13.854C1.824 13.531 1.64 13.126 1.596 12.639C1.56 12.242 1.62 11.81 1.776 11.342C1.909 10.94 2.104 10.539 2.359 10.138C2.598 9.763 2.86 9.433 3.146 9.146L4.293 8L3.146 6.854C2.86 6.567 2.598 6.237 2.359 5.862C2.104 5.461 1.909 5.06 1.776 4.658C1.62 4.19 1.56 3.758 1.596 3.361C1.64 2.874 1.824 2.469 2.146 2.146C2.469 1.824 2.874 1.64 3.361 1.596C3.758 1.56 4.19 1.62 4.658 1.776C5.06 1.909 5.461 2.104 5.862 2.359C6.237 2.598 6.567 2.86 6.854 3.146L8 4.293L9.146 3.146C9.433 2.86 9.763 2.598 10.138 2.359C10.539 2.104 10.94 1.909 11.342 1.776C11.81 1.62 12.242 1.56 12.639 1.596C13.126 1.64 13.531 1.824 13.854 2.146C14.176 2.469 14.36 2.874 14.404 3.361C14.44 3.758 14.38 4.19 14.224 4.658C14.091 5.06 13.896 5.461 13.641 5.862C13.402 6.237 13.14 6.567 12.854 6.854L11.707 8L12.854 9.146C13.14 9.433 13.402 9.763 13.641 10.138C13.896 10.539 14.091 10.94 14.224 11.342C14.38 11.81 14.44 12.242 14.404 12.639C14.36 13.126 14.176 13.531 13.854 13.854C13.531 14.176 13.126 14.36 12.639 14.404C12.242 14.44 11.81 14.38 11.342 14.224C10.94 14.091 10.539 13.896 10.138 13.641C9.763 13.402 9.433 13.14 9.146 12.854L8 11.707L6.854 12.854ZM6.146 3.854C5.912 3.619 5.638 3.402 5.325 3.203C4.993 2.992 4.665 2.832 4.342 2.724C4.006 2.612 3.709 2.568 3.452 2.592C3.205 2.614 3.006 2.701 2.854 2.854C2.701 3.006 2.614 3.205 2.592 3.452C2.568 3.709 2.612 4.006 2.724 4.342C2.832 4.665 2.992 4.993 3.203 5.325C3.402 5.638 3.619 5.912 3.854 6.146L5 7.293L7.293 5L6.146 3.854ZM12.797 5.325C13.008 4.993 13.168 4.665 13.276 4.342C13.388 4.006 13.432 3.709 13.408 3.452C13.386 3.205 13.299 3.006 13.146 2.854C12.994 2.701 12.795 2.614 12.548 2.592C12.291 2.568 11.994 2.612 11.658 2.724C11.335 2.832 11.007 2.992 10.675 3.203C10.362 3.402 10.088 3.619 9.854 3.854L8.707 5L11 7.293L12.146 6.146C12.381 5.912 12.598 5.638 12.797 5.325ZM8 5.707L5.707 8L8 10.293L10.293 8L8 5.707ZM7.293 7.293C7.488 7.098 7.724 7 8 7C8.276 7 8.512 7.098 8.707 7.293C8.902 7.488 9 7.724 9 8C9 8.276 8.902 8.512 8.707 8.707C8.512 8.902 8.276 9 8 9C7.724 9 7.488 8.902 7.293 8.707C7.098 8.512 7 8.276 7 8C7 7.724 7.098 7.488 7.293 7.293ZM3.854 9.854C3.619 10.088 3.402 10.362 3.203 10.675C2.992 11.007 2.832 11.335 2.724 11.658C2.612 11.994 2.568 12.291 2.592 12.548C2.614 12.795 2.701 12.994 2.854 13.146C3.006 13.299 3.205 13.386 3.452 13.408C3.709 13.432 4.006 13.388 4.342 13.276C4.665 13.168 4.993 13.008 5.325 12.797C5.638 12.598 5.912 12.381 6.146 12.146L7.293 11L5 8.707L3.854 9.854ZM10.675 12.797C11.007 13.008 11.335 13.168 11.658 13.276C11.994 13.388 12.291 13.432 12.548 13.408C12.795 13.386 12.994 13.299 13.146 13.146C13.299 12.994 13.386 12.795 13.408 12.548C13.432 12.291 13.388 11.994 13.276 11.658C13.168 11.335 13.008 11.007 12.797 10.675C12.598 10.362 12.381 10.088 12.146 9.854L11 8.707L8.707 11L9.854 12.146C10.088 12.381 10.362 12.598 10.675 12.797Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "atom" (line-round), MIT. https://gentleface.com/icons/atom -->
<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="M6.854 12.854C6.567 13.14 6.237 13.402 5.862 13.641C5.461 13.896 5.06 14.091 4.658 14.224C4.19 14.38 3.758 14.44 3.361 14.404C2.874 14.36 2.469 14.176 2.146 13.854C1.824 13.531 1.64 13.126 1.596 12.639C1.56 12.242 1.62 11.81 1.776 11.342C1.909 10.94 2.104 10.539 2.359 10.138C2.598 9.763 2.86 9.433 3.146 9.146L4.293 8L3.146 6.854C2.86 6.567 2.598 6.237 2.359 5.862C2.104 5.461 1.909 5.06 1.776 4.658C1.62 4.19 1.56 3.758 1.596 3.361C1.64 2.874 1.824 2.469 2.146 2.146C2.469 1.824 2.874 1.64 3.361 1.596C3.758 1.56 4.19 1.62 4.658 1.776C5.06 1.909 5.461 2.104 5.862 2.359C6.237 2.598 6.567 2.86 6.854 3.146L8 4.293L9.146 3.146C9.433 2.86 9.763 2.598 10.138 2.359C10.539 2.104 10.94 1.909 11.342 1.776C11.81 1.62 12.242 1.56 12.639 1.596C13.126 1.64 13.531 1.824 13.854 2.146C14.176 2.469 14.36 2.874 14.404 3.361C14.44 3.758 14.38 4.19 14.224 4.658C14.091 5.06 13.896 5.461 13.641 5.862C13.402 6.237 13.14 6.567 12.854 6.854L11.707 8L12.854 9.146C13.14 9.433 13.402 9.763 13.641 10.138C13.896 10.539 14.091 10.94 14.224 11.342C14.38 11.81 14.44 12.242 14.404 12.639C14.36 13.126 14.176 13.531 13.854 13.854C13.531 14.176 13.126 14.36 12.639 14.404C12.242 14.44 11.81 14.38 11.342 14.224C10.94 14.091 10.539 13.896 10.138 13.641C9.763 13.402 9.433 13.14 9.146 12.854L8 11.707L6.854 12.854ZM6.146 3.854C5.912 3.619 5.638 3.402 5.325 3.203C4.993 2.992 4.665 2.832 4.342 2.724C4.006 2.612 3.709 2.568 3.452 2.592C3.205 2.614 3.006 2.701 2.854 2.854C2.701 3.006 2.614 3.205 2.592 3.452C2.568 3.709 2.612 4.006 2.724 4.342C2.832 4.665 2.992 4.993 3.203 5.325C3.402 5.638 3.619 5.912 3.854 6.146L5 7.293L7.293 5L6.146 3.854ZM12.797 5.325C13.008 4.993 13.168 4.665 13.276 4.342C13.388 4.006 13.432 3.709 13.408 3.452C13.386 3.205 13.299 3.006 13.146 2.854C12.994 2.701 12.795 2.614 12.548 2.592C12.291 2.568 11.994 2.612 11.658 2.724C11.335 2.832 11.007 2.992 10.675 3.203C10.362 3.402 10.088 3.619 9.854 3.854L8.707 5L11 7.293L12.146 6.146C12.381 5.912 12.598 5.638 12.797 5.325ZM8 5.707L5.707 8L8 10.293L10.293 8L8 5.707ZM7.293 7.293C7.488 7.098 7.724 7 8 7C8.276 7 8.512 7.098 8.707 7.293C8.902 7.488 9 7.724 9 8C9 8.276 8.902 8.512 8.707 8.707C8.512 8.902 8.276 9 8 9C7.724 9 7.488 8.902 7.293 8.707C7.098 8.512 7 8.276 7 8C7 7.724 7.098 7.488 7.293 7.293ZM3.854 9.854C3.619 10.088 3.402 10.362 3.203 10.675C2.992 11.007 2.832 11.335 2.724 11.658C2.612 11.994 2.568 12.291 2.592 12.548C2.614 12.795 2.701 12.994 2.854 13.146C3.006 13.299 3.205 13.386 3.452 13.408C3.709 13.432 4.006 13.388 4.342 13.276C4.665 13.168 4.993 13.008 5.325 12.797C5.638 12.598 5.912 12.381 6.146 12.146L7.293 11L5 8.707L3.854 9.854ZM10.675 12.797C11.007 13.008 11.335 13.168 11.658 13.276C11.994 13.388 12.291 13.432 12.548 13.408C12.795 13.386 12.994 13.299 13.146 13.146C13.299 12.994 13.386 12.795 13.408 12.548C13.432 12.291 13.388 11.994 13.276 11.658C13.168 11.335 13.008 11.007 12.797 10.675C12.598 10.362 12.381 10.088 12.146 9.854L11 8.707L8.707 11L9.854 12.146C10.088 12.381 10.362 12.598 10.675 12.797Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "atom" (line-round), MIT. https://gentleface.com/icons/atom -->
<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="M6.854 12.854C6.567 13.14 6.237 13.402 5.862 13.641C5.461 13.896 5.06 14.091 4.658 14.224C4.19 14.38 3.758 14.44 3.361 14.404C2.874 14.36 2.469 14.176 2.146 13.854C1.824 13.531 1.64 13.126 1.596 12.639C1.56 12.242 1.62 11.81 1.776 11.342C1.909 10.94 2.104 10.539 2.359 10.138C2.598 9.763 2.86 9.433 3.146 9.146L4.293 8L3.146 6.854C2.86 6.567 2.598 6.237 2.359 5.862C2.104 5.461 1.909 5.06 1.776 4.658C1.62 4.19 1.56 3.758 1.596 3.361C1.64 2.874 1.824 2.469 2.146 2.146C2.469 1.824 2.874 1.64 3.361 1.596C3.758 1.56 4.19 1.62 4.658 1.776C5.06 1.909 5.461 2.104 5.862 2.359C6.237 2.598 6.567 2.86 6.854 3.146L8 4.293L9.146 3.146C9.433 2.86 9.763 2.598 10.138 2.359C10.539 2.104 10.94 1.909 11.342 1.776C11.81 1.62 12.242 1.56 12.639 1.596C13.126 1.64 13.531 1.824 13.854 2.146C14.176 2.469 14.36 2.874 14.404 3.361C14.44 3.758 14.38 4.19 14.224 4.658C14.091 5.06 13.896 5.461 13.641 5.862C13.402 6.237 13.14 6.567 12.854 6.854L11.707 8L12.854 9.146C13.14 9.433 13.402 9.763 13.641 10.138C13.896 10.539 14.091 10.94 14.224 11.342C14.38 11.81 14.44 12.242 14.404 12.639C14.36 13.126 14.176 13.531 13.854 13.854C13.531 14.176 13.126 14.36 12.639 14.404C12.242 14.44 11.81 14.38 11.342 14.224C10.94 14.091 10.539 13.896 10.138 13.641C9.763 13.402 9.433 13.14 9.146 12.854L8 11.707L6.854 12.854ZM6.146 3.854C5.912 3.619 5.638 3.402 5.325 3.203C4.993 2.992 4.665 2.832 4.342 2.724C4.006 2.612 3.709 2.568 3.452 2.592C3.205 2.614 3.006 2.701 2.854 2.854C2.701 3.006 2.614 3.205 2.592 3.452C2.568 3.709 2.612 4.006 2.724 4.342C2.832 4.665 2.992 4.993 3.203 5.325C3.402 5.638 3.619 5.912 3.854 6.146L5 7.293L7.293 5L6.146 3.854ZM12.797 5.325C13.008 4.993 13.168 4.665 13.276 4.342C13.388 4.006 13.432 3.709 13.408 3.452C13.386 3.205 13.299 3.006 13.146 2.854C12.994 2.701 12.795 2.614 12.548 2.592C12.291 2.568 11.994 2.612 11.658 2.724C11.335 2.832 11.007 2.992 10.675 3.203C10.362 3.402 10.088 3.619 9.854 3.854L8.707 5L11 7.293L12.146 6.146C12.381 5.912 12.598 5.638 12.797 5.325ZM8 5.707L5.707 8L8 10.293L10.293 8L8 5.707ZM7.293 7.293C7.488 7.098 7.724 7 8 7C8.276 7 8.512 7.098 8.707 7.293C8.902 7.488 9 7.724 9 8C9 8.276 8.902 8.512 8.707 8.707C8.512 8.902 8.276 9 8 9C7.724 9 7.488 8.902 7.293 8.707C7.098 8.512 7 8.276 7 8C7 7.724 7.098 7.488 7.293 7.293ZM3.854 9.854C3.619 10.088 3.402 10.362 3.203 10.675C2.992 11.007 2.832 11.335 2.724 11.658C2.612 11.994 2.568 12.291 2.592 12.548C2.614 12.795 2.701 12.994 2.854 13.146C3.006 13.299 3.205 13.386 3.452 13.408C3.709 13.432 4.006 13.388 4.342 13.276C4.665 13.168 4.993 13.008 5.325 12.797C5.638 12.598 5.912 12.381 6.146 12.146L7.293 11L5 8.707L3.854 9.854ZM10.675 12.797C11.007 13.008 11.335 13.168 11.658 13.276C11.994 13.388 12.291 13.432 12.548 13.408C12.795 13.386 12.994 13.299 13.146 13.146C13.299 12.994 13.386 12.795 13.408 12.548C13.432 12.291 13.388 11.994 13.276 11.658C13.168 11.335 13.008 11.007 12.797 10.675C12.598 10.362 12.381 10.088 12.146 9.854L11 8.707L8.707 11L9.854 12.146C10.088 12.381 10.362 12.598 10.675 12.797Z" />
</svg>
```

### HTML img

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

### CSS

```css
/* Gentleface "atom" (line-round), MIT. https://gentleface.com/icons/atom. Takes the text color. */
.icon-atom {
  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='M6.854 12.854C6.567 13.14 6.237 13.402 5.862 13.641C5.461 13.896 5.06 14.091 4.658 14.224C4.19 14.38 3.758 14.44 3.361 14.404C2.874 14.36 2.469 14.176 2.146 13.854C1.824 13.531 1.64 13.126 1.596 12.639C1.56 12.242 1.62 11.81 1.776 11.342C1.909 10.94 2.104 10.539 2.359 10.138C2.598 9.763 2.86 9.433 3.146 9.146L4.293 8L3.146 6.854C2.86 6.567 2.598 6.237 2.359 5.862C2.104 5.461 1.909 5.06 1.776 4.658C1.62 4.19 1.56 3.758 1.596 3.361C1.64 2.874 1.824 2.469 2.146 2.146C2.469 1.824 2.874 1.64 3.361 1.596C3.758 1.56 4.19 1.62 4.658 1.776C5.06 1.909 5.461 2.104 5.862 2.359C6.237 2.598 6.567 2.86 6.854 3.146L8 4.293L9.146 3.146C9.433 2.86 9.763 2.598 10.138 2.359C10.539 2.104 10.94 1.909 11.342 1.776C11.81 1.62 12.242 1.56 12.639 1.596C13.126 1.64 13.531 1.824 13.854 2.146C14.176 2.469 14.36 2.874 14.404 3.361C14.44 3.758 14.38 4.19 14.224 4.658C14.091 5.06 13.896 5.461 13.641 5.862C13.402 6.237 13.14 6.567 12.854 6.854L11.707 8L12.854 9.146C13.14 9.433 13.402 9.763 13.641 10.138C13.896 10.539 14.091 10.94 14.224 11.342C14.38 11.81 14.44 12.242 14.404 12.639C14.36 13.126 14.176 13.531 13.854 13.854C13.531 14.176 13.126 14.36 12.639 14.404C12.242 14.44 11.81 14.38 11.342 14.224C10.94 14.091 10.539 13.896 10.138 13.641C9.763 13.402 9.433 13.14 9.146 12.854L8 11.707L6.854 12.854ZM6.146 3.854C5.912 3.619 5.638 3.402 5.325 3.203C4.993 2.992 4.665 2.832 4.342 2.724C4.006 2.612 3.709 2.568 3.452 2.592C3.205 2.614 3.006 2.701 2.854 2.854C2.701 3.006 2.614 3.205 2.592 3.452C2.568 3.709 2.612 4.006 2.724 4.342C2.832 4.665 2.992 4.993 3.203 5.325C3.402 5.638 3.619 5.912 3.854 6.146L5 7.293L7.293 5L6.146 3.854ZM12.797 5.325C13.008 4.993 13.168 4.665 13.276 4.342C13.388 4.006 13.432 3.709 13.408 3.452C13.386 3.205 13.299 3.006 13.146 2.854C12.994 2.701 12.795 2.614 12.548 2.592C12.291 2.568 11.994 2.612 11.658 2.724C11.335 2.832 11.007 2.992 10.675 3.203C10.362 3.402 10.088 3.619 9.854 3.854L8.707 5L11 7.293L12.146 6.146C12.381 5.912 12.598 5.638 12.797 5.325ZM8 5.707L5.707 8L8 10.293L10.293 8L8 5.707ZM7.293 7.293C7.488 7.098 7.724 7 8 7C8.276 7 8.512 7.098 8.707 7.293C8.902 7.488 9 7.724 9 8C9 8.276 8.902 8.512 8.707 8.707C8.512 8.902 8.276 9 8 9C7.724 9 7.488 8.902 7.293 8.707C7.098 8.512 7 8.276 7 8C7 7.724 7.098 7.488 7.293 7.293ZM3.854 9.854C3.619 10.088 3.402 10.362 3.203 10.675C2.992 11.007 2.832 11.335 2.724 11.658C2.612 11.994 2.568 12.291 2.592 12.548C2.614 12.795 2.701 12.994 2.854 13.146C3.006 13.299 3.205 13.386 3.452 13.408C3.709 13.432 4.006 13.388 4.342 13.276C4.665 13.168 4.993 13.008 5.325 12.797C5.638 12.598 5.912 12.381 6.146 12.146L7.293 11L5 8.707L3.854 9.854ZM10.675 12.797C11.007 13.008 11.335 13.168 11.658 13.276C11.994 13.388 12.291 13.432 12.548 13.408C12.795 13.386 12.994 13.299 13.146 13.146C13.299 12.994 13.386 12.795 13.408 12.548C13.432 12.291 13.388 11.994 13.276 11.658C13.168 11.335 13.008 11.007 12.797 10.675C12.598 10.362 12.381 10.088 12.146 9.854L11 8.707L8.707 11L9.854 12.146C10.088 12.381 10.362 12.598 10.675 12.797Z'/%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='M6.854 12.854C6.567 13.14 6.237 13.402 5.862 13.641C5.461 13.896 5.06 14.091 4.658 14.224C4.19 14.38 3.758 14.44 3.361 14.404C2.874 14.36 2.469 14.176 2.146 13.854C1.824 13.531 1.64 13.126 1.596 12.639C1.56 12.242 1.62 11.81 1.776 11.342C1.909 10.94 2.104 10.539 2.359 10.138C2.598 9.763 2.86 9.433 3.146 9.146L4.293 8L3.146 6.854C2.86 6.567 2.598 6.237 2.359 5.862C2.104 5.461 1.909 5.06 1.776 4.658C1.62 4.19 1.56 3.758 1.596 3.361C1.64 2.874 1.824 2.469 2.146 2.146C2.469 1.824 2.874 1.64 3.361 1.596C3.758 1.56 4.19 1.62 4.658 1.776C5.06 1.909 5.461 2.104 5.862 2.359C6.237 2.598 6.567 2.86 6.854 3.146L8 4.293L9.146 3.146C9.433 2.86 9.763 2.598 10.138 2.359C10.539 2.104 10.94 1.909 11.342 1.776C11.81 1.62 12.242 1.56 12.639 1.596C13.126 1.64 13.531 1.824 13.854 2.146C14.176 2.469 14.36 2.874 14.404 3.361C14.44 3.758 14.38 4.19 14.224 4.658C14.091 5.06 13.896 5.461 13.641 5.862C13.402 6.237 13.14 6.567 12.854 6.854L11.707 8L12.854 9.146C13.14 9.433 13.402 9.763 13.641 10.138C13.896 10.539 14.091 10.94 14.224 11.342C14.38 11.81 14.44 12.242 14.404 12.639C14.36 13.126 14.176 13.531 13.854 13.854C13.531 14.176 13.126 14.36 12.639 14.404C12.242 14.44 11.81 14.38 11.342 14.224C10.94 14.091 10.539 13.896 10.138 13.641C9.763 13.402 9.433 13.14 9.146 12.854L8 11.707L6.854 12.854ZM6.146 3.854C5.912 3.619 5.638 3.402 5.325 3.203C4.993 2.992 4.665 2.832 4.342 2.724C4.006 2.612 3.709 2.568 3.452 2.592C3.205 2.614 3.006 2.701 2.854 2.854C2.701 3.006 2.614 3.205 2.592 3.452C2.568 3.709 2.612 4.006 2.724 4.342C2.832 4.665 2.992 4.993 3.203 5.325C3.402 5.638 3.619 5.912 3.854 6.146L5 7.293L7.293 5L6.146 3.854ZM12.797 5.325C13.008 4.993 13.168 4.665 13.276 4.342C13.388 4.006 13.432 3.709 13.408 3.452C13.386 3.205 13.299 3.006 13.146 2.854C12.994 2.701 12.795 2.614 12.548 2.592C12.291 2.568 11.994 2.612 11.658 2.724C11.335 2.832 11.007 2.992 10.675 3.203C10.362 3.402 10.088 3.619 9.854 3.854L8.707 5L11 7.293L12.146 6.146C12.381 5.912 12.598 5.638 12.797 5.325ZM8 5.707L5.707 8L8 10.293L10.293 8L8 5.707ZM7.293 7.293C7.488 7.098 7.724 7 8 7C8.276 7 8.512 7.098 8.707 7.293C8.902 7.488 9 7.724 9 8C9 8.276 8.902 8.512 8.707 8.707C8.512 8.902 8.276 9 8 9C7.724 9 7.488 8.902 7.293 8.707C7.098 8.512 7 8.276 7 8C7 7.724 7.098 7.488 7.293 7.293ZM3.854 9.854C3.619 10.088 3.402 10.362 3.203 10.675C2.992 11.007 2.832 11.335 2.724 11.658C2.612 11.994 2.568 12.291 2.592 12.548C2.614 12.795 2.701 12.994 2.854 13.146C3.006 13.299 3.205 13.386 3.452 13.408C3.709 13.432 4.006 13.388 4.342 13.276C4.665 13.168 4.993 13.008 5.325 12.797C5.638 12.598 5.912 12.381 6.146 12.146L7.293 11L5 8.707L3.854 9.854ZM10.675 12.797C11.007 13.008 11.335 13.168 11.658 13.276C11.994 13.388 12.291 13.432 12.548 13.408C12.795 13.386 12.994 13.299 13.146 13.146C13.299 12.994 13.386 12.795 13.408 12.548C13.432 12.291 13.388 11.994 13.276 11.658C13.168 11.335 13.008 11.007 12.797 10.675C12.598 10.362 12.381 10.088 12.146 9.854L11 8.707L8.707 11L9.854 12.146C10.088 12.381 10.362 12.598 10.675 12.797Z'/%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='M6.854 12.854C6.567 13.14 6.237 13.402 5.862 13.641C5.461 13.896 5.06 14.091 4.658 14.224C4.19 14.38 3.758 14.44 3.361 14.404C2.874 14.36 2.469 14.176 2.146 13.854C1.824 13.531 1.64 13.126 1.596 12.639C1.56 12.242 1.62 11.81 1.776 11.342C1.909 10.94 2.104 10.539 2.359 10.138C2.598 9.763 2.86 9.433 3.146 9.146L4.293 8L3.146 6.854C2.86 6.567 2.598 6.237 2.359 5.862C2.104 5.461 1.909 5.06 1.776 4.658C1.62 4.19 1.56 3.758 1.596 3.361C1.64 2.874 1.824 2.469 2.146 2.146C2.469 1.824 2.874 1.64 3.361 1.596C3.758 1.56 4.19 1.62 4.658 1.776C5.06 1.909 5.461 2.104 5.862 2.359C6.237 2.598 6.567 2.86 6.854 3.146L8 4.293L9.146 3.146C9.433 2.86 9.763 2.598 10.138 2.359C10.539 2.104 10.94 1.909 11.342 1.776C11.81 1.62 12.242 1.56 12.639 1.596C13.126 1.64 13.531 1.824 13.854 2.146C14.176 2.469 14.36 2.874 14.404 3.361C14.44 3.758 14.38 4.19 14.224 4.658C14.091 5.06 13.896 5.461 13.641 5.862C13.402 6.237 13.14 6.567 12.854 6.854L11.707 8L12.854 9.146C13.14 9.433 13.402 9.763 13.641 10.138C13.896 10.539 14.091 10.94 14.224 11.342C14.38 11.81 14.44 12.242 14.404 12.639C14.36 13.126 14.176 13.531 13.854 13.854C13.531 14.176 13.126 14.36 12.639 14.404C12.242 14.44 11.81 14.38 11.342 14.224C10.94 14.091 10.539 13.896 10.138 13.641C9.763 13.402 9.433 13.14 9.146 12.854L8 11.707L6.854 12.854ZM6.146 3.854C5.912 3.619 5.638 3.402 5.325 3.203C4.993 2.992 4.665 2.832 4.342 2.724C4.006 2.612 3.709 2.568 3.452 2.592C3.205 2.614 3.006 2.701 2.854 2.854C2.701 3.006 2.614 3.205 2.592 3.452C2.568 3.709 2.612 4.006 2.724 4.342C2.832 4.665 2.992 4.993 3.203 5.325C3.402 5.638 3.619 5.912 3.854 6.146L5 7.293L7.293 5L6.146 3.854ZM12.797 5.325C13.008 4.993 13.168 4.665 13.276 4.342C13.388 4.006 13.432 3.709 13.408 3.452C13.386 3.205 13.299 3.006 13.146 2.854C12.994 2.701 12.795 2.614 12.548 2.592C12.291 2.568 11.994 2.612 11.658 2.724C11.335 2.832 11.007 2.992 10.675 3.203C10.362 3.402 10.088 3.619 9.854 3.854L8.707 5L11 7.293L12.146 6.146C12.381 5.912 12.598 5.638 12.797 5.325ZM8 5.707L5.707 8L8 10.293L10.293 8L8 5.707ZM7.293 7.293C7.488 7.098 7.724 7 8 7C8.276 7 8.512 7.098 8.707 7.293C8.902 7.488 9 7.724 9 8C9 8.276 8.902 8.512 8.707 8.707C8.512 8.902 8.276 9 8 9C7.724 9 7.488 8.902 7.293 8.707C7.098 8.512 7 8.276 7 8C7 7.724 7.098 7.488 7.293 7.293ZM3.854 9.854C3.619 10.088 3.402 10.362 3.203 10.675C2.992 11.007 2.832 11.335 2.724 11.658C2.612 11.994 2.568 12.291 2.592 12.548C2.614 12.795 2.701 12.994 2.854 13.146C3.006 13.299 3.205 13.386 3.452 13.408C3.709 13.432 4.006 13.388 4.342 13.276C4.665 13.168 4.993 13.008 5.325 12.797C5.638 12.598 5.912 12.381 6.146 12.146L7.293 11L5 8.707L3.854 9.854ZM10.675 12.797C11.007 13.008 11.335 13.168 11.658 13.276C11.994 13.388 12.291 13.432 12.548 13.408C12.795 13.386 12.994 13.299 13.146 13.146C13.299 12.994 13.386 12.795 13.408 12.548C13.432 12.291 13.388 11.994 13.276 11.658C13.168 11.335 13.008 11.007 12.797 10.675C12.598 10.362 12.381 10.088 12.146 9.854L11 8.707L8.707 11L9.854 12.146C10.088 12.381 10.362 12.598 10.675 12.797Z'/%3E%3C/svg%3E
```

### Sprite

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

### SwiftUI

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

struct AtomIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 6.854, y: 12.854))
        p.addCurve(to: CGPoint(x: 5.862, y: 13.641), control1: CGPoint(x: 6.567, y: 13.14), control2: CGPoint(x: 6.237, y: 13.402))
        p.addCurve(to: CGPoint(x: 4.658, y: 14.224), control1: CGPoint(x: 5.461, y: 13.896), control2: CGPoint(x: 5.06, y: 14.091))
        p.addCurve(to: CGPoint(x: 3.361, y: 14.404), control1: CGPoint(x: 4.19, y: 14.38), control2: CGPoint(x: 3.758, y: 14.44))
        p.addCurve(to: CGPoint(x: 2.146, y: 13.854), control1: CGPoint(x: 2.874, y: 14.36), control2: CGPoint(x: 2.469, y: 14.176))
        p.addCurve(to: CGPoint(x: 1.596, y: 12.639), control1: CGPoint(x: 1.824, y: 13.531), control2: CGPoint(x: 1.64, y: 13.126))
        p.addCurve(to: CGPoint(x: 1.776, y: 11.342), control1: CGPoint(x: 1.56, y: 12.242), control2: CGPoint(x: 1.62, y: 11.81))
        p.addCurve(to: CGPoint(x: 2.359, y: 10.138), control1: CGPoint(x: 1.909, y: 10.94), control2: CGPoint(x: 2.104, y: 10.539))
        p.addCurve(to: CGPoint(x: 3.146, y: 9.146), control1: CGPoint(x: 2.598, y: 9.763), control2: CGPoint(x: 2.86, y: 9.433))
        p.addLine(to: CGPoint(x: 4.293, y: 8))
        p.addLine(to: CGPoint(x: 3.146, y: 6.854))
        p.addCurve(to: CGPoint(x: 2.359, y: 5.862), control1: CGPoint(x: 2.86, y: 6.567), control2: CGPoint(x: 2.598, y: 6.237))
        p.addCurve(to: CGPoint(x: 1.776, y: 4.658), control1: CGPoint(x: 2.104, y: 5.461), control2: CGPoint(x: 1.909, y: 5.06))
        p.addCurve(to: CGPoint(x: 1.596, y: 3.361), control1: CGPoint(x: 1.62, y: 4.19), control2: CGPoint(x: 1.56, y: 3.758))
        p.addCurve(to: CGPoint(x: 2.146, y: 2.146), control1: CGPoint(x: 1.64, y: 2.874), control2: CGPoint(x: 1.824, y: 2.469))
        p.addCurve(to: CGPoint(x: 3.361, y: 1.596), control1: CGPoint(x: 2.469, y: 1.824), control2: CGPoint(x: 2.874, y: 1.64))
        p.addCurve(to: CGPoint(x: 4.658, y: 1.776), control1: CGPoint(x: 3.758, y: 1.56), control2: CGPoint(x: 4.19, y: 1.62))
        p.addCurve(to: CGPoint(x: 5.862, y: 2.359), control1: CGPoint(x: 5.06, y: 1.909), control2: CGPoint(x: 5.461, y: 2.104))
        p.addCurve(to: CGPoint(x: 6.854, y: 3.146), control1: CGPoint(x: 6.237, y: 2.598), control2: CGPoint(x: 6.567, y: 2.86))
        p.addLine(to: CGPoint(x: 8, y: 4.293))
        p.addLine(to: CGPoint(x: 9.146, y: 3.146))
        p.addCurve(to: CGPoint(x: 10.138, y: 2.359), control1: CGPoint(x: 9.433, y: 2.86), control2: CGPoint(x: 9.763, y: 2.598))
        p.addCurve(to: CGPoint(x: 11.342, y: 1.776), control1: CGPoint(x: 10.539, y: 2.104), control2: CGPoint(x: 10.94, y: 1.909))
        p.addCurve(to: CGPoint(x: 12.639, y: 1.596), control1: CGPoint(x: 11.81, y: 1.62), control2: CGPoint(x: 12.242, y: 1.56))
        p.addCurve(to: CGPoint(x: 13.854, y: 2.146), control1: CGPoint(x: 13.126, y: 1.64), control2: CGPoint(x: 13.531, y: 1.824))
        p.addCurve(to: CGPoint(x: 14.404, y: 3.361), control1: CGPoint(x: 14.176, y: 2.469), control2: CGPoint(x: 14.36, y: 2.874))
        p.addCurve(to: CGPoint(x: 14.224, y: 4.658), control1: CGPoint(x: 14.44, y: 3.758), control2: CGPoint(x: 14.38, y: 4.19))
        p.addCurve(to: CGPoint(x: 13.641, y: 5.862), control1: CGPoint(x: 14.091, y: 5.06), control2: CGPoint(x: 13.896, y: 5.461))
        p.addCurve(to: CGPoint(x: 12.854, y: 6.854), control1: CGPoint(x: 13.402, y: 6.237), control2: CGPoint(x: 13.14, y: 6.567))
        p.addLine(to: CGPoint(x: 11.707, y: 8))
        p.addLine(to: CGPoint(x: 12.854, y: 9.146))
        p.addCurve(to: CGPoint(x: 13.641, y: 10.138), control1: CGPoint(x: 13.14, y: 9.433), control2: CGPoint(x: 13.402, y: 9.763))
        p.addCurve(to: CGPoint(x: 14.224, y: 11.342), control1: CGPoint(x: 13.896, y: 10.539), control2: CGPoint(x: 14.091, y: 10.94))
        p.addCurve(to: CGPoint(x: 14.404, y: 12.639), control1: CGPoint(x: 14.38, y: 11.81), control2: CGPoint(x: 14.44, y: 12.242))
        p.addCurve(to: CGPoint(x: 13.854, y: 13.854), control1: CGPoint(x: 14.36, y: 13.126), control2: CGPoint(x: 14.176, y: 13.531))
        p.addCurve(to: CGPoint(x: 12.639, y: 14.404), control1: CGPoint(x: 13.531, y: 14.176), control2: CGPoint(x: 13.126, y: 14.36))
        p.addCurve(to: CGPoint(x: 11.342, y: 14.224), control1: CGPoint(x: 12.242, y: 14.44), control2: CGPoint(x: 11.81, y: 14.38))
        p.addCurve(to: CGPoint(x: 10.138, y: 13.641), control1: CGPoint(x: 10.94, y: 14.091), control2: CGPoint(x: 10.539, y: 13.896))
        p.addCurve(to: CGPoint(x: 9.146, y: 12.854), control1: CGPoint(x: 9.763, y: 13.402), control2: CGPoint(x: 9.433, y: 13.14))
        p.addLine(to: CGPoint(x: 8, y: 11.707))
        p.addLine(to: CGPoint(x: 6.854, y: 12.854))
        p.closeSubpath()
        p.move(to: CGPoint(x: 6.146, y: 3.854))
        p.addCurve(to: CGPoint(x: 5.325, y: 3.203), control1: CGPoint(x: 5.912, y: 3.619), control2: CGPoint(x: 5.638, y: 3.402))
        p.addCurve(to: CGPoint(x: 4.342, y: 2.724), control1: CGPoint(x: 4.993, y: 2.992), control2: CGPoint(x: 4.665, y: 2.832))
        p.addCurve(to: CGPoint(x: 3.452, y: 2.592), control1: CGPoint(x: 4.006, y: 2.612), control2: CGPoint(x: 3.709, y: 2.568))
        p.addCurve(to: CGPoint(x: 2.854, y: 2.854), control1: CGPoint(x: 3.205, y: 2.614), control2: CGPoint(x: 3.006, y: 2.701))
        p.addCurve(to: CGPoint(x: 2.592, y: 3.452), control1: CGPoint(x: 2.701, y: 3.006), control2: CGPoint(x: 2.614, y: 3.205))
        p.addCurve(to: CGPoint(x: 2.724, y: 4.342), control1: CGPoint(x: 2.568, y: 3.709), control2: CGPoint(x: 2.612, y: 4.006))
        p.addCurve(to: CGPoint(x: 3.203, y: 5.325), control1: CGPoint(x: 2.832, y: 4.665), control2: CGPoint(x: 2.992, y: 4.993))
        p.addCurve(to: CGPoint(x: 3.854, y: 6.146), control1: CGPoint(x: 3.402, y: 5.638), control2: CGPoint(x: 3.619, y: 5.912))
        p.addLine(to: CGPoint(x: 5, y: 7.293))
        p.addLine(to: CGPoint(x: 7.293, y: 5))
        p.addLine(to: CGPoint(x: 6.146, y: 3.854))
        p.closeSubpath()
        p.move(to: CGPoint(x: 12.797, y: 5.325))
        p.addCurve(to: CGPoint(x: 13.276, y: 4.342), control1: CGPoint(x: 13.008, y: 4.993), control2: CGPoint(x: 13.168, y: 4.665))
        p.addCurve(to: CGPoint(x: 13.408, y: 3.452), control1: CGPoint(x: 13.388, y: 4.006), control2: CGPoint(x: 13.432, y: 3.709))
        p.addCurve(to: CGPoint(x: 13.146, y: 2.854), control1: CGPoint(x: 13.386, y: 3.205), control2: CGPoint(x: 13.299, y: 3.006))
        p.addCurve(to: CGPoint(x: 12.548, y: 2.592), control1: CGPoint(x: 12.994, y: 2.701), control2: CGPoint(x: 12.795, y: 2.614))
        p.addCurve(to: CGPoint(x: 11.658, y: 2.724), control1: CGPoint(x: 12.291, y: 2.568), control2: CGPoint(x: 11.994, y: 2.612))
        p.addCurve(to: CGPoint(x: 10.675, y: 3.203), control1: CGPoint(x: 11.335, y: 2.832), control2: CGPoint(x: 11.007, y: 2.992))
        p.addCurve(to: CGPoint(x: 9.854, y: 3.854), control1: CGPoint(x: 10.362, y: 3.402), control2: CGPoint(x: 10.088, y: 3.619))
        p.addLine(to: CGPoint(x: 8.707, y: 5))
        p.addLine(to: CGPoint(x: 11, y: 7.293))
        p.addLine(to: CGPoint(x: 12.146, y: 6.146))
        p.addCurve(to: CGPoint(x: 12.797, y: 5.325), control1: CGPoint(x: 12.381, y: 5.912), control2: CGPoint(x: 12.598, y: 5.638))
        p.closeSubpath()
        p.move(to: CGPoint(x: 8, y: 5.707))
        p.addLine(to: CGPoint(x: 5.707, y: 8))
        p.addLine(to: CGPoint(x: 8, y: 10.293))
        p.addLine(to: CGPoint(x: 10.293, y: 8))
        p.addLine(to: CGPoint(x: 8, y: 5.707))
        p.closeSubpath()
        p.move(to: CGPoint(x: 7.293, y: 7.293))
        p.addCurve(to: CGPoint(x: 8, y: 7), control1: CGPoint(x: 7.488, y: 7.098), control2: CGPoint(x: 7.724, y: 7))
        p.addCurve(to: CGPoint(x: 8.707, y: 7.293), control1: CGPoint(x: 8.276, y: 7), control2: CGPoint(x: 8.512, y: 7.098))
        p.addCurve(to: CGPoint(x: 9, y: 8), control1: CGPoint(x: 8.902, y: 7.488), control2: CGPoint(x: 9, y: 7.724))
        p.addCurve(to: CGPoint(x: 8.707, y: 8.707), control1: CGPoint(x: 9, y: 8.276), control2: CGPoint(x: 8.902, y: 8.512))
        p.addCurve(to: CGPoint(x: 8, y: 9), control1: CGPoint(x: 8.512, y: 8.902), control2: CGPoint(x: 8.276, y: 9))
        p.addCurve(to: CGPoint(x: 7.293, y: 8.707), control1: CGPoint(x: 7.724, y: 9), control2: CGPoint(x: 7.488, y: 8.902))
        p.addCurve(to: CGPoint(x: 7, y: 8), control1: CGPoint(x: 7.098, y: 8.512), control2: CGPoint(x: 7, y: 8.276))
        p.addCurve(to: CGPoint(x: 7.293, y: 7.293), control1: CGPoint(x: 7, y: 7.724), control2: CGPoint(x: 7.098, y: 7.488))
        p.closeSubpath()
        p.move(to: CGPoint(x: 3.854, y: 9.854))
        p.addCurve(to: CGPoint(x: 3.203, y: 10.675), control1: CGPoint(x: 3.619, y: 10.088), control2: CGPoint(x: 3.402, y: 10.362))
        p.addCurve(to: CGPoint(x: 2.724, y: 11.658), control1: CGPoint(x: 2.992, y: 11.007), control2: CGPoint(x: 2.832, y: 11.335))
        p.addCurve(to: CGPoint(x: 2.592, y: 12.548), control1: CGPoint(x: 2.612, y: 11.994), control2: CGPoint(x: 2.568, y: 12.291))
        p.addCurve(to: CGPoint(x: 2.854, y: 13.146), control1: CGPoint(x: 2.614, y: 12.795), control2: CGPoint(x: 2.701, y: 12.994))
        p.addCurve(to: CGPoint(x: 3.452, y: 13.408), control1: CGPoint(x: 3.006, y: 13.299), control2: CGPoint(x: 3.205, y: 13.386))
        p.addCurve(to: CGPoint(x: 4.342, y: 13.276), control1: CGPoint(x: 3.709, y: 13.432), control2: CGPoint(x: 4.006, y: 13.388))
        p.addCurve(to: CGPoint(x: 5.325, y: 12.797), control1: CGPoint(x: 4.665, y: 13.168), control2: CGPoint(x: 4.993, y: 13.008))
        p.addCurve(to: CGPoint(x: 6.146, y: 12.146), control1: CGPoint(x: 5.638, y: 12.598), control2: CGPoint(x: 5.912, y: 12.381))
        p.addLine(to: CGPoint(x: 7.293, y: 11))
        p.addLine(to: CGPoint(x: 5, y: 8.707))
        p.addLine(to: CGPoint(x: 3.854, y: 9.854))
        p.closeSubpath()
        p.move(to: CGPoint(x: 10.675, y: 12.797))
        p.addCurve(to: CGPoint(x: 11.658, y: 13.276), control1: CGPoint(x: 11.007, y: 13.008), control2: CGPoint(x: 11.335, y: 13.168))
        p.addCurve(to: CGPoint(x: 12.548, y: 13.408), control1: CGPoint(x: 11.994, y: 13.388), control2: CGPoint(x: 12.291, y: 13.432))
        p.addCurve(to: CGPoint(x: 13.146, y: 13.146), control1: CGPoint(x: 12.795, y: 13.386), control2: CGPoint(x: 12.994, y: 13.299))
        p.addCurve(to: CGPoint(x: 13.408, y: 12.548), control1: CGPoint(x: 13.299, y: 12.994), control2: CGPoint(x: 13.386, y: 12.795))
        p.addCurve(to: CGPoint(x: 13.276, y: 11.658), control1: CGPoint(x: 13.432, y: 12.291), control2: CGPoint(x: 13.388, y: 11.994))
        p.addCurve(to: CGPoint(x: 12.797, y: 10.675), control1: CGPoint(x: 13.168, y: 11.335), control2: CGPoint(x: 13.008, y: 11.007))
        p.addCurve(to: CGPoint(x: 12.146, y: 9.854), control1: CGPoint(x: 12.598, y: 10.362), control2: CGPoint(x: 12.381, y: 10.088))
        p.addLine(to: CGPoint(x: 11, y: 8.707))
        p.addLine(to: CGPoint(x: 8.707, y: 11))
        p.addLine(to: CGPoint(x: 9.854, y: 12.146))
        p.addCurve(to: CGPoint(x: 10.675, y: 12.797), control1: CGPoint(x: 10.088, y: 12.381), control2: CGPoint(x: 10.362, y: 12.598))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "atom" (line-round), MIT. https://gentleface.com/icons/atom
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 AtomIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "atom", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M6.854 12.854C6.567 13.14 6.237 13.402 5.862 13.641C5.461 13.896 5.06 14.091 4.658 14.224C4.19 14.38 3.758 14.44 3.361 14.404C2.874 14.36 2.469 14.176 2.146 13.854C1.824 13.531 1.64 13.126 1.596 12.639C1.56 12.242 1.62 11.81 1.776 11.342C1.909 10.94 2.104 10.539 2.359 10.138C2.598 9.763 2.86 9.433 3.146 9.146L4.293 8L3.146 6.854C2.86 6.567 2.598 6.237 2.359 5.862C2.104 5.461 1.909 5.06 1.776 4.658C1.62 4.19 1.56 3.758 1.596 3.361C1.64 2.874 1.824 2.469 2.146 2.146C2.469 1.824 2.874 1.64 3.361 1.596C3.758 1.56 4.19 1.62 4.658 1.776C5.06 1.909 5.461 2.104 5.862 2.359C6.237 2.598 6.567 2.86 6.854 3.146L8 4.293L9.146 3.146C9.433 2.86 9.763 2.598 10.138 2.359C10.539 2.104 10.94 1.909 11.342 1.776C11.81 1.62 12.242 1.56 12.639 1.596C13.126 1.64 13.531 1.824 13.854 2.146C14.176 2.469 14.36 2.874 14.404 3.361C14.44 3.758 14.38 4.19 14.224 4.658C14.091 5.06 13.896 5.461 13.641 5.862C13.402 6.237 13.14 6.567 12.854 6.854L11.707 8L12.854 9.146C13.14 9.433 13.402 9.763 13.641 10.138C13.896 10.539 14.091 10.94 14.224 11.342C14.38 11.81 14.44 12.242 14.404 12.639C14.36 13.126 14.176 13.531 13.854 13.854C13.531 14.176 13.126 14.36 12.639 14.404C12.242 14.44 11.81 14.38 11.342 14.224C10.94 14.091 10.539 13.896 10.138 13.641C9.763 13.402 9.433 13.14 9.146 12.854L8 11.707L6.854 12.854ZM6.146 3.854C5.912 3.619 5.638 3.402 5.325 3.203C4.993 2.992 4.665 2.832 4.342 2.724C4.006 2.612 3.709 2.568 3.452 2.592C3.205 2.614 3.006 2.701 2.854 2.854C2.701 3.006 2.614 3.205 2.592 3.452C2.568 3.709 2.612 4.006 2.724 4.342C2.832 4.665 2.992 4.993 3.203 5.325C3.402 5.638 3.619 5.912 3.854 6.146L5 7.293L7.293 5L6.146 3.854ZM12.797 5.325C13.008 4.993 13.168 4.665 13.276 4.342C13.388 4.006 13.432 3.709 13.408 3.452C13.386 3.205 13.299 3.006 13.146 2.854C12.994 2.701 12.795 2.614 12.548 2.592C12.291 2.568 11.994 2.612 11.658 2.724C11.335 2.832 11.007 2.992 10.675 3.203C10.362 3.402 10.088 3.619 9.854 3.854L8.707 5L11 7.293L12.146 6.146C12.381 5.912 12.598 5.638 12.797 5.325ZM8 5.707L5.707 8L8 10.293L10.293 8L8 5.707ZM7.293 7.293C7.488 7.098 7.724 7 8 7C8.276 7 8.512 7.098 8.707 7.293C8.902 7.488 9 7.724 9 8C9 8.276 8.902 8.512 8.707 8.707C8.512 8.902 8.276 9 8 9C7.724 9 7.488 8.902 7.293 8.707C7.098 8.512 7 8.276 7 8C7 7.724 7.098 7.488 7.293 7.293ZM3.854 9.854C3.619 10.088 3.402 10.362 3.203 10.675C2.992 11.007 2.832 11.335 2.724 11.658C2.612 11.994 2.568 12.291 2.592 12.548C2.614 12.795 2.701 12.994 2.854 13.146C3.006 13.299 3.205 13.386 3.452 13.408C3.709 13.432 4.006 13.388 4.342 13.276C4.665 13.168 4.993 13.008 5.325 12.797C5.638 12.598 5.912 12.381 6.146 12.146L7.293 11L5 8.707L3.854 9.854ZM10.675 12.797C11.007 13.008 11.335 13.168 11.658 13.276C11.994 13.388 12.291 13.432 12.548 13.408C12.795 13.386 12.994 13.299 13.146 13.146C13.299 12.994 13.386 12.795 13.408 12.548C13.432 12.291 13.388 11.994 13.276 11.658C13.168 11.335 13.008 11.007 12.797 10.675C12.598 10.362 12.381 10.088 12.146 9.854L11 8.707L8.707 11L9.854 12.146C10.088 12.381 10.362 12.598 10.675 12.797Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_atom.xml · Gentleface "atom" (line-round), MIT. https://gentleface.com/icons/atom -->
<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="M6.854 12.854C6.567 13.14 6.237 13.402 5.862 13.641C5.461 13.896 5.06 14.091 4.658 14.224C4.19 14.38 3.758 14.44 3.361 14.404C2.874 14.36 2.469 14.176 2.146 13.854C1.824 13.531 1.64 13.126 1.596 12.639C1.56 12.242 1.62 11.81 1.776 11.342C1.909 10.94 2.104 10.539 2.359 10.138C2.598 9.763 2.86 9.433 3.146 9.146L4.293 8L3.146 6.854C2.86 6.567 2.598 6.237 2.359 5.862C2.104 5.461 1.909 5.06 1.776 4.658C1.62 4.19 1.56 3.758 1.596 3.361C1.64 2.874 1.824 2.469 2.146 2.146C2.469 1.824 2.874 1.64 3.361 1.596C3.758 1.56 4.19 1.62 4.658 1.776C5.06 1.909 5.461 2.104 5.862 2.359C6.237 2.598 6.567 2.86 6.854 3.146L8 4.293L9.146 3.146C9.433 2.86 9.763 2.598 10.138 2.359C10.539 2.104 10.94 1.909 11.342 1.776C11.81 1.62 12.242 1.56 12.639 1.596C13.126 1.64 13.531 1.824 13.854 2.146C14.176 2.469 14.36 2.874 14.404 3.361C14.44 3.758 14.38 4.19 14.224 4.658C14.091 5.06 13.896 5.461 13.641 5.862C13.402 6.237 13.14 6.567 12.854 6.854L11.707 8L12.854 9.146C13.14 9.433 13.402 9.763 13.641 10.138C13.896 10.539 14.091 10.94 14.224 11.342C14.38 11.81 14.44 12.242 14.404 12.639C14.36 13.126 14.176 13.531 13.854 13.854C13.531 14.176 13.126 14.36 12.639 14.404C12.242 14.44 11.81 14.38 11.342 14.224C10.94 14.091 10.539 13.896 10.138 13.641C9.763 13.402 9.433 13.14 9.146 12.854L8 11.707L6.854 12.854ZM6.146 3.854C5.912 3.619 5.638 3.402 5.325 3.203C4.993 2.992 4.665 2.832 4.342 2.724C4.006 2.612 3.709 2.568 3.452 2.592C3.205 2.614 3.006 2.701 2.854 2.854C2.701 3.006 2.614 3.205 2.592 3.452C2.568 3.709 2.612 4.006 2.724 4.342C2.832 4.665 2.992 4.993 3.203 5.325C3.402 5.638 3.619 5.912 3.854 6.146L5 7.293L7.293 5L6.146 3.854ZM12.797 5.325C13.008 4.993 13.168 4.665 13.276 4.342C13.388 4.006 13.432 3.709 13.408 3.452C13.386 3.205 13.299 3.006 13.146 2.854C12.994 2.701 12.795 2.614 12.548 2.592C12.291 2.568 11.994 2.612 11.658 2.724C11.335 2.832 11.007 2.992 10.675 3.203C10.362 3.402 10.088 3.619 9.854 3.854L8.707 5L11 7.293L12.146 6.146C12.381 5.912 12.598 5.638 12.797 5.325ZM8 5.707L5.707 8L8 10.293L10.293 8L8 5.707ZM7.293 7.293C7.488 7.098 7.724 7 8 7C8.276 7 8.512 7.098 8.707 7.293C8.902 7.488 9 7.724 9 8C9 8.276 8.902 8.512 8.707 8.707C8.512 8.902 8.276 9 8 9C7.724 9 7.488 8.902 7.293 8.707C7.098 8.512 7 8.276 7 8C7 7.724 7.098 7.488 7.293 7.293ZM3.854 9.854C3.619 10.088 3.402 10.362 3.203 10.675C2.992 11.007 2.832 11.335 2.724 11.658C2.612 11.994 2.568 12.291 2.592 12.548C2.614 12.795 2.701 12.994 2.854 13.146C3.006 13.299 3.205 13.386 3.452 13.408C3.709 13.432 4.006 13.388 4.342 13.276C4.665 13.168 4.993 13.008 5.325 12.797C5.638 12.598 5.912 12.381 6.146 12.146L7.293 11L5 8.707L3.854 9.854ZM10.675 12.797C11.007 13.008 11.335 13.168 11.658 13.276C11.994 13.388 12.291 13.432 12.548 13.408C12.795 13.386 12.994 13.299 13.146 13.146C13.299 12.994 13.386 12.795 13.408 12.548C13.432 12.291 13.388 11.994 13.276 11.658C13.168 11.335 13.008 11.007 12.797 10.675C12.598 10.362 12.381 10.088 12.146 9.854L11 8.707L8.707 11L9.854 12.146C10.088 12.381 10.362 12.598 10.675 12.797Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(6.854, 12.854)
      ..cubicTo(6.567, 13.14, 6.237, 13.402, 5.862, 13.641)
      ..cubicTo(5.461, 13.896, 5.06, 14.091, 4.658, 14.224)
      ..cubicTo(4.19, 14.38, 3.758, 14.44, 3.361, 14.404)
      ..cubicTo(2.874, 14.36, 2.469, 14.176, 2.146, 13.854)
      ..cubicTo(1.824, 13.531, 1.64, 13.126, 1.596, 12.639)
      ..cubicTo(1.56, 12.242, 1.62, 11.81, 1.776, 11.342)
      ..cubicTo(1.909, 10.94, 2.104, 10.539, 2.359, 10.138)
      ..cubicTo(2.598, 9.763, 2.86, 9.433, 3.146, 9.146)
      ..lineTo(4.293, 8)
      ..lineTo(3.146, 6.854)
      ..cubicTo(2.86, 6.567, 2.598, 6.237, 2.359, 5.862)
      ..cubicTo(2.104, 5.461, 1.909, 5.06, 1.776, 4.658)
      ..cubicTo(1.62, 4.19, 1.56, 3.758, 1.596, 3.361)
      ..cubicTo(1.64, 2.874, 1.824, 2.469, 2.146, 2.146)
      ..cubicTo(2.469, 1.824, 2.874, 1.64, 3.361, 1.596)
      ..cubicTo(3.758, 1.56, 4.19, 1.62, 4.658, 1.776)
      ..cubicTo(5.06, 1.909, 5.461, 2.104, 5.862, 2.359)
      ..cubicTo(6.237, 2.598, 6.567, 2.86, 6.854, 3.146)
      ..lineTo(8, 4.293)
      ..lineTo(9.146, 3.146)
      ..cubicTo(9.433, 2.86, 9.763, 2.598, 10.138, 2.359)
      ..cubicTo(10.539, 2.104, 10.94, 1.909, 11.342, 1.776)
      ..cubicTo(11.81, 1.62, 12.242, 1.56, 12.639, 1.596)
      ..cubicTo(13.126, 1.64, 13.531, 1.824, 13.854, 2.146)
      ..cubicTo(14.176, 2.469, 14.36, 2.874, 14.404, 3.361)
      ..cubicTo(14.44, 3.758, 14.38, 4.19, 14.224, 4.658)
      ..cubicTo(14.091, 5.06, 13.896, 5.461, 13.641, 5.862)
      ..cubicTo(13.402, 6.237, 13.14, 6.567, 12.854, 6.854)
      ..lineTo(11.707, 8)
      ..lineTo(12.854, 9.146)
      ..cubicTo(13.14, 9.433, 13.402, 9.763, 13.641, 10.138)
      ..cubicTo(13.896, 10.539, 14.091, 10.94, 14.224, 11.342)
      ..cubicTo(14.38, 11.81, 14.44, 12.242, 14.404, 12.639)
      ..cubicTo(14.36, 13.126, 14.176, 13.531, 13.854, 13.854)
      ..cubicTo(13.531, 14.176, 13.126, 14.36, 12.639, 14.404)
      ..cubicTo(12.242, 14.44, 11.81, 14.38, 11.342, 14.224)
      ..cubicTo(10.94, 14.091, 10.539, 13.896, 10.138, 13.641)
      ..cubicTo(9.763, 13.402, 9.433, 13.14, 9.146, 12.854)
      ..lineTo(8, 11.707)
      ..lineTo(6.854, 12.854)
      ..close()
      ..moveTo(6.146, 3.854)
      ..cubicTo(5.912, 3.619, 5.638, 3.402, 5.325, 3.203)
      ..cubicTo(4.993, 2.992, 4.665, 2.832, 4.342, 2.724)
      ..cubicTo(4.006, 2.612, 3.709, 2.568, 3.452, 2.592)
      ..cubicTo(3.205, 2.614, 3.006, 2.701, 2.854, 2.854)
      ..cubicTo(2.701, 3.006, 2.614, 3.205, 2.592, 3.452)
      ..cubicTo(2.568, 3.709, 2.612, 4.006, 2.724, 4.342)
      ..cubicTo(2.832, 4.665, 2.992, 4.993, 3.203, 5.325)
      ..cubicTo(3.402, 5.638, 3.619, 5.912, 3.854, 6.146)
      ..lineTo(5, 7.293)
      ..lineTo(7.293, 5)
      ..lineTo(6.146, 3.854)
      ..close()
      ..moveTo(12.797, 5.325)
      ..cubicTo(13.008, 4.993, 13.168, 4.665, 13.276, 4.342)
      ..cubicTo(13.388, 4.006, 13.432, 3.709, 13.408, 3.452)
      ..cubicTo(13.386, 3.205, 13.299, 3.006, 13.146, 2.854)
      ..cubicTo(12.994, 2.701, 12.795, 2.614, 12.548, 2.592)
      ..cubicTo(12.291, 2.568, 11.994, 2.612, 11.658, 2.724)
      ..cubicTo(11.335, 2.832, 11.007, 2.992, 10.675, 3.203)
      ..cubicTo(10.362, 3.402, 10.088, 3.619, 9.854, 3.854)
      ..lineTo(8.707, 5)
      ..lineTo(11, 7.293)
      ..lineTo(12.146, 6.146)
      ..cubicTo(12.381, 5.912, 12.598, 5.638, 12.797, 5.325)
      ..close()
      ..moveTo(8, 5.707)
      ..lineTo(5.707, 8)
      ..lineTo(8, 10.293)
      ..lineTo(10.293, 8)
      ..lineTo(8, 5.707)
      ..close()
      ..moveTo(7.293, 7.293)
      ..cubicTo(7.488, 7.098, 7.724, 7, 8, 7)
      ..cubicTo(8.276, 7, 8.512, 7.098, 8.707, 7.293)
      ..cubicTo(8.902, 7.488, 9, 7.724, 9, 8)
      ..cubicTo(9, 8.276, 8.902, 8.512, 8.707, 8.707)
      ..cubicTo(8.512, 8.902, 8.276, 9, 8, 9)
      ..cubicTo(7.724, 9, 7.488, 8.902, 7.293, 8.707)
      ..cubicTo(7.098, 8.512, 7, 8.276, 7, 8)
      ..cubicTo(7, 7.724, 7.098, 7.488, 7.293, 7.293)
      ..close()
      ..moveTo(3.854, 9.854)
      ..cubicTo(3.619, 10.088, 3.402, 10.362, 3.203, 10.675)
      ..cubicTo(2.992, 11.007, 2.832, 11.335, 2.724, 11.658)
      ..cubicTo(2.612, 11.994, 2.568, 12.291, 2.592, 12.548)
      ..cubicTo(2.614, 12.795, 2.701, 12.994, 2.854, 13.146)
      ..cubicTo(3.006, 13.299, 3.205, 13.386, 3.452, 13.408)
      ..cubicTo(3.709, 13.432, 4.006, 13.388, 4.342, 13.276)
      ..cubicTo(4.665, 13.168, 4.993, 13.008, 5.325, 12.797)
      ..cubicTo(5.638, 12.598, 5.912, 12.381, 6.146, 12.146)
      ..lineTo(7.293, 11)
      ..lineTo(5, 8.707)
      ..lineTo(3.854, 9.854)
      ..close()
      ..moveTo(10.675, 12.797)
      ..cubicTo(11.007, 13.008, 11.335, 13.168, 11.658, 13.276)
      ..cubicTo(11.994, 13.388, 12.291, 13.432, 12.548, 13.408)
      ..cubicTo(12.795, 13.386, 12.994, 13.299, 13.146, 13.146)
      ..cubicTo(13.299, 12.994, 13.386, 12.795, 13.408, 12.548)
      ..cubicTo(13.432, 12.291, 13.388, 11.994, 13.276, 11.658)
      ..cubicTo(13.168, 11.335, 13.008, 11.007, 12.797, 10.675)
      ..cubicTo(12.598, 10.362, 12.381, 10.088, 12.146, 9.854)
      ..lineTo(11, 8.707)
      ..lineTo(8.707, 11)
      ..lineTo(9.854, 12.146)
      ..cubicTo(10.088, 12.381, 10.362, 12.598, 10.675, 12.797)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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