# at-sign icon

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

- Category: Communication
- Use it for: mention, at, email address, at mention, mentions
- Tags: at, mention, email, address, tag
- Component name: AtSignIcon
- Added: 2026-10-14

## Alternatives

- `user-tag`: tag people in a photo
- `mail`: email as a channel, or the mailbox
- `mail-plus`: add an email address to an account

## Also fits

- edit email: the email address field itself
- add email address: an email address field (at-sign owns email-address)
- tag people: mention someone in text

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

The SVG of every style: https://gentleface.com/icons/at-sign.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="M13.514 5.634C13.156 4.8 12.636 4.085 11.955 3.488C11.273 2.89 10.495 2.469 9.623 2.224C8.831 2.001 8.028 1.944 7.213 2.052C6.398 2.16 5.637 2.424 4.931 2.845C4.152 3.308 3.511 3.917 3.008 4.672C2.505 5.426 2.189 6.252 2.061 7.149C1.944 7.963 1.993 8.767 2.207 9.561C2.421 10.355 2.782 11.074 3.292 11.719C3.854 12.431 4.542 12.986 5.356 13.386C6.169 13.785 7.03 13.99 7.936 14C8.758 14.008 9.549 13.855 10.308 13.538C10.438 13.484 10.566 13.483 10.692 13.535C10.817 13.587 10.907 13.678 10.962 13.808C11.016 13.938 11.017 14.066 10.965 14.192C10.913 14.317 10.822 14.407 10.692 14.462C9.807 14.83 8.885 15.01 7.926 15C6.868 14.988 5.864 14.75 4.915 14.283C3.965 13.817 3.163 13.169 2.507 12.339C1.913 11.587 1.491 10.747 1.241 9.821C0.992 8.895 0.935 7.957 1.071 7.008C1.221 5.961 1.589 4.997 2.176 4.117C2.762 3.237 3.51 2.526 4.419 1.985C5.243 1.495 6.131 1.186 7.081 1.061C8.032 0.935 8.969 1.001 9.893 1.261C10.911 1.547 11.818 2.038 12.614 2.736C13.409 3.433 14.015 4.267 14.433 5.239C14.811 6.121 15 7.041 15 8L15 9.5C15 9.818 14.941 10.125 14.824 10.42C14.697 10.741 14.512 11.024 14.268 11.268C14.024 11.512 13.741 11.697 13.42 11.824C13.125 11.941 12.818 12 12.5 12C12.182 12 11.875 11.941 11.58 11.824C11.259 11.697 10.976 11.512 10.732 11.268C10.488 11.024 10.303 10.741 10.176 10.42C10.141 10.333 10.111 10.244 10.087 10.155C9.802 10.431 9.474 10.643 9.104 10.789C8.75 10.93 8.381 11 8 11C7.619 11 7.25 10.93 6.896 10.789C6.511 10.637 6.172 10.414 5.879 10.121C5.586 9.828 5.363 9.489 5.211 9.104C5.07 8.75 5 8.381 5 8C5 7.619 5.07 7.25 5.211 6.896C5.363 6.511 5.586 6.172 5.879 5.879C6.172 5.586 6.511 5.363 6.896 5.211C7.25 5.07 7.619 5 8 5C8.381 5 8.75 5.07 9.104 5.211C9.437 5.342 9.736 5.527 10 5.764L10 5.5C10 5.359 10.048 5.241 10.144 5.144C10.241 5.048 10.359 5 10.5 5C10.641 5 10.759 5.048 10.856 5.144C10.952 5.241 11 5.359 11 5.5L11 9.5C11 9.691 11.035 9.875 11.105 10.052C11.182 10.245 11.293 10.414 11.439 10.561C11.586 10.707 11.755 10.818 11.948 10.895C12.125 10.965 12.309 11 12.5 11C12.691 11 12.875 10.965 13.052 10.895C13.245 10.818 13.414 10.707 13.561 10.561C13.707 10.414 13.818 10.245 13.895 10.052C13.965 9.875 14 9.691 14 9.5L14 8C14 7.178 13.838 6.389 13.514 5.634ZM10 8C10 7.746 9.953 7.5 9.86 7.264C9.758 7.007 9.609 6.781 9.414 6.586C9.219 6.391 8.993 6.242 8.736 6.14C8.5 6.047 8.254 6 8 6C7.746 6 7.5 6.047 7.264 6.14C7.007 6.242 6.781 6.391 6.586 6.586C6.391 6.781 6.242 7.007 6.14 7.264C6.047 7.5 6 7.746 6 8C6 8.254 6.047 8.5 6.14 8.736C6.242 8.993 6.391 9.219 6.586 9.414C6.781 9.609 7.007 9.758 7.264 9.86C7.5 9.953 7.746 10 8 10C8.254 10 8.5 9.953 8.736 9.86C8.993 9.758 9.219 9.609 9.414 9.414C9.609 9.219 9.758 8.993 9.86 8.736C9.953 8.5 10 8.254 10 8Z"/></svg>
```

### React

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

export function AtSignIcon(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="M13.514 5.634C13.156 4.8 12.636 4.085 11.955 3.488C11.273 2.89 10.495 2.469 9.623 2.224C8.831 2.001 8.028 1.944 7.213 2.052C6.398 2.16 5.637 2.424 4.931 2.845C4.152 3.308 3.511 3.917 3.008 4.672C2.505 5.426 2.189 6.252 2.061 7.149C1.944 7.963 1.993 8.767 2.207 9.561C2.421 10.355 2.782 11.074 3.292 11.719C3.854 12.431 4.542 12.986 5.356 13.386C6.169 13.785 7.03 13.99 7.936 14C8.758 14.008 9.549 13.855 10.308 13.538C10.438 13.484 10.566 13.483 10.692 13.535C10.817 13.587 10.907 13.678 10.962 13.808C11.016 13.938 11.017 14.066 10.965 14.192C10.913 14.317 10.822 14.407 10.692 14.462C9.807 14.83 8.885 15.01 7.926 15C6.868 14.988 5.864 14.75 4.915 14.283C3.965 13.817 3.163 13.169 2.507 12.339C1.913 11.587 1.491 10.747 1.241 9.821C0.992 8.895 0.935 7.957 1.071 7.008C1.221 5.961 1.589 4.997 2.176 4.117C2.762 3.237 3.51 2.526 4.419 1.985C5.243 1.495 6.131 1.186 7.081 1.061C8.032 0.935 8.969 1.001 9.893 1.261C10.911 1.547 11.818 2.038 12.614 2.736C13.409 3.433 14.015 4.267 14.433 5.239C14.811 6.121 15 7.041 15 8L15 9.5C15 9.818 14.941 10.125 14.824 10.42C14.697 10.741 14.512 11.024 14.268 11.268C14.024 11.512 13.741 11.697 13.42 11.824C13.125 11.941 12.818 12 12.5 12C12.182 12 11.875 11.941 11.58 11.824C11.259 11.697 10.976 11.512 10.732 11.268C10.488 11.024 10.303 10.741 10.176 10.42C10.141 10.333 10.111 10.244 10.087 10.155C9.802 10.431 9.474 10.643 9.104 10.789C8.75 10.93 8.381 11 8 11C7.619 11 7.25 10.93 6.896 10.789C6.511 10.637 6.172 10.414 5.879 10.121C5.586 9.828 5.363 9.489 5.211 9.104C5.07 8.75 5 8.381 5 8C5 7.619 5.07 7.25 5.211 6.896C5.363 6.511 5.586 6.172 5.879 5.879C6.172 5.586 6.511 5.363 6.896 5.211C7.25 5.07 7.619 5 8 5C8.381 5 8.75 5.07 9.104 5.211C9.437 5.342 9.736 5.527 10 5.764L10 5.5C10 5.359 10.048 5.241 10.144 5.144C10.241 5.048 10.359 5 10.5 5C10.641 5 10.759 5.048 10.856 5.144C10.952 5.241 11 5.359 11 5.5L11 9.5C11 9.691 11.035 9.875 11.105 10.052C11.182 10.245 11.293 10.414 11.439 10.561C11.586 10.707 11.755 10.818 11.948 10.895C12.125 10.965 12.309 11 12.5 11C12.691 11 12.875 10.965 13.052 10.895C13.245 10.818 13.414 10.707 13.561 10.561C13.707 10.414 13.818 10.245 13.895 10.052C13.965 9.875 14 9.691 14 9.5L14 8C14 7.178 13.838 6.389 13.514 5.634ZM10 8C10 7.746 9.953 7.5 9.86 7.264C9.758 7.007 9.609 6.781 9.414 6.586C9.219 6.391 8.993 6.242 8.736 6.14C8.5 6.047 8.254 6 8 6C7.746 6 7.5 6.047 7.264 6.14C7.007 6.242 6.781 6.391 6.586 6.586C6.391 6.781 6.242 7.007 6.14 7.264C6.047 7.5 6 7.746 6 8C6 8.254 6.047 8.5 6.14 8.736C6.242 8.993 6.391 9.219 6.586 9.414C6.781 9.609 7.007 9.758 7.264 9.86C7.5 9.953 7.746 10 8 10C8.254 10 8.5 9.953 8.736 9.86C8.993 9.758 9.219 9.609 9.414 9.414C9.609 9.219 9.758 8.993 9.86 8.736C9.953 8.5 10 8.254 10 8Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "at-sign" (line-round), MIT. https://gentleface.com/icons/at-sign -->
<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="M13.514 5.634C13.156 4.8 12.636 4.085 11.955 3.488C11.273 2.89 10.495 2.469 9.623 2.224C8.831 2.001 8.028 1.944 7.213 2.052C6.398 2.16 5.637 2.424 4.931 2.845C4.152 3.308 3.511 3.917 3.008 4.672C2.505 5.426 2.189 6.252 2.061 7.149C1.944 7.963 1.993 8.767 2.207 9.561C2.421 10.355 2.782 11.074 3.292 11.719C3.854 12.431 4.542 12.986 5.356 13.386C6.169 13.785 7.03 13.99 7.936 14C8.758 14.008 9.549 13.855 10.308 13.538C10.438 13.484 10.566 13.483 10.692 13.535C10.817 13.587 10.907 13.678 10.962 13.808C11.016 13.938 11.017 14.066 10.965 14.192C10.913 14.317 10.822 14.407 10.692 14.462C9.807 14.83 8.885 15.01 7.926 15C6.868 14.988 5.864 14.75 4.915 14.283C3.965 13.817 3.163 13.169 2.507 12.339C1.913 11.587 1.491 10.747 1.241 9.821C0.992 8.895 0.935 7.957 1.071 7.008C1.221 5.961 1.589 4.997 2.176 4.117C2.762 3.237 3.51 2.526 4.419 1.985C5.243 1.495 6.131 1.186 7.081 1.061C8.032 0.935 8.969 1.001 9.893 1.261C10.911 1.547 11.818 2.038 12.614 2.736C13.409 3.433 14.015 4.267 14.433 5.239C14.811 6.121 15 7.041 15 8L15 9.5C15 9.818 14.941 10.125 14.824 10.42C14.697 10.741 14.512 11.024 14.268 11.268C14.024 11.512 13.741 11.697 13.42 11.824C13.125 11.941 12.818 12 12.5 12C12.182 12 11.875 11.941 11.58 11.824C11.259 11.697 10.976 11.512 10.732 11.268C10.488 11.024 10.303 10.741 10.176 10.42C10.141 10.333 10.111 10.244 10.087 10.155C9.802 10.431 9.474 10.643 9.104 10.789C8.75 10.93 8.381 11 8 11C7.619 11 7.25 10.93 6.896 10.789C6.511 10.637 6.172 10.414 5.879 10.121C5.586 9.828 5.363 9.489 5.211 9.104C5.07 8.75 5 8.381 5 8C5 7.619 5.07 7.25 5.211 6.896C5.363 6.511 5.586 6.172 5.879 5.879C6.172 5.586 6.511 5.363 6.896 5.211C7.25 5.07 7.619 5 8 5C8.381 5 8.75 5.07 9.104 5.211C9.437 5.342 9.736 5.527 10 5.764L10 5.5C10 5.359 10.048 5.241 10.144 5.144C10.241 5.048 10.359 5 10.5 5C10.641 5 10.759 5.048 10.856 5.144C10.952 5.241 11 5.359 11 5.5L11 9.5C11 9.691 11.035 9.875 11.105 10.052C11.182 10.245 11.293 10.414 11.439 10.561C11.586 10.707 11.755 10.818 11.948 10.895C12.125 10.965 12.309 11 12.5 11C12.691 11 12.875 10.965 13.052 10.895C13.245 10.818 13.414 10.707 13.561 10.561C13.707 10.414 13.818 10.245 13.895 10.052C13.965 9.875 14 9.691 14 9.5L14 8C14 7.178 13.838 6.389 13.514 5.634ZM10 8C10 7.746 9.953 7.5 9.86 7.264C9.758 7.007 9.609 6.781 9.414 6.586C9.219 6.391 8.993 6.242 8.736 6.14C8.5 6.047 8.254 6 8 6C7.746 6 7.5 6.047 7.264 6.14C7.007 6.242 6.781 6.391 6.586 6.586C6.391 6.781 6.242 7.007 6.14 7.264C6.047 7.5 6 7.746 6 8C6 8.254 6.047 8.5 6.14 8.736C6.242 8.993 6.391 9.219 6.586 9.414C6.781 9.609 7.007 9.758 7.264 9.86C7.5 9.953 7.746 10 8 10C8.254 10 8.5 9.953 8.736 9.86C8.993 9.758 9.219 9.609 9.414 9.414C9.609 9.219 9.758 8.993 9.86 8.736C9.953 8.5 10 8.254 10 8Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "at-sign" (line-round), MIT. https://gentleface.com/icons/at-sign -->
<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="M13.514 5.634C13.156 4.8 12.636 4.085 11.955 3.488C11.273 2.89 10.495 2.469 9.623 2.224C8.831 2.001 8.028 1.944 7.213 2.052C6.398 2.16 5.637 2.424 4.931 2.845C4.152 3.308 3.511 3.917 3.008 4.672C2.505 5.426 2.189 6.252 2.061 7.149C1.944 7.963 1.993 8.767 2.207 9.561C2.421 10.355 2.782 11.074 3.292 11.719C3.854 12.431 4.542 12.986 5.356 13.386C6.169 13.785 7.03 13.99 7.936 14C8.758 14.008 9.549 13.855 10.308 13.538C10.438 13.484 10.566 13.483 10.692 13.535C10.817 13.587 10.907 13.678 10.962 13.808C11.016 13.938 11.017 14.066 10.965 14.192C10.913 14.317 10.822 14.407 10.692 14.462C9.807 14.83 8.885 15.01 7.926 15C6.868 14.988 5.864 14.75 4.915 14.283C3.965 13.817 3.163 13.169 2.507 12.339C1.913 11.587 1.491 10.747 1.241 9.821C0.992 8.895 0.935 7.957 1.071 7.008C1.221 5.961 1.589 4.997 2.176 4.117C2.762 3.237 3.51 2.526 4.419 1.985C5.243 1.495 6.131 1.186 7.081 1.061C8.032 0.935 8.969 1.001 9.893 1.261C10.911 1.547 11.818 2.038 12.614 2.736C13.409 3.433 14.015 4.267 14.433 5.239C14.811 6.121 15 7.041 15 8L15 9.5C15 9.818 14.941 10.125 14.824 10.42C14.697 10.741 14.512 11.024 14.268 11.268C14.024 11.512 13.741 11.697 13.42 11.824C13.125 11.941 12.818 12 12.5 12C12.182 12 11.875 11.941 11.58 11.824C11.259 11.697 10.976 11.512 10.732 11.268C10.488 11.024 10.303 10.741 10.176 10.42C10.141 10.333 10.111 10.244 10.087 10.155C9.802 10.431 9.474 10.643 9.104 10.789C8.75 10.93 8.381 11 8 11C7.619 11 7.25 10.93 6.896 10.789C6.511 10.637 6.172 10.414 5.879 10.121C5.586 9.828 5.363 9.489 5.211 9.104C5.07 8.75 5 8.381 5 8C5 7.619 5.07 7.25 5.211 6.896C5.363 6.511 5.586 6.172 5.879 5.879C6.172 5.586 6.511 5.363 6.896 5.211C7.25 5.07 7.619 5 8 5C8.381 5 8.75 5.07 9.104 5.211C9.437 5.342 9.736 5.527 10 5.764L10 5.5C10 5.359 10.048 5.241 10.144 5.144C10.241 5.048 10.359 5 10.5 5C10.641 5 10.759 5.048 10.856 5.144C10.952 5.241 11 5.359 11 5.5L11 9.5C11 9.691 11.035 9.875 11.105 10.052C11.182 10.245 11.293 10.414 11.439 10.561C11.586 10.707 11.755 10.818 11.948 10.895C12.125 10.965 12.309 11 12.5 11C12.691 11 12.875 10.965 13.052 10.895C13.245 10.818 13.414 10.707 13.561 10.561C13.707 10.414 13.818 10.245 13.895 10.052C13.965 9.875 14 9.691 14 9.5L14 8C14 7.178 13.838 6.389 13.514 5.634ZM10 8C10 7.746 9.953 7.5 9.86 7.264C9.758 7.007 9.609 6.781 9.414 6.586C9.219 6.391 8.993 6.242 8.736 6.14C8.5 6.047 8.254 6 8 6C7.746 6 7.5 6.047 7.264 6.14C7.007 6.242 6.781 6.391 6.586 6.586C6.391 6.781 6.242 7.007 6.14 7.264C6.047 7.5 6 7.746 6 8C6 8.254 6.047 8.5 6.14 8.736C6.242 8.993 6.391 9.219 6.586 9.414C6.781 9.609 7.007 9.758 7.264 9.86C7.5 9.953 7.746 10 8 10C8.254 10 8.5 9.953 8.736 9.86C8.993 9.758 9.219 9.609 9.414 9.414C9.609 9.219 9.758 8.993 9.86 8.736C9.953 8.5 10 8.254 10 8Z" />
</svg>
```

### HTML img

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

### CSS

```css
/* Gentleface "at-sign" (line-round), MIT. https://gentleface.com/icons/at-sign. Takes the text color. */
.icon-at-sign {
  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='M13.514 5.634C13.156 4.8 12.636 4.085 11.955 3.488C11.273 2.89 10.495 2.469 9.623 2.224C8.831 2.001 8.028 1.944 7.213 2.052C6.398 2.16 5.637 2.424 4.931 2.845C4.152 3.308 3.511 3.917 3.008 4.672C2.505 5.426 2.189 6.252 2.061 7.149C1.944 7.963 1.993 8.767 2.207 9.561C2.421 10.355 2.782 11.074 3.292 11.719C3.854 12.431 4.542 12.986 5.356 13.386C6.169 13.785 7.03 13.99 7.936 14C8.758 14.008 9.549 13.855 10.308 13.538C10.438 13.484 10.566 13.483 10.692 13.535C10.817 13.587 10.907 13.678 10.962 13.808C11.016 13.938 11.017 14.066 10.965 14.192C10.913 14.317 10.822 14.407 10.692 14.462C9.807 14.83 8.885 15.01 7.926 15C6.868 14.988 5.864 14.75 4.915 14.283C3.965 13.817 3.163 13.169 2.507 12.339C1.913 11.587 1.491 10.747 1.241 9.821C0.992 8.895 0.935 7.957 1.071 7.008C1.221 5.961 1.589 4.997 2.176 4.117C2.762 3.237 3.51 2.526 4.419 1.985C5.243 1.495 6.131 1.186 7.081 1.061C8.032 0.935 8.969 1.001 9.893 1.261C10.911 1.547 11.818 2.038 12.614 2.736C13.409 3.433 14.015 4.267 14.433 5.239C14.811 6.121 15 7.041 15 8L15 9.5C15 9.818 14.941 10.125 14.824 10.42C14.697 10.741 14.512 11.024 14.268 11.268C14.024 11.512 13.741 11.697 13.42 11.824C13.125 11.941 12.818 12 12.5 12C12.182 12 11.875 11.941 11.58 11.824C11.259 11.697 10.976 11.512 10.732 11.268C10.488 11.024 10.303 10.741 10.176 10.42C10.141 10.333 10.111 10.244 10.087 10.155C9.802 10.431 9.474 10.643 9.104 10.789C8.75 10.93 8.381 11 8 11C7.619 11 7.25 10.93 6.896 10.789C6.511 10.637 6.172 10.414 5.879 10.121C5.586 9.828 5.363 9.489 5.211 9.104C5.07 8.75 5 8.381 5 8C5 7.619 5.07 7.25 5.211 6.896C5.363 6.511 5.586 6.172 5.879 5.879C6.172 5.586 6.511 5.363 6.896 5.211C7.25 5.07 7.619 5 8 5C8.381 5 8.75 5.07 9.104 5.211C9.437 5.342 9.736 5.527 10 5.764L10 5.5C10 5.359 10.048 5.241 10.144 5.144C10.241 5.048 10.359 5 10.5 5C10.641 5 10.759 5.048 10.856 5.144C10.952 5.241 11 5.359 11 5.5L11 9.5C11 9.691 11.035 9.875 11.105 10.052C11.182 10.245 11.293 10.414 11.439 10.561C11.586 10.707 11.755 10.818 11.948 10.895C12.125 10.965 12.309 11 12.5 11C12.691 11 12.875 10.965 13.052 10.895C13.245 10.818 13.414 10.707 13.561 10.561C13.707 10.414 13.818 10.245 13.895 10.052C13.965 9.875 14 9.691 14 9.5L14 8C14 7.178 13.838 6.389 13.514 5.634ZM10 8C10 7.746 9.953 7.5 9.86 7.264C9.758 7.007 9.609 6.781 9.414 6.586C9.219 6.391 8.993 6.242 8.736 6.14C8.5 6.047 8.254 6 8 6C7.746 6 7.5 6.047 7.264 6.14C7.007 6.242 6.781 6.391 6.586 6.586C6.391 6.781 6.242 7.007 6.14 7.264C6.047 7.5 6 7.746 6 8C6 8.254 6.047 8.5 6.14 8.736C6.242 8.993 6.391 9.219 6.586 9.414C6.781 9.609 7.007 9.758 7.264 9.86C7.5 9.953 7.746 10 8 10C8.254 10 8.5 9.953 8.736 9.86C8.993 9.758 9.219 9.609 9.414 9.414C9.609 9.219 9.758 8.993 9.86 8.736C9.953 8.5 10 8.254 10 8Z'/%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='M13.514 5.634C13.156 4.8 12.636 4.085 11.955 3.488C11.273 2.89 10.495 2.469 9.623 2.224C8.831 2.001 8.028 1.944 7.213 2.052C6.398 2.16 5.637 2.424 4.931 2.845C4.152 3.308 3.511 3.917 3.008 4.672C2.505 5.426 2.189 6.252 2.061 7.149C1.944 7.963 1.993 8.767 2.207 9.561C2.421 10.355 2.782 11.074 3.292 11.719C3.854 12.431 4.542 12.986 5.356 13.386C6.169 13.785 7.03 13.99 7.936 14C8.758 14.008 9.549 13.855 10.308 13.538C10.438 13.484 10.566 13.483 10.692 13.535C10.817 13.587 10.907 13.678 10.962 13.808C11.016 13.938 11.017 14.066 10.965 14.192C10.913 14.317 10.822 14.407 10.692 14.462C9.807 14.83 8.885 15.01 7.926 15C6.868 14.988 5.864 14.75 4.915 14.283C3.965 13.817 3.163 13.169 2.507 12.339C1.913 11.587 1.491 10.747 1.241 9.821C0.992 8.895 0.935 7.957 1.071 7.008C1.221 5.961 1.589 4.997 2.176 4.117C2.762 3.237 3.51 2.526 4.419 1.985C5.243 1.495 6.131 1.186 7.081 1.061C8.032 0.935 8.969 1.001 9.893 1.261C10.911 1.547 11.818 2.038 12.614 2.736C13.409 3.433 14.015 4.267 14.433 5.239C14.811 6.121 15 7.041 15 8L15 9.5C15 9.818 14.941 10.125 14.824 10.42C14.697 10.741 14.512 11.024 14.268 11.268C14.024 11.512 13.741 11.697 13.42 11.824C13.125 11.941 12.818 12 12.5 12C12.182 12 11.875 11.941 11.58 11.824C11.259 11.697 10.976 11.512 10.732 11.268C10.488 11.024 10.303 10.741 10.176 10.42C10.141 10.333 10.111 10.244 10.087 10.155C9.802 10.431 9.474 10.643 9.104 10.789C8.75 10.93 8.381 11 8 11C7.619 11 7.25 10.93 6.896 10.789C6.511 10.637 6.172 10.414 5.879 10.121C5.586 9.828 5.363 9.489 5.211 9.104C5.07 8.75 5 8.381 5 8C5 7.619 5.07 7.25 5.211 6.896C5.363 6.511 5.586 6.172 5.879 5.879C6.172 5.586 6.511 5.363 6.896 5.211C7.25 5.07 7.619 5 8 5C8.381 5 8.75 5.07 9.104 5.211C9.437 5.342 9.736 5.527 10 5.764L10 5.5C10 5.359 10.048 5.241 10.144 5.144C10.241 5.048 10.359 5 10.5 5C10.641 5 10.759 5.048 10.856 5.144C10.952 5.241 11 5.359 11 5.5L11 9.5C11 9.691 11.035 9.875 11.105 10.052C11.182 10.245 11.293 10.414 11.439 10.561C11.586 10.707 11.755 10.818 11.948 10.895C12.125 10.965 12.309 11 12.5 11C12.691 11 12.875 10.965 13.052 10.895C13.245 10.818 13.414 10.707 13.561 10.561C13.707 10.414 13.818 10.245 13.895 10.052C13.965 9.875 14 9.691 14 9.5L14 8C14 7.178 13.838 6.389 13.514 5.634ZM10 8C10 7.746 9.953 7.5 9.86 7.264C9.758 7.007 9.609 6.781 9.414 6.586C9.219 6.391 8.993 6.242 8.736 6.14C8.5 6.047 8.254 6 8 6C7.746 6 7.5 6.047 7.264 6.14C7.007 6.242 6.781 6.391 6.586 6.586C6.391 6.781 6.242 7.007 6.14 7.264C6.047 7.5 6 7.746 6 8C6 8.254 6.047 8.5 6.14 8.736C6.242 8.993 6.391 9.219 6.586 9.414C6.781 9.609 7.007 9.758 7.264 9.86C7.5 9.953 7.746 10 8 10C8.254 10 8.5 9.953 8.736 9.86C8.993 9.758 9.219 9.609 9.414 9.414C9.609 9.219 9.758 8.993 9.86 8.736C9.953 8.5 10 8.254 10 8Z'/%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='M13.514 5.634C13.156 4.8 12.636 4.085 11.955 3.488C11.273 2.89 10.495 2.469 9.623 2.224C8.831 2.001 8.028 1.944 7.213 2.052C6.398 2.16 5.637 2.424 4.931 2.845C4.152 3.308 3.511 3.917 3.008 4.672C2.505 5.426 2.189 6.252 2.061 7.149C1.944 7.963 1.993 8.767 2.207 9.561C2.421 10.355 2.782 11.074 3.292 11.719C3.854 12.431 4.542 12.986 5.356 13.386C6.169 13.785 7.03 13.99 7.936 14C8.758 14.008 9.549 13.855 10.308 13.538C10.438 13.484 10.566 13.483 10.692 13.535C10.817 13.587 10.907 13.678 10.962 13.808C11.016 13.938 11.017 14.066 10.965 14.192C10.913 14.317 10.822 14.407 10.692 14.462C9.807 14.83 8.885 15.01 7.926 15C6.868 14.988 5.864 14.75 4.915 14.283C3.965 13.817 3.163 13.169 2.507 12.339C1.913 11.587 1.491 10.747 1.241 9.821C0.992 8.895 0.935 7.957 1.071 7.008C1.221 5.961 1.589 4.997 2.176 4.117C2.762 3.237 3.51 2.526 4.419 1.985C5.243 1.495 6.131 1.186 7.081 1.061C8.032 0.935 8.969 1.001 9.893 1.261C10.911 1.547 11.818 2.038 12.614 2.736C13.409 3.433 14.015 4.267 14.433 5.239C14.811 6.121 15 7.041 15 8L15 9.5C15 9.818 14.941 10.125 14.824 10.42C14.697 10.741 14.512 11.024 14.268 11.268C14.024 11.512 13.741 11.697 13.42 11.824C13.125 11.941 12.818 12 12.5 12C12.182 12 11.875 11.941 11.58 11.824C11.259 11.697 10.976 11.512 10.732 11.268C10.488 11.024 10.303 10.741 10.176 10.42C10.141 10.333 10.111 10.244 10.087 10.155C9.802 10.431 9.474 10.643 9.104 10.789C8.75 10.93 8.381 11 8 11C7.619 11 7.25 10.93 6.896 10.789C6.511 10.637 6.172 10.414 5.879 10.121C5.586 9.828 5.363 9.489 5.211 9.104C5.07 8.75 5 8.381 5 8C5 7.619 5.07 7.25 5.211 6.896C5.363 6.511 5.586 6.172 5.879 5.879C6.172 5.586 6.511 5.363 6.896 5.211C7.25 5.07 7.619 5 8 5C8.381 5 8.75 5.07 9.104 5.211C9.437 5.342 9.736 5.527 10 5.764L10 5.5C10 5.359 10.048 5.241 10.144 5.144C10.241 5.048 10.359 5 10.5 5C10.641 5 10.759 5.048 10.856 5.144C10.952 5.241 11 5.359 11 5.5L11 9.5C11 9.691 11.035 9.875 11.105 10.052C11.182 10.245 11.293 10.414 11.439 10.561C11.586 10.707 11.755 10.818 11.948 10.895C12.125 10.965 12.309 11 12.5 11C12.691 11 12.875 10.965 13.052 10.895C13.245 10.818 13.414 10.707 13.561 10.561C13.707 10.414 13.818 10.245 13.895 10.052C13.965 9.875 14 9.691 14 9.5L14 8C14 7.178 13.838 6.389 13.514 5.634ZM10 8C10 7.746 9.953 7.5 9.86 7.264C9.758 7.007 9.609 6.781 9.414 6.586C9.219 6.391 8.993 6.242 8.736 6.14C8.5 6.047 8.254 6 8 6C7.746 6 7.5 6.047 7.264 6.14C7.007 6.242 6.781 6.391 6.586 6.586C6.391 6.781 6.242 7.007 6.14 7.264C6.047 7.5 6 7.746 6 8C6 8.254 6.047 8.5 6.14 8.736C6.242 8.993 6.391 9.219 6.586 9.414C6.781 9.609 7.007 9.758 7.264 9.86C7.5 9.953 7.746 10 8 10C8.254 10 8.5 9.953 8.736 9.86C8.993 9.758 9.219 9.609 9.414 9.414C9.609 9.219 9.758 8.993 9.86 8.736C9.953 8.5 10 8.254 10 8Z'/%3E%3C/svg%3E
```

### Sprite

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

### SwiftUI

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

struct AtSignIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 13.514, y: 5.634))
        p.addCurve(to: CGPoint(x: 11.955, y: 3.488), control1: CGPoint(x: 13.156, y: 4.8), control2: CGPoint(x: 12.636, y: 4.085))
        p.addCurve(to: CGPoint(x: 9.623, y: 2.224), control1: CGPoint(x: 11.273, y: 2.89), control2: CGPoint(x: 10.495, y: 2.469))
        p.addCurve(to: CGPoint(x: 7.213, y: 2.052), control1: CGPoint(x: 8.831, y: 2.001), control2: CGPoint(x: 8.028, y: 1.944))
        p.addCurve(to: CGPoint(x: 4.931, y: 2.845), control1: CGPoint(x: 6.398, y: 2.16), control2: CGPoint(x: 5.637, y: 2.424))
        p.addCurve(to: CGPoint(x: 3.008, y: 4.672), control1: CGPoint(x: 4.152, y: 3.308), control2: CGPoint(x: 3.511, y: 3.917))
        p.addCurve(to: CGPoint(x: 2.061, y: 7.149), control1: CGPoint(x: 2.505, y: 5.426), control2: CGPoint(x: 2.189, y: 6.252))
        p.addCurve(to: CGPoint(x: 2.207, y: 9.561), control1: CGPoint(x: 1.944, y: 7.963), control2: CGPoint(x: 1.993, y: 8.767))
        p.addCurve(to: CGPoint(x: 3.292, y: 11.719), control1: CGPoint(x: 2.421, y: 10.355), control2: CGPoint(x: 2.782, y: 11.074))
        p.addCurve(to: CGPoint(x: 5.356, y: 13.386), control1: CGPoint(x: 3.854, y: 12.431), control2: CGPoint(x: 4.542, y: 12.986))
        p.addCurve(to: CGPoint(x: 7.936, y: 14), control1: CGPoint(x: 6.169, y: 13.785), control2: CGPoint(x: 7.03, y: 13.99))
        p.addCurve(to: CGPoint(x: 10.308, y: 13.538), control1: CGPoint(x: 8.758, y: 14.008), control2: CGPoint(x: 9.549, y: 13.855))
        p.addCurve(to: CGPoint(x: 10.692, y: 13.535), control1: CGPoint(x: 10.438, y: 13.484), control2: CGPoint(x: 10.566, y: 13.483))
        p.addCurve(to: CGPoint(x: 10.962, y: 13.808), control1: CGPoint(x: 10.817, y: 13.587), control2: CGPoint(x: 10.907, y: 13.678))
        p.addCurve(to: CGPoint(x: 10.965, y: 14.192), control1: CGPoint(x: 11.016, y: 13.938), control2: CGPoint(x: 11.017, y: 14.066))
        p.addCurve(to: CGPoint(x: 10.692, y: 14.462), control1: CGPoint(x: 10.913, y: 14.317), control2: CGPoint(x: 10.822, y: 14.407))
        p.addCurve(to: CGPoint(x: 7.926, y: 15), control1: CGPoint(x: 9.807, y: 14.83), control2: CGPoint(x: 8.885, y: 15.01))
        p.addCurve(to: CGPoint(x: 4.915, y: 14.283), control1: CGPoint(x: 6.868, y: 14.988), control2: CGPoint(x: 5.864, y: 14.75))
        p.addCurve(to: CGPoint(x: 2.507, y: 12.339), control1: CGPoint(x: 3.965, y: 13.817), control2: CGPoint(x: 3.163, y: 13.169))
        p.addCurve(to: CGPoint(x: 1.241, y: 9.821), control1: CGPoint(x: 1.913, y: 11.587), control2: CGPoint(x: 1.491, y: 10.747))
        p.addCurve(to: CGPoint(x: 1.071, y: 7.008), control1: CGPoint(x: 0.992, y: 8.895), control2: CGPoint(x: 0.935, y: 7.957))
        p.addCurve(to: CGPoint(x: 2.176, y: 4.117), control1: CGPoint(x: 1.221, y: 5.961), control2: CGPoint(x: 1.589, y: 4.997))
        p.addCurve(to: CGPoint(x: 4.419, y: 1.985), control1: CGPoint(x: 2.762, y: 3.237), control2: CGPoint(x: 3.51, y: 2.526))
        p.addCurve(to: CGPoint(x: 7.081, y: 1.061), control1: CGPoint(x: 5.243, y: 1.495), control2: CGPoint(x: 6.131, y: 1.186))
        p.addCurve(to: CGPoint(x: 9.893, y: 1.261), control1: CGPoint(x: 8.032, y: 0.935), control2: CGPoint(x: 8.969, y: 1.001))
        p.addCurve(to: CGPoint(x: 12.614, y: 2.736), control1: CGPoint(x: 10.911, y: 1.547), control2: CGPoint(x: 11.818, y: 2.038))
        p.addCurve(to: CGPoint(x: 14.433, y: 5.239), control1: CGPoint(x: 13.409, y: 3.433), control2: CGPoint(x: 14.015, y: 4.267))
        p.addCurve(to: CGPoint(x: 15, y: 8), control1: CGPoint(x: 14.811, y: 6.121), control2: CGPoint(x: 15, y: 7.041))
        p.addLine(to: CGPoint(x: 15, y: 9.5))
        p.addCurve(to: CGPoint(x: 14.824, y: 10.42), control1: CGPoint(x: 15, y: 9.818), control2: CGPoint(x: 14.941, y: 10.125))
        p.addCurve(to: CGPoint(x: 14.268, y: 11.268), control1: CGPoint(x: 14.697, y: 10.741), control2: CGPoint(x: 14.512, y: 11.024))
        p.addCurve(to: CGPoint(x: 13.42, y: 11.824), control1: CGPoint(x: 14.024, y: 11.512), control2: CGPoint(x: 13.741, y: 11.697))
        p.addCurve(to: CGPoint(x: 12.5, y: 12), control1: CGPoint(x: 13.125, y: 11.941), control2: CGPoint(x: 12.818, y: 12))
        p.addCurve(to: CGPoint(x: 11.58, y: 11.824), control1: CGPoint(x: 12.182, y: 12), control2: CGPoint(x: 11.875, y: 11.941))
        p.addCurve(to: CGPoint(x: 10.732, y: 11.268), control1: CGPoint(x: 11.259, y: 11.697), control2: CGPoint(x: 10.976, y: 11.512))
        p.addCurve(to: CGPoint(x: 10.176, y: 10.42), control1: CGPoint(x: 10.488, y: 11.024), control2: CGPoint(x: 10.303, y: 10.741))
        p.addCurve(to: CGPoint(x: 10.087, y: 10.155), control1: CGPoint(x: 10.141, y: 10.333), control2: CGPoint(x: 10.111, y: 10.244))
        p.addCurve(to: CGPoint(x: 9.104, y: 10.789), control1: CGPoint(x: 9.802, y: 10.431), control2: CGPoint(x: 9.474, y: 10.643))
        p.addCurve(to: CGPoint(x: 8, y: 11), control1: CGPoint(x: 8.75, y: 10.93), control2: CGPoint(x: 8.381, y: 11))
        p.addCurve(to: CGPoint(x: 6.896, y: 10.789), control1: CGPoint(x: 7.619, y: 11), control2: CGPoint(x: 7.25, y: 10.93))
        p.addCurve(to: CGPoint(x: 5.879, y: 10.121), control1: CGPoint(x: 6.511, y: 10.637), control2: CGPoint(x: 6.172, y: 10.414))
        p.addCurve(to: CGPoint(x: 5.211, y: 9.104), control1: CGPoint(x: 5.586, y: 9.828), control2: CGPoint(x: 5.363, y: 9.489))
        p.addCurve(to: CGPoint(x: 5, y: 8), control1: CGPoint(x: 5.07, y: 8.75), control2: CGPoint(x: 5, y: 8.381))
        p.addCurve(to: CGPoint(x: 5.211, y: 6.896), control1: CGPoint(x: 5, y: 7.619), control2: CGPoint(x: 5.07, y: 7.25))
        p.addCurve(to: CGPoint(x: 5.879, y: 5.879), control1: CGPoint(x: 5.363, y: 6.511), control2: CGPoint(x: 5.586, y: 6.172))
        p.addCurve(to: CGPoint(x: 6.896, y: 5.211), control1: CGPoint(x: 6.172, y: 5.586), control2: CGPoint(x: 6.511, y: 5.363))
        p.addCurve(to: CGPoint(x: 8, y: 5), control1: CGPoint(x: 7.25, y: 5.07), control2: CGPoint(x: 7.619, y: 5))
        p.addCurve(to: CGPoint(x: 9.104, y: 5.211), control1: CGPoint(x: 8.381, y: 5), control2: CGPoint(x: 8.75, y: 5.07))
        p.addCurve(to: CGPoint(x: 10, y: 5.764), control1: CGPoint(x: 9.437, y: 5.342), control2: CGPoint(x: 9.736, y: 5.527))
        p.addLine(to: CGPoint(x: 10, y: 5.5))
        p.addCurve(to: CGPoint(x: 10.144, y: 5.144), control1: CGPoint(x: 10, y: 5.359), control2: CGPoint(x: 10.048, y: 5.241))
        p.addCurve(to: CGPoint(x: 10.5, y: 5), control1: CGPoint(x: 10.241, y: 5.048), control2: CGPoint(x: 10.359, y: 5))
        p.addCurve(to: CGPoint(x: 10.856, y: 5.144), control1: CGPoint(x: 10.641, y: 5), control2: CGPoint(x: 10.759, y: 5.048))
        p.addCurve(to: CGPoint(x: 11, y: 5.5), control1: CGPoint(x: 10.952, y: 5.241), control2: CGPoint(x: 11, y: 5.359))
        p.addLine(to: CGPoint(x: 11, y: 9.5))
        p.addCurve(to: CGPoint(x: 11.105, y: 10.052), control1: CGPoint(x: 11, y: 9.691), control2: CGPoint(x: 11.035, y: 9.875))
        p.addCurve(to: CGPoint(x: 11.439, y: 10.561), control1: CGPoint(x: 11.182, y: 10.245), control2: CGPoint(x: 11.293, y: 10.414))
        p.addCurve(to: CGPoint(x: 11.948, y: 10.895), control1: CGPoint(x: 11.586, y: 10.707), control2: CGPoint(x: 11.755, y: 10.818))
        p.addCurve(to: CGPoint(x: 12.5, y: 11), control1: CGPoint(x: 12.125, y: 10.965), control2: CGPoint(x: 12.309, y: 11))
        p.addCurve(to: CGPoint(x: 13.052, y: 10.895), control1: CGPoint(x: 12.691, y: 11), control2: CGPoint(x: 12.875, y: 10.965))
        p.addCurve(to: CGPoint(x: 13.561, y: 10.561), control1: CGPoint(x: 13.245, y: 10.818), control2: CGPoint(x: 13.414, y: 10.707))
        p.addCurve(to: CGPoint(x: 13.895, y: 10.052), control1: CGPoint(x: 13.707, y: 10.414), control2: CGPoint(x: 13.818, y: 10.245))
        p.addCurve(to: CGPoint(x: 14, y: 9.5), control1: CGPoint(x: 13.965, y: 9.875), control2: CGPoint(x: 14, y: 9.691))
        p.addLine(to: CGPoint(x: 14, y: 8))
        p.addCurve(to: CGPoint(x: 13.514, y: 5.634), control1: CGPoint(x: 14, y: 7.178), control2: CGPoint(x: 13.838, y: 6.389))
        p.closeSubpath()
        p.move(to: CGPoint(x: 10, y: 8))
        p.addCurve(to: CGPoint(x: 9.86, y: 7.264), control1: CGPoint(x: 10, y: 7.746), control2: CGPoint(x: 9.953, y: 7.5))
        p.addCurve(to: CGPoint(x: 9.414, y: 6.586), control1: CGPoint(x: 9.758, y: 7.007), control2: CGPoint(x: 9.609, y: 6.781))
        p.addCurve(to: CGPoint(x: 8.736, y: 6.14), control1: CGPoint(x: 9.219, y: 6.391), control2: CGPoint(x: 8.993, y: 6.242))
        p.addCurve(to: CGPoint(x: 8, y: 6), control1: CGPoint(x: 8.5, y: 6.047), control2: CGPoint(x: 8.254, y: 6))
        p.addCurve(to: CGPoint(x: 7.264, y: 6.14), control1: CGPoint(x: 7.746, y: 6), control2: CGPoint(x: 7.5, y: 6.047))
        p.addCurve(to: CGPoint(x: 6.586, y: 6.586), control1: CGPoint(x: 7.007, y: 6.242), control2: CGPoint(x: 6.781, y: 6.391))
        p.addCurve(to: CGPoint(x: 6.14, y: 7.264), control1: CGPoint(x: 6.391, y: 6.781), control2: CGPoint(x: 6.242, y: 7.007))
        p.addCurve(to: CGPoint(x: 6, y: 8), control1: CGPoint(x: 6.047, y: 7.5), control2: CGPoint(x: 6, y: 7.746))
        p.addCurve(to: CGPoint(x: 6.14, y: 8.736), control1: CGPoint(x: 6, y: 8.254), control2: CGPoint(x: 6.047, y: 8.5))
        p.addCurve(to: CGPoint(x: 6.586, y: 9.414), control1: CGPoint(x: 6.242, y: 8.993), control2: CGPoint(x: 6.391, y: 9.219))
        p.addCurve(to: CGPoint(x: 7.264, y: 9.86), control1: CGPoint(x: 6.781, y: 9.609), control2: CGPoint(x: 7.007, y: 9.758))
        p.addCurve(to: CGPoint(x: 8, y: 10), control1: CGPoint(x: 7.5, y: 9.953), control2: CGPoint(x: 7.746, y: 10))
        p.addCurve(to: CGPoint(x: 8.736, y: 9.86), control1: CGPoint(x: 8.254, y: 10), control2: CGPoint(x: 8.5, y: 9.953))
        p.addCurve(to: CGPoint(x: 9.414, y: 9.414), control1: CGPoint(x: 8.993, y: 9.758), control2: CGPoint(x: 9.219, y: 9.609))
        p.addCurve(to: CGPoint(x: 9.86, y: 8.736), control1: CGPoint(x: 9.609, y: 9.219), control2: CGPoint(x: 9.758, y: 8.993))
        p.addCurve(to: CGPoint(x: 10, y: 8), control1: CGPoint(x: 9.953, y: 8.5), control2: CGPoint(x: 10, y: 8.254))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "at-sign" (line-round), MIT. https://gentleface.com/icons/at-sign
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 AtSignIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "at-sign", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M13.514 5.634C13.156 4.8 12.636 4.085 11.955 3.488C11.273 2.89 10.495 2.469 9.623 2.224C8.831 2.001 8.028 1.944 7.213 2.052C6.398 2.16 5.637 2.424 4.931 2.845C4.152 3.308 3.511 3.917 3.008 4.672C2.505 5.426 2.189 6.252 2.061 7.149C1.944 7.963 1.993 8.767 2.207 9.561C2.421 10.355 2.782 11.074 3.292 11.719C3.854 12.431 4.542 12.986 5.356 13.386C6.169 13.785 7.03 13.99 7.936 14C8.758 14.008 9.549 13.855 10.308 13.538C10.438 13.484 10.566 13.483 10.692 13.535C10.817 13.587 10.907 13.678 10.962 13.808C11.016 13.938 11.017 14.066 10.965 14.192C10.913 14.317 10.822 14.407 10.692 14.462C9.807 14.83 8.885 15.01 7.926 15C6.868 14.988 5.864 14.75 4.915 14.283C3.965 13.817 3.163 13.169 2.507 12.339C1.913 11.587 1.491 10.747 1.241 9.821C0.992 8.895 0.935 7.957 1.071 7.008C1.221 5.961 1.589 4.997 2.176 4.117C2.762 3.237 3.51 2.526 4.419 1.985C5.243 1.495 6.131 1.186 7.081 1.061C8.032 0.935 8.969 1.001 9.893 1.261C10.911 1.547 11.818 2.038 12.614 2.736C13.409 3.433 14.015 4.267 14.433 5.239C14.811 6.121 15 7.041 15 8L15 9.5C15 9.818 14.941 10.125 14.824 10.42C14.697 10.741 14.512 11.024 14.268 11.268C14.024 11.512 13.741 11.697 13.42 11.824C13.125 11.941 12.818 12 12.5 12C12.182 12 11.875 11.941 11.58 11.824C11.259 11.697 10.976 11.512 10.732 11.268C10.488 11.024 10.303 10.741 10.176 10.42C10.141 10.333 10.111 10.244 10.087 10.155C9.802 10.431 9.474 10.643 9.104 10.789C8.75 10.93 8.381 11 8 11C7.619 11 7.25 10.93 6.896 10.789C6.511 10.637 6.172 10.414 5.879 10.121C5.586 9.828 5.363 9.489 5.211 9.104C5.07 8.75 5 8.381 5 8C5 7.619 5.07 7.25 5.211 6.896C5.363 6.511 5.586 6.172 5.879 5.879C6.172 5.586 6.511 5.363 6.896 5.211C7.25 5.07 7.619 5 8 5C8.381 5 8.75 5.07 9.104 5.211C9.437 5.342 9.736 5.527 10 5.764L10 5.5C10 5.359 10.048 5.241 10.144 5.144C10.241 5.048 10.359 5 10.5 5C10.641 5 10.759 5.048 10.856 5.144C10.952 5.241 11 5.359 11 5.5L11 9.5C11 9.691 11.035 9.875 11.105 10.052C11.182 10.245 11.293 10.414 11.439 10.561C11.586 10.707 11.755 10.818 11.948 10.895C12.125 10.965 12.309 11 12.5 11C12.691 11 12.875 10.965 13.052 10.895C13.245 10.818 13.414 10.707 13.561 10.561C13.707 10.414 13.818 10.245 13.895 10.052C13.965 9.875 14 9.691 14 9.5L14 8C14 7.178 13.838 6.389 13.514 5.634ZM10 8C10 7.746 9.953 7.5 9.86 7.264C9.758 7.007 9.609 6.781 9.414 6.586C9.219 6.391 8.993 6.242 8.736 6.14C8.5 6.047 8.254 6 8 6C7.746 6 7.5 6.047 7.264 6.14C7.007 6.242 6.781 6.391 6.586 6.586C6.391 6.781 6.242 7.007 6.14 7.264C6.047 7.5 6 7.746 6 8C6 8.254 6.047 8.5 6.14 8.736C6.242 8.993 6.391 9.219 6.586 9.414C6.781 9.609 7.007 9.758 7.264 9.86C7.5 9.953 7.746 10 8 10C8.254 10 8.5 9.953 8.736 9.86C8.993 9.758 9.219 9.609 9.414 9.414C9.609 9.219 9.758 8.993 9.86 8.736C9.953 8.5 10 8.254 10 8Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_at_sign.xml · Gentleface "at-sign" (line-round), MIT. https://gentleface.com/icons/at-sign -->
<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="M13.514 5.634C13.156 4.8 12.636 4.085 11.955 3.488C11.273 2.89 10.495 2.469 9.623 2.224C8.831 2.001 8.028 1.944 7.213 2.052C6.398 2.16 5.637 2.424 4.931 2.845C4.152 3.308 3.511 3.917 3.008 4.672C2.505 5.426 2.189 6.252 2.061 7.149C1.944 7.963 1.993 8.767 2.207 9.561C2.421 10.355 2.782 11.074 3.292 11.719C3.854 12.431 4.542 12.986 5.356 13.386C6.169 13.785 7.03 13.99 7.936 14C8.758 14.008 9.549 13.855 10.308 13.538C10.438 13.484 10.566 13.483 10.692 13.535C10.817 13.587 10.907 13.678 10.962 13.808C11.016 13.938 11.017 14.066 10.965 14.192C10.913 14.317 10.822 14.407 10.692 14.462C9.807 14.83 8.885 15.01 7.926 15C6.868 14.988 5.864 14.75 4.915 14.283C3.965 13.817 3.163 13.169 2.507 12.339C1.913 11.587 1.491 10.747 1.241 9.821C0.992 8.895 0.935 7.957 1.071 7.008C1.221 5.961 1.589 4.997 2.176 4.117C2.762 3.237 3.51 2.526 4.419 1.985C5.243 1.495 6.131 1.186 7.081 1.061C8.032 0.935 8.969 1.001 9.893 1.261C10.911 1.547 11.818 2.038 12.614 2.736C13.409 3.433 14.015 4.267 14.433 5.239C14.811 6.121 15 7.041 15 8L15 9.5C15 9.818 14.941 10.125 14.824 10.42C14.697 10.741 14.512 11.024 14.268 11.268C14.024 11.512 13.741 11.697 13.42 11.824C13.125 11.941 12.818 12 12.5 12C12.182 12 11.875 11.941 11.58 11.824C11.259 11.697 10.976 11.512 10.732 11.268C10.488 11.024 10.303 10.741 10.176 10.42C10.141 10.333 10.111 10.244 10.087 10.155C9.802 10.431 9.474 10.643 9.104 10.789C8.75 10.93 8.381 11 8 11C7.619 11 7.25 10.93 6.896 10.789C6.511 10.637 6.172 10.414 5.879 10.121C5.586 9.828 5.363 9.489 5.211 9.104C5.07 8.75 5 8.381 5 8C5 7.619 5.07 7.25 5.211 6.896C5.363 6.511 5.586 6.172 5.879 5.879C6.172 5.586 6.511 5.363 6.896 5.211C7.25 5.07 7.619 5 8 5C8.381 5 8.75 5.07 9.104 5.211C9.437 5.342 9.736 5.527 10 5.764L10 5.5C10 5.359 10.048 5.241 10.144 5.144C10.241 5.048 10.359 5 10.5 5C10.641 5 10.759 5.048 10.856 5.144C10.952 5.241 11 5.359 11 5.5L11 9.5C11 9.691 11.035 9.875 11.105 10.052C11.182 10.245 11.293 10.414 11.439 10.561C11.586 10.707 11.755 10.818 11.948 10.895C12.125 10.965 12.309 11 12.5 11C12.691 11 12.875 10.965 13.052 10.895C13.245 10.818 13.414 10.707 13.561 10.561C13.707 10.414 13.818 10.245 13.895 10.052C13.965 9.875 14 9.691 14 9.5L14 8C14 7.178 13.838 6.389 13.514 5.634ZM10 8C10 7.746 9.953 7.5 9.86 7.264C9.758 7.007 9.609 6.781 9.414 6.586C9.219 6.391 8.993 6.242 8.736 6.14C8.5 6.047 8.254 6 8 6C7.746 6 7.5 6.047 7.264 6.14C7.007 6.242 6.781 6.391 6.586 6.586C6.391 6.781 6.242 7.007 6.14 7.264C6.047 7.5 6 7.746 6 8C6 8.254 6.047 8.5 6.14 8.736C6.242 8.993 6.391 9.219 6.586 9.414C6.781 9.609 7.007 9.758 7.264 9.86C7.5 9.953 7.746 10 8 10C8.254 10 8.5 9.953 8.736 9.86C8.993 9.758 9.219 9.609 9.414 9.414C9.609 9.219 9.758 8.993 9.86 8.736C9.953 8.5 10 8.254 10 8Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(13.514, 5.634)
      ..cubicTo(13.156, 4.8, 12.636, 4.085, 11.955, 3.488)
      ..cubicTo(11.273, 2.89, 10.495, 2.469, 9.623, 2.224)
      ..cubicTo(8.831, 2.001, 8.028, 1.944, 7.213, 2.052)
      ..cubicTo(6.398, 2.16, 5.637, 2.424, 4.931, 2.845)
      ..cubicTo(4.152, 3.308, 3.511, 3.917, 3.008, 4.672)
      ..cubicTo(2.505, 5.426, 2.189, 6.252, 2.061, 7.149)
      ..cubicTo(1.944, 7.963, 1.993, 8.767, 2.207, 9.561)
      ..cubicTo(2.421, 10.355, 2.782, 11.074, 3.292, 11.719)
      ..cubicTo(3.854, 12.431, 4.542, 12.986, 5.356, 13.386)
      ..cubicTo(6.169, 13.785, 7.03, 13.99, 7.936, 14)
      ..cubicTo(8.758, 14.008, 9.549, 13.855, 10.308, 13.538)
      ..cubicTo(10.438, 13.484, 10.566, 13.483, 10.692, 13.535)
      ..cubicTo(10.817, 13.587, 10.907, 13.678, 10.962, 13.808)
      ..cubicTo(11.016, 13.938, 11.017, 14.066, 10.965, 14.192)
      ..cubicTo(10.913, 14.317, 10.822, 14.407, 10.692, 14.462)
      ..cubicTo(9.807, 14.83, 8.885, 15.01, 7.926, 15)
      ..cubicTo(6.868, 14.988, 5.864, 14.75, 4.915, 14.283)
      ..cubicTo(3.965, 13.817, 3.163, 13.169, 2.507, 12.339)
      ..cubicTo(1.913, 11.587, 1.491, 10.747, 1.241, 9.821)
      ..cubicTo(0.992, 8.895, 0.935, 7.957, 1.071, 7.008)
      ..cubicTo(1.221, 5.961, 1.589, 4.997, 2.176, 4.117)
      ..cubicTo(2.762, 3.237, 3.51, 2.526, 4.419, 1.985)
      ..cubicTo(5.243, 1.495, 6.131, 1.186, 7.081, 1.061)
      ..cubicTo(8.032, 0.935, 8.969, 1.001, 9.893, 1.261)
      ..cubicTo(10.911, 1.547, 11.818, 2.038, 12.614, 2.736)
      ..cubicTo(13.409, 3.433, 14.015, 4.267, 14.433, 5.239)
      ..cubicTo(14.811, 6.121, 15, 7.041, 15, 8)
      ..lineTo(15, 9.5)
      ..cubicTo(15, 9.818, 14.941, 10.125, 14.824, 10.42)
      ..cubicTo(14.697, 10.741, 14.512, 11.024, 14.268, 11.268)
      ..cubicTo(14.024, 11.512, 13.741, 11.697, 13.42, 11.824)
      ..cubicTo(13.125, 11.941, 12.818, 12, 12.5, 12)
      ..cubicTo(12.182, 12, 11.875, 11.941, 11.58, 11.824)
      ..cubicTo(11.259, 11.697, 10.976, 11.512, 10.732, 11.268)
      ..cubicTo(10.488, 11.024, 10.303, 10.741, 10.176, 10.42)
      ..cubicTo(10.141, 10.333, 10.111, 10.244, 10.087, 10.155)
      ..cubicTo(9.802, 10.431, 9.474, 10.643, 9.104, 10.789)
      ..cubicTo(8.75, 10.93, 8.381, 11, 8, 11)
      ..cubicTo(7.619, 11, 7.25, 10.93, 6.896, 10.789)
      ..cubicTo(6.511, 10.637, 6.172, 10.414, 5.879, 10.121)
      ..cubicTo(5.586, 9.828, 5.363, 9.489, 5.211, 9.104)
      ..cubicTo(5.07, 8.75, 5, 8.381, 5, 8)
      ..cubicTo(5, 7.619, 5.07, 7.25, 5.211, 6.896)
      ..cubicTo(5.363, 6.511, 5.586, 6.172, 5.879, 5.879)
      ..cubicTo(6.172, 5.586, 6.511, 5.363, 6.896, 5.211)
      ..cubicTo(7.25, 5.07, 7.619, 5, 8, 5)
      ..cubicTo(8.381, 5, 8.75, 5.07, 9.104, 5.211)
      ..cubicTo(9.437, 5.342, 9.736, 5.527, 10, 5.764)
      ..lineTo(10, 5.5)
      ..cubicTo(10, 5.359, 10.048, 5.241, 10.144, 5.144)
      ..cubicTo(10.241, 5.048, 10.359, 5, 10.5, 5)
      ..cubicTo(10.641, 5, 10.759, 5.048, 10.856, 5.144)
      ..cubicTo(10.952, 5.241, 11, 5.359, 11, 5.5)
      ..lineTo(11, 9.5)
      ..cubicTo(11, 9.691, 11.035, 9.875, 11.105, 10.052)
      ..cubicTo(11.182, 10.245, 11.293, 10.414, 11.439, 10.561)
      ..cubicTo(11.586, 10.707, 11.755, 10.818, 11.948, 10.895)
      ..cubicTo(12.125, 10.965, 12.309, 11, 12.5, 11)
      ..cubicTo(12.691, 11, 12.875, 10.965, 13.052, 10.895)
      ..cubicTo(13.245, 10.818, 13.414, 10.707, 13.561, 10.561)
      ..cubicTo(13.707, 10.414, 13.818, 10.245, 13.895, 10.052)
      ..cubicTo(13.965, 9.875, 14, 9.691, 14, 9.5)
      ..lineTo(14, 8)
      ..cubicTo(14, 7.178, 13.838, 6.389, 13.514, 5.634)
      ..close()
      ..moveTo(10, 8)
      ..cubicTo(10, 7.746, 9.953, 7.5, 9.86, 7.264)
      ..cubicTo(9.758, 7.007, 9.609, 6.781, 9.414, 6.586)
      ..cubicTo(9.219, 6.391, 8.993, 6.242, 8.736, 6.14)
      ..cubicTo(8.5, 6.047, 8.254, 6, 8, 6)
      ..cubicTo(7.746, 6, 7.5, 6.047, 7.264, 6.14)
      ..cubicTo(7.007, 6.242, 6.781, 6.391, 6.586, 6.586)
      ..cubicTo(6.391, 6.781, 6.242, 7.007, 6.14, 7.264)
      ..cubicTo(6.047, 7.5, 6, 7.746, 6, 8)
      ..cubicTo(6, 8.254, 6.047, 8.5, 6.14, 8.736)
      ..cubicTo(6.242, 8.993, 6.391, 9.219, 6.586, 9.414)
      ..cubicTo(6.781, 9.609, 7.007, 9.758, 7.264, 9.86)
      ..cubicTo(7.5, 9.953, 7.746, 10, 8, 10)
      ..cubicTo(8.254, 10, 8.5, 9.953, 8.736, 9.86)
      ..cubicTo(8.993, 9.758, 9.219, 9.609, 9.414, 9.414)
      ..cubicTo(9.609, 9.219, 9.758, 8.993, 9.86, 8.736)
      ..cubicTo(9.953, 8.5, 10, 8.254, 10, 8)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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