# inbox-sparkle icon

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

- Category: Communication
- Use it for: smart inbox, ai inbox, priority inbox
- Example: AI-prioritised inbox
- Built from: inbox + sparkle
- Tags: tray, mail, incoming, received, messages, sparkle
- Family: inbox, inbox-alert, inbox-arrow-down, inbox-arrow-up, inbox-check, inbox-dot, inbox-gear, inbox-lock, inbox-plus, inbox-user
- Component name: InboxSparkleIcon
- Added: 2026-11-07
- Since: version 0.6.0
- npm: `import { InboxSparkleIcon } from '@gentleface/react';` (@gentleface/react 0.6.0)

## Files

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too.

- line-round: https://gentleface.com/svg/line-round/16/inbox-sparkle.svg · PNG https://gentleface.com/png/line-round/16/inbox-sparkle.png · https://gentleface.com/png/line-round/32/inbox-sparkle.png · https://gentleface.com/png/line-round/48/inbox-sparkle.png
- line-soft: https://gentleface.com/svg/line-soft/16/inbox-sparkle.svg · PNG https://gentleface.com/png/line-soft/16/inbox-sparkle.png · https://gentleface.com/png/line-soft/32/inbox-sparkle.png · https://gentleface.com/png/line-soft/48/inbox-sparkle.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/inbox-sparkle.svg · PNG https://gentleface.com/png/line-sharp/16/inbox-sparkle.png · https://gentleface.com/png/line-sharp/32/inbox-sparkle.png · https://gentleface.com/png/line-sharp/48/inbox-sparkle.png
- solid-round: https://gentleface.com/svg/solid-round/16/inbox-sparkle.svg · PNG https://gentleface.com/png/solid-round/16/inbox-sparkle.png · https://gentleface.com/png/solid-round/32/inbox-sparkle.png · https://gentleface.com/png/solid-round/48/inbox-sparkle.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/inbox-sparkle.svg · PNG https://gentleface.com/png/solid-soft/16/inbox-sparkle.png · https://gentleface.com/png/solid-soft/32/inbox-sparkle.png · https://gentleface.com/png/solid-soft/48/inbox-sparkle.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/inbox-sparkle.svg · PNG https://gentleface.com/png/solid-sharp/16/inbox-sparkle.png · https://gentleface.com/png/solid-sharp/32/inbox-sparkle.png · https://gentleface.com/png/solid-sharp/48/inbox-sparkle.png

The SVG of every style: https://gentleface.com/icons/inbox-sparkle.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="M0.14 1.264C0.242 1.007 0.391 0.781 0.586 0.586C0.781 0.391 1.007 0.242 1.264 0.14C1.5 0.047 1.746 0 2 0L10 0C10.254 0 10.5 0.047 10.736 0.14C10.993 0.242 11.219 0.391 11.414 0.586C11.609 0.781 11.758 1.007 11.86 1.264C11.953 1.5 12 1.746 12 2L12 5.5C12 5.641 11.952 5.759 11.856 5.856C11.759 5.952 11.641 6 11.5 6C11.359 6 11.241 5.952 11.144 5.856C11.048 5.759 11 5.641 11 5.5L11 2C11 1.724 10.902 1.488 10.707 1.293C10.512 1.098 10.276 1 10 1L2 1C1.724 1 1.488 1.098 1.293 1.293C1.098 1.488 1 1.724 1 2L1 6L2.5 6C2.691 6 2.875 6.035 3.052 6.105C3.245 6.182 3.414 6.293 3.561 6.439C3.707 6.586 3.818 6.755 3.895 6.948C3.965 7.125 4 7.309 4 7.5C4 7.638 4.049 7.756 4.146 7.854C4.244 7.951 4.362 8 4.5 8L7.5 8C7.638 8 7.756 7.951 7.854 7.854C7.951 7.756 8 7.638 8 7.5C8 7.309 8.035 7.125 8.105 6.948C8.182 6.755 8.293 6.586 8.439 6.439C8.586 6.293 8.755 6.182 8.948 6.105C9.125 6.035 9.309 6 9.5 6C9.641 6 9.759 6.048 9.856 6.144C9.952 6.241 10 6.359 10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7C9.362 7 9.244 7.049 9.146 7.146C9.049 7.244 9 7.362 9 7.5C9 7.691 8.965 7.875 8.895 8.052C8.818 8.245 8.707 8.414 8.561 8.561C8.414 8.707 8.245 8.818 8.052 8.895C7.875 8.965 7.691 9 7.5 9L4.5 9C4.309 9 4.125 8.965 3.948 8.895C3.755 8.818 3.586 8.707 3.439 8.561C3.293 8.414 3.182 8.245 3.105 8.052C3.035 7.875 3 7.691 3 7.5C3 7.362 2.951 7.244 2.854 7.146C2.756 7.049 2.638 7 2.5 7L1 7L1 10C1 10.276 1.098 10.512 1.293 10.707C1.488 10.902 1.724 11 2 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L2 12C1.746 12 1.5 11.953 1.264 11.86C1.007 11.758 0.781 11.609 0.586 11.414C0.391 11.219 0.242 10.993 0.14 10.736C0.047 10.5 0 10.254 0 10L0 2C0 1.746 0.047 1.5 0.14 1.264ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z"/></svg>
```

### React

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

export function InboxSparkleIcon(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="M0.14 1.264C0.242 1.007 0.391 0.781 0.586 0.586C0.781 0.391 1.007 0.242 1.264 0.14C1.5 0.047 1.746 0 2 0L10 0C10.254 0 10.5 0.047 10.736 0.14C10.993 0.242 11.219 0.391 11.414 0.586C11.609 0.781 11.758 1.007 11.86 1.264C11.953 1.5 12 1.746 12 2L12 5.5C12 5.641 11.952 5.759 11.856 5.856C11.759 5.952 11.641 6 11.5 6C11.359 6 11.241 5.952 11.144 5.856C11.048 5.759 11 5.641 11 5.5L11 2C11 1.724 10.902 1.488 10.707 1.293C10.512 1.098 10.276 1 10 1L2 1C1.724 1 1.488 1.098 1.293 1.293C1.098 1.488 1 1.724 1 2L1 6L2.5 6C2.691 6 2.875 6.035 3.052 6.105C3.245 6.182 3.414 6.293 3.561 6.439C3.707 6.586 3.818 6.755 3.895 6.948C3.965 7.125 4 7.309 4 7.5C4 7.638 4.049 7.756 4.146 7.854C4.244 7.951 4.362 8 4.5 8L7.5 8C7.638 8 7.756 7.951 7.854 7.854C7.951 7.756 8 7.638 8 7.5C8 7.309 8.035 7.125 8.105 6.948C8.182 6.755 8.293 6.586 8.439 6.439C8.586 6.293 8.755 6.182 8.948 6.105C9.125 6.035 9.309 6 9.5 6C9.641 6 9.759 6.048 9.856 6.144C9.952 6.241 10 6.359 10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7C9.362 7 9.244 7.049 9.146 7.146C9.049 7.244 9 7.362 9 7.5C9 7.691 8.965 7.875 8.895 8.052C8.818 8.245 8.707 8.414 8.561 8.561C8.414 8.707 8.245 8.818 8.052 8.895C7.875 8.965 7.691 9 7.5 9L4.5 9C4.309 9 4.125 8.965 3.948 8.895C3.755 8.818 3.586 8.707 3.439 8.561C3.293 8.414 3.182 8.245 3.105 8.052C3.035 7.875 3 7.691 3 7.5C3 7.362 2.951 7.244 2.854 7.146C2.756 7.049 2.638 7 2.5 7L1 7L1 10C1 10.276 1.098 10.512 1.293 10.707C1.488 10.902 1.724 11 2 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L2 12C1.746 12 1.5 11.953 1.264 11.86C1.007 11.758 0.781 11.609 0.586 11.414C0.391 11.219 0.242 10.993 0.14 10.736C0.047 10.5 0 10.254 0 10L0 2C0 1.746 0.047 1.5 0.14 1.264ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "inbox-sparkle" (line-round), MIT. https://gentleface.com/icons/inbox-sparkle -->
<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="M0.14 1.264C0.242 1.007 0.391 0.781 0.586 0.586C0.781 0.391 1.007 0.242 1.264 0.14C1.5 0.047 1.746 0 2 0L10 0C10.254 0 10.5 0.047 10.736 0.14C10.993 0.242 11.219 0.391 11.414 0.586C11.609 0.781 11.758 1.007 11.86 1.264C11.953 1.5 12 1.746 12 2L12 5.5C12 5.641 11.952 5.759 11.856 5.856C11.759 5.952 11.641 6 11.5 6C11.359 6 11.241 5.952 11.144 5.856C11.048 5.759 11 5.641 11 5.5L11 2C11 1.724 10.902 1.488 10.707 1.293C10.512 1.098 10.276 1 10 1L2 1C1.724 1 1.488 1.098 1.293 1.293C1.098 1.488 1 1.724 1 2L1 6L2.5 6C2.691 6 2.875 6.035 3.052 6.105C3.245 6.182 3.414 6.293 3.561 6.439C3.707 6.586 3.818 6.755 3.895 6.948C3.965 7.125 4 7.309 4 7.5C4 7.638 4.049 7.756 4.146 7.854C4.244 7.951 4.362 8 4.5 8L7.5 8C7.638 8 7.756 7.951 7.854 7.854C7.951 7.756 8 7.638 8 7.5C8 7.309 8.035 7.125 8.105 6.948C8.182 6.755 8.293 6.586 8.439 6.439C8.586 6.293 8.755 6.182 8.948 6.105C9.125 6.035 9.309 6 9.5 6C9.641 6 9.759 6.048 9.856 6.144C9.952 6.241 10 6.359 10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7C9.362 7 9.244 7.049 9.146 7.146C9.049 7.244 9 7.362 9 7.5C9 7.691 8.965 7.875 8.895 8.052C8.818 8.245 8.707 8.414 8.561 8.561C8.414 8.707 8.245 8.818 8.052 8.895C7.875 8.965 7.691 9 7.5 9L4.5 9C4.309 9 4.125 8.965 3.948 8.895C3.755 8.818 3.586 8.707 3.439 8.561C3.293 8.414 3.182 8.245 3.105 8.052C3.035 7.875 3 7.691 3 7.5C3 7.362 2.951 7.244 2.854 7.146C2.756 7.049 2.638 7 2.5 7L1 7L1 10C1 10.276 1.098 10.512 1.293 10.707C1.488 10.902 1.724 11 2 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L2 12C1.746 12 1.5 11.953 1.264 11.86C1.007 11.758 0.781 11.609 0.586 11.414C0.391 11.219 0.242 10.993 0.14 10.736C0.047 10.5 0 10.254 0 10L0 2C0 1.746 0.047 1.5 0.14 1.264ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "inbox-sparkle" (line-round), MIT. https://gentleface.com/icons/inbox-sparkle -->
<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="M0.14 1.264C0.242 1.007 0.391 0.781 0.586 0.586C0.781 0.391 1.007 0.242 1.264 0.14C1.5 0.047 1.746 0 2 0L10 0C10.254 0 10.5 0.047 10.736 0.14C10.993 0.242 11.219 0.391 11.414 0.586C11.609 0.781 11.758 1.007 11.86 1.264C11.953 1.5 12 1.746 12 2L12 5.5C12 5.641 11.952 5.759 11.856 5.856C11.759 5.952 11.641 6 11.5 6C11.359 6 11.241 5.952 11.144 5.856C11.048 5.759 11 5.641 11 5.5L11 2C11 1.724 10.902 1.488 10.707 1.293C10.512 1.098 10.276 1 10 1L2 1C1.724 1 1.488 1.098 1.293 1.293C1.098 1.488 1 1.724 1 2L1 6L2.5 6C2.691 6 2.875 6.035 3.052 6.105C3.245 6.182 3.414 6.293 3.561 6.439C3.707 6.586 3.818 6.755 3.895 6.948C3.965 7.125 4 7.309 4 7.5C4 7.638 4.049 7.756 4.146 7.854C4.244 7.951 4.362 8 4.5 8L7.5 8C7.638 8 7.756 7.951 7.854 7.854C7.951 7.756 8 7.638 8 7.5C8 7.309 8.035 7.125 8.105 6.948C8.182 6.755 8.293 6.586 8.439 6.439C8.586 6.293 8.755 6.182 8.948 6.105C9.125 6.035 9.309 6 9.5 6C9.641 6 9.759 6.048 9.856 6.144C9.952 6.241 10 6.359 10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7C9.362 7 9.244 7.049 9.146 7.146C9.049 7.244 9 7.362 9 7.5C9 7.691 8.965 7.875 8.895 8.052C8.818 8.245 8.707 8.414 8.561 8.561C8.414 8.707 8.245 8.818 8.052 8.895C7.875 8.965 7.691 9 7.5 9L4.5 9C4.309 9 4.125 8.965 3.948 8.895C3.755 8.818 3.586 8.707 3.439 8.561C3.293 8.414 3.182 8.245 3.105 8.052C3.035 7.875 3 7.691 3 7.5C3 7.362 2.951 7.244 2.854 7.146C2.756 7.049 2.638 7 2.5 7L1 7L1 10C1 10.276 1.098 10.512 1.293 10.707C1.488 10.902 1.724 11 2 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L2 12C1.746 12 1.5 11.953 1.264 11.86C1.007 11.758 0.781 11.609 0.586 11.414C0.391 11.219 0.242 10.993 0.14 10.736C0.047 10.5 0 10.254 0 10L0 2C0 1.746 0.047 1.5 0.14 1.264ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z" />
</svg>
```

### HTML img

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

### CSS

```css
/* Gentleface "inbox-sparkle" (line-round), MIT. https://gentleface.com/icons/inbox-sparkle. Takes the text color. */
.icon-inbox-sparkle {
  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='M0.14 1.264C0.242 1.007 0.391 0.781 0.586 0.586C0.781 0.391 1.007 0.242 1.264 0.14C1.5 0.047 1.746 0 2 0L10 0C10.254 0 10.5 0.047 10.736 0.14C10.993 0.242 11.219 0.391 11.414 0.586C11.609 0.781 11.758 1.007 11.86 1.264C11.953 1.5 12 1.746 12 2L12 5.5C12 5.641 11.952 5.759 11.856 5.856C11.759 5.952 11.641 6 11.5 6C11.359 6 11.241 5.952 11.144 5.856C11.048 5.759 11 5.641 11 5.5L11 2C11 1.724 10.902 1.488 10.707 1.293C10.512 1.098 10.276 1 10 1L2 1C1.724 1 1.488 1.098 1.293 1.293C1.098 1.488 1 1.724 1 2L1 6L2.5 6C2.691 6 2.875 6.035 3.052 6.105C3.245 6.182 3.414 6.293 3.561 6.439C3.707 6.586 3.818 6.755 3.895 6.948C3.965 7.125 4 7.309 4 7.5C4 7.638 4.049 7.756 4.146 7.854C4.244 7.951 4.362 8 4.5 8L7.5 8C7.638 8 7.756 7.951 7.854 7.854C7.951 7.756 8 7.638 8 7.5C8 7.309 8.035 7.125 8.105 6.948C8.182 6.755 8.293 6.586 8.439 6.439C8.586 6.293 8.755 6.182 8.948 6.105C9.125 6.035 9.309 6 9.5 6C9.641 6 9.759 6.048 9.856 6.144C9.952 6.241 10 6.359 10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7C9.362 7 9.244 7.049 9.146 7.146C9.049 7.244 9 7.362 9 7.5C9 7.691 8.965 7.875 8.895 8.052C8.818 8.245 8.707 8.414 8.561 8.561C8.414 8.707 8.245 8.818 8.052 8.895C7.875 8.965 7.691 9 7.5 9L4.5 9C4.309 9 4.125 8.965 3.948 8.895C3.755 8.818 3.586 8.707 3.439 8.561C3.293 8.414 3.182 8.245 3.105 8.052C3.035 7.875 3 7.691 3 7.5C3 7.362 2.951 7.244 2.854 7.146C2.756 7.049 2.638 7 2.5 7L1 7L1 10C1 10.276 1.098 10.512 1.293 10.707C1.488 10.902 1.724 11 2 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L2 12C1.746 12 1.5 11.953 1.264 11.86C1.007 11.758 0.781 11.609 0.586 11.414C0.391 11.219 0.242 10.993 0.14 10.736C0.047 10.5 0 10.254 0 10L0 2C0 1.746 0.047 1.5 0.14 1.264ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z'/%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='M0.14 1.264C0.242 1.007 0.391 0.781 0.586 0.586C0.781 0.391 1.007 0.242 1.264 0.14C1.5 0.047 1.746 0 2 0L10 0C10.254 0 10.5 0.047 10.736 0.14C10.993 0.242 11.219 0.391 11.414 0.586C11.609 0.781 11.758 1.007 11.86 1.264C11.953 1.5 12 1.746 12 2L12 5.5C12 5.641 11.952 5.759 11.856 5.856C11.759 5.952 11.641 6 11.5 6C11.359 6 11.241 5.952 11.144 5.856C11.048 5.759 11 5.641 11 5.5L11 2C11 1.724 10.902 1.488 10.707 1.293C10.512 1.098 10.276 1 10 1L2 1C1.724 1 1.488 1.098 1.293 1.293C1.098 1.488 1 1.724 1 2L1 6L2.5 6C2.691 6 2.875 6.035 3.052 6.105C3.245 6.182 3.414 6.293 3.561 6.439C3.707 6.586 3.818 6.755 3.895 6.948C3.965 7.125 4 7.309 4 7.5C4 7.638 4.049 7.756 4.146 7.854C4.244 7.951 4.362 8 4.5 8L7.5 8C7.638 8 7.756 7.951 7.854 7.854C7.951 7.756 8 7.638 8 7.5C8 7.309 8.035 7.125 8.105 6.948C8.182 6.755 8.293 6.586 8.439 6.439C8.586 6.293 8.755 6.182 8.948 6.105C9.125 6.035 9.309 6 9.5 6C9.641 6 9.759 6.048 9.856 6.144C9.952 6.241 10 6.359 10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7C9.362 7 9.244 7.049 9.146 7.146C9.049 7.244 9 7.362 9 7.5C9 7.691 8.965 7.875 8.895 8.052C8.818 8.245 8.707 8.414 8.561 8.561C8.414 8.707 8.245 8.818 8.052 8.895C7.875 8.965 7.691 9 7.5 9L4.5 9C4.309 9 4.125 8.965 3.948 8.895C3.755 8.818 3.586 8.707 3.439 8.561C3.293 8.414 3.182 8.245 3.105 8.052C3.035 7.875 3 7.691 3 7.5C3 7.362 2.951 7.244 2.854 7.146C2.756 7.049 2.638 7 2.5 7L1 7L1 10C1 10.276 1.098 10.512 1.293 10.707C1.488 10.902 1.724 11 2 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L2 12C1.746 12 1.5 11.953 1.264 11.86C1.007 11.758 0.781 11.609 0.586 11.414C0.391 11.219 0.242 10.993 0.14 10.736C0.047 10.5 0 10.254 0 10L0 2C0 1.746 0.047 1.5 0.14 1.264ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z'/%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='M0.14 1.264C0.242 1.007 0.391 0.781 0.586 0.586C0.781 0.391 1.007 0.242 1.264 0.14C1.5 0.047 1.746 0 2 0L10 0C10.254 0 10.5 0.047 10.736 0.14C10.993 0.242 11.219 0.391 11.414 0.586C11.609 0.781 11.758 1.007 11.86 1.264C11.953 1.5 12 1.746 12 2L12 5.5C12 5.641 11.952 5.759 11.856 5.856C11.759 5.952 11.641 6 11.5 6C11.359 6 11.241 5.952 11.144 5.856C11.048 5.759 11 5.641 11 5.5L11 2C11 1.724 10.902 1.488 10.707 1.293C10.512 1.098 10.276 1 10 1L2 1C1.724 1 1.488 1.098 1.293 1.293C1.098 1.488 1 1.724 1 2L1 6L2.5 6C2.691 6 2.875 6.035 3.052 6.105C3.245 6.182 3.414 6.293 3.561 6.439C3.707 6.586 3.818 6.755 3.895 6.948C3.965 7.125 4 7.309 4 7.5C4 7.638 4.049 7.756 4.146 7.854C4.244 7.951 4.362 8 4.5 8L7.5 8C7.638 8 7.756 7.951 7.854 7.854C7.951 7.756 8 7.638 8 7.5C8 7.309 8.035 7.125 8.105 6.948C8.182 6.755 8.293 6.586 8.439 6.439C8.586 6.293 8.755 6.182 8.948 6.105C9.125 6.035 9.309 6 9.5 6C9.641 6 9.759 6.048 9.856 6.144C9.952 6.241 10 6.359 10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7C9.362 7 9.244 7.049 9.146 7.146C9.049 7.244 9 7.362 9 7.5C9 7.691 8.965 7.875 8.895 8.052C8.818 8.245 8.707 8.414 8.561 8.561C8.414 8.707 8.245 8.818 8.052 8.895C7.875 8.965 7.691 9 7.5 9L4.5 9C4.309 9 4.125 8.965 3.948 8.895C3.755 8.818 3.586 8.707 3.439 8.561C3.293 8.414 3.182 8.245 3.105 8.052C3.035 7.875 3 7.691 3 7.5C3 7.362 2.951 7.244 2.854 7.146C2.756 7.049 2.638 7 2.5 7L1 7L1 10C1 10.276 1.098 10.512 1.293 10.707C1.488 10.902 1.724 11 2 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L2 12C1.746 12 1.5 11.953 1.264 11.86C1.007 11.758 0.781 11.609 0.586 11.414C0.391 11.219 0.242 10.993 0.14 10.736C0.047 10.5 0 10.254 0 10L0 2C0 1.746 0.047 1.5 0.14 1.264ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z'/%3E%3C/svg%3E
```

### Sprite

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

### SwiftUI

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

struct InboxSparkleIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 0.14, y: 1.264))
        p.addCurve(to: CGPoint(x: 0.586, y: 0.586), control1: CGPoint(x: 0.242, y: 1.007), control2: CGPoint(x: 0.391, y: 0.781))
        p.addCurve(to: CGPoint(x: 1.264, y: 0.14), control1: CGPoint(x: 0.781, y: 0.391), control2: CGPoint(x: 1.007, y: 0.242))
        p.addCurve(to: CGPoint(x: 2, y: 0), control1: CGPoint(x: 1.5, y: 0.047), control2: CGPoint(x: 1.746, y: 0))
        p.addLine(to: CGPoint(x: 10, y: 0))
        p.addCurve(to: CGPoint(x: 10.736, y: 0.14), control1: CGPoint(x: 10.254, y: 0), control2: CGPoint(x: 10.5, y: 0.047))
        p.addCurve(to: CGPoint(x: 11.414, y: 0.586), control1: CGPoint(x: 10.993, y: 0.242), control2: CGPoint(x: 11.219, y: 0.391))
        p.addCurve(to: CGPoint(x: 11.86, y: 1.264), control1: CGPoint(x: 11.609, y: 0.781), control2: CGPoint(x: 11.758, y: 1.007))
        p.addCurve(to: CGPoint(x: 12, y: 2), control1: CGPoint(x: 11.953, y: 1.5), control2: CGPoint(x: 12, y: 1.746))
        p.addLine(to: CGPoint(x: 12, y: 5.5))
        p.addCurve(to: CGPoint(x: 11.856, y: 5.856), control1: CGPoint(x: 12, y: 5.641), control2: CGPoint(x: 11.952, y: 5.759))
        p.addCurve(to: CGPoint(x: 11.5, y: 6), control1: CGPoint(x: 11.759, y: 5.952), control2: CGPoint(x: 11.641, y: 6))
        p.addCurve(to: CGPoint(x: 11.144, y: 5.856), control1: CGPoint(x: 11.359, y: 6), control2: CGPoint(x: 11.241, y: 5.952))
        p.addCurve(to: CGPoint(x: 11, y: 5.5), control1: CGPoint(x: 11.048, y: 5.759), control2: CGPoint(x: 11, y: 5.641))
        p.addLine(to: CGPoint(x: 11, y: 2))
        p.addCurve(to: CGPoint(x: 10.707, y: 1.293), control1: CGPoint(x: 11, y: 1.724), control2: CGPoint(x: 10.902, y: 1.488))
        p.addCurve(to: CGPoint(x: 10, y: 1), control1: CGPoint(x: 10.512, y: 1.098), control2: CGPoint(x: 10.276, y: 1))
        p.addLine(to: CGPoint(x: 2, y: 1))
        p.addCurve(to: CGPoint(x: 1.293, y: 1.293), control1: CGPoint(x: 1.724, y: 1), control2: CGPoint(x: 1.488, y: 1.098))
        p.addCurve(to: CGPoint(x: 1, y: 2), control1: CGPoint(x: 1.098, y: 1.488), control2: CGPoint(x: 1, y: 1.724))
        p.addLine(to: CGPoint(x: 1, y: 6))
        p.addLine(to: CGPoint(x: 2.5, y: 6))
        p.addCurve(to: CGPoint(x: 3.052, y: 6.105), control1: CGPoint(x: 2.691, y: 6), control2: CGPoint(x: 2.875, y: 6.035))
        p.addCurve(to: CGPoint(x: 3.561, y: 6.439), control1: CGPoint(x: 3.245, y: 6.182), control2: CGPoint(x: 3.414, y: 6.293))
        p.addCurve(to: CGPoint(x: 3.895, y: 6.948), control1: CGPoint(x: 3.707, y: 6.586), control2: CGPoint(x: 3.818, y: 6.755))
        p.addCurve(to: CGPoint(x: 4, y: 7.5), control1: CGPoint(x: 3.965, y: 7.125), control2: CGPoint(x: 4, y: 7.309))
        p.addCurve(to: CGPoint(x: 4.146, y: 7.854), control1: CGPoint(x: 4, y: 7.638), control2: CGPoint(x: 4.049, y: 7.756))
        p.addCurve(to: CGPoint(x: 4.5, y: 8), control1: CGPoint(x: 4.244, y: 7.951), control2: CGPoint(x: 4.362, y: 8))
        p.addLine(to: CGPoint(x: 7.5, y: 8))
        p.addCurve(to: CGPoint(x: 7.854, y: 7.854), control1: CGPoint(x: 7.638, y: 8), control2: CGPoint(x: 7.756, y: 7.951))
        p.addCurve(to: CGPoint(x: 8, y: 7.5), control1: CGPoint(x: 7.951, y: 7.756), control2: CGPoint(x: 8, y: 7.638))
        p.addCurve(to: CGPoint(x: 8.105, y: 6.948), control1: CGPoint(x: 8, y: 7.309), control2: CGPoint(x: 8.035, y: 7.125))
        p.addCurve(to: CGPoint(x: 8.439, y: 6.439), control1: CGPoint(x: 8.182, y: 6.755), control2: CGPoint(x: 8.293, y: 6.586))
        p.addCurve(to: CGPoint(x: 8.948, y: 6.105), control1: CGPoint(x: 8.586, y: 6.293), control2: CGPoint(x: 8.755, y: 6.182))
        p.addCurve(to: CGPoint(x: 9.5, y: 6), control1: CGPoint(x: 9.125, y: 6.035), control2: CGPoint(x: 9.309, y: 6))
        p.addCurve(to: CGPoint(x: 9.856, y: 6.144), control1: CGPoint(x: 9.641, y: 6), control2: CGPoint(x: 9.759, y: 6.048))
        p.addCurve(to: CGPoint(x: 10, y: 6.5), control1: CGPoint(x: 9.952, y: 6.241), control2: CGPoint(x: 10, y: 6.359))
        p.addCurve(to: CGPoint(x: 9.856, y: 6.856), control1: CGPoint(x: 10, y: 6.641), control2: CGPoint(x: 9.952, y: 6.759))
        p.addCurve(to: CGPoint(x: 9.5, y: 7), control1: CGPoint(x: 9.759, y: 6.952), control2: CGPoint(x: 9.641, y: 7))
        p.addCurve(to: CGPoint(x: 9.146, y: 7.146), control1: CGPoint(x: 9.362, y: 7), control2: CGPoint(x: 9.244, y: 7.049))
        p.addCurve(to: CGPoint(x: 9, y: 7.5), control1: CGPoint(x: 9.049, y: 7.244), control2: CGPoint(x: 9, y: 7.362))
        p.addCurve(to: CGPoint(x: 8.895, y: 8.052), control1: CGPoint(x: 9, y: 7.691), control2: CGPoint(x: 8.965, y: 7.875))
        p.addCurve(to: CGPoint(x: 8.561, y: 8.561), control1: CGPoint(x: 8.818, y: 8.245), control2: CGPoint(x: 8.707, y: 8.414))
        p.addCurve(to: CGPoint(x: 8.052, y: 8.895), control1: CGPoint(x: 8.414, y: 8.707), control2: CGPoint(x: 8.245, y: 8.818))
        p.addCurve(to: CGPoint(x: 7.5, y: 9), control1: CGPoint(x: 7.875, y: 8.965), control2: CGPoint(x: 7.691, y: 9))
        p.addLine(to: CGPoint(x: 4.5, y: 9))
        p.addCurve(to: CGPoint(x: 3.948, y: 8.895), control1: CGPoint(x: 4.309, y: 9), control2: CGPoint(x: 4.125, y: 8.965))
        p.addCurve(to: CGPoint(x: 3.439, y: 8.561), control1: CGPoint(x: 3.755, y: 8.818), control2: CGPoint(x: 3.586, y: 8.707))
        p.addCurve(to: CGPoint(x: 3.105, y: 8.052), control1: CGPoint(x: 3.293, y: 8.414), control2: CGPoint(x: 3.182, y: 8.245))
        p.addCurve(to: CGPoint(x: 3, y: 7.5), control1: CGPoint(x: 3.035, y: 7.875), control2: CGPoint(x: 3, y: 7.691))
        p.addCurve(to: CGPoint(x: 2.854, y: 7.146), control1: CGPoint(x: 3, y: 7.362), control2: CGPoint(x: 2.951, y: 7.244))
        p.addCurve(to: CGPoint(x: 2.5, y: 7), control1: CGPoint(x: 2.756, y: 7.049), control2: CGPoint(x: 2.638, y: 7))
        p.addLine(to: CGPoint(x: 1, y: 7))
        p.addLine(to: CGPoint(x: 1, y: 10))
        p.addCurve(to: CGPoint(x: 1.293, y: 10.707), control1: CGPoint(x: 1, y: 10.276), control2: CGPoint(x: 1.098, y: 10.512))
        p.addCurve(to: CGPoint(x: 2, y: 11), control1: CGPoint(x: 1.488, y: 10.902), control2: CGPoint(x: 1.724, y: 11))
        p.addLine(to: CGPoint(x: 4.5, y: 11))
        p.addCurve(to: CGPoint(x: 4.856, y: 11.144), control1: CGPoint(x: 4.641, y: 11), control2: CGPoint(x: 4.759, y: 11.048))
        p.addCurve(to: CGPoint(x: 5, y: 11.5), control1: CGPoint(x: 4.952, y: 11.241), control2: CGPoint(x: 5, y: 11.359))
        p.addCurve(to: CGPoint(x: 4.856, y: 11.856), control1: CGPoint(x: 5, y: 11.641), control2: CGPoint(x: 4.952, y: 11.759))
        p.addCurve(to: CGPoint(x: 4.5, y: 12), control1: CGPoint(x: 4.759, y: 11.952), control2: CGPoint(x: 4.641, y: 12))
        p.addLine(to: CGPoint(x: 2, y: 12))
        p.addCurve(to: CGPoint(x: 1.264, y: 11.86), control1: CGPoint(x: 1.746, y: 12), control2: CGPoint(x: 1.5, y: 11.953))
        p.addCurve(to: CGPoint(x: 0.586, y: 11.414), control1: CGPoint(x: 1.007, y: 11.758), control2: CGPoint(x: 0.781, y: 11.609))
        p.addCurve(to: CGPoint(x: 0.14, y: 10.736), control1: CGPoint(x: 0.391, y: 11.219), control2: CGPoint(x: 0.242, y: 10.993))
        p.addCurve(to: CGPoint(x: 0, y: 10), control1: CGPoint(x: 0.047, y: 10.5), control2: CGPoint(x: 0, y: 10.254))
        p.addLine(to: CGPoint(x: 0, y: 2))
        p.addCurve(to: CGPoint(x: 0.14, y: 1.264), control1: CGPoint(x: 0, y: 1.746), control2: CGPoint(x: 0.047, y: 1.5))
        p.closeSubpath()
        p.move(to: CGPoint(x: 11.5, y: 16))
        p.addCurve(to: CGPoint(x: 7, y: 11.5), control1: CGPoint(x: 11, y: 13), control2: CGPoint(x: 10, y: 12))
        p.addCurve(to: CGPoint(x: 11.5, y: 7), control1: CGPoint(x: 10, y: 11), control2: CGPoint(x: 11, y: 10))
        p.addCurve(to: CGPoint(x: 16, y: 11.5), control1: CGPoint(x: 12, y: 10), control2: CGPoint(x: 13, y: 11))
        p.addCurve(to: CGPoint(x: 11.5, y: 16), control1: CGPoint(x: 13, y: 12), control2: CGPoint(x: 12, y: 13))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "inbox-sparkle" (line-round), MIT. https://gentleface.com/icons/inbox-sparkle
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 InboxSparkleIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "inbox-sparkle", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M0.14 1.264C0.242 1.007 0.391 0.781 0.586 0.586C0.781 0.391 1.007 0.242 1.264 0.14C1.5 0.047 1.746 0 2 0L10 0C10.254 0 10.5 0.047 10.736 0.14C10.993 0.242 11.219 0.391 11.414 0.586C11.609 0.781 11.758 1.007 11.86 1.264C11.953 1.5 12 1.746 12 2L12 5.5C12 5.641 11.952 5.759 11.856 5.856C11.759 5.952 11.641 6 11.5 6C11.359 6 11.241 5.952 11.144 5.856C11.048 5.759 11 5.641 11 5.5L11 2C11 1.724 10.902 1.488 10.707 1.293C10.512 1.098 10.276 1 10 1L2 1C1.724 1 1.488 1.098 1.293 1.293C1.098 1.488 1 1.724 1 2L1 6L2.5 6C2.691 6 2.875 6.035 3.052 6.105C3.245 6.182 3.414 6.293 3.561 6.439C3.707 6.586 3.818 6.755 3.895 6.948C3.965 7.125 4 7.309 4 7.5C4 7.638 4.049 7.756 4.146 7.854C4.244 7.951 4.362 8 4.5 8L7.5 8C7.638 8 7.756 7.951 7.854 7.854C7.951 7.756 8 7.638 8 7.5C8 7.309 8.035 7.125 8.105 6.948C8.182 6.755 8.293 6.586 8.439 6.439C8.586 6.293 8.755 6.182 8.948 6.105C9.125 6.035 9.309 6 9.5 6C9.641 6 9.759 6.048 9.856 6.144C9.952 6.241 10 6.359 10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7C9.362 7 9.244 7.049 9.146 7.146C9.049 7.244 9 7.362 9 7.5C9 7.691 8.965 7.875 8.895 8.052C8.818 8.245 8.707 8.414 8.561 8.561C8.414 8.707 8.245 8.818 8.052 8.895C7.875 8.965 7.691 9 7.5 9L4.5 9C4.309 9 4.125 8.965 3.948 8.895C3.755 8.818 3.586 8.707 3.439 8.561C3.293 8.414 3.182 8.245 3.105 8.052C3.035 7.875 3 7.691 3 7.5C3 7.362 2.951 7.244 2.854 7.146C2.756 7.049 2.638 7 2.5 7L1 7L1 10C1 10.276 1.098 10.512 1.293 10.707C1.488 10.902 1.724 11 2 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L2 12C1.746 12 1.5 11.953 1.264 11.86C1.007 11.758 0.781 11.609 0.586 11.414C0.391 11.219 0.242 10.993 0.14 10.736C0.047 10.5 0 10.254 0 10L0 2C0 1.746 0.047 1.5 0.14 1.264ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_inbox_sparkle.xml · Gentleface "inbox-sparkle" (line-round), MIT. https://gentleface.com/icons/inbox-sparkle -->
<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="M0.14 1.264C0.242 1.007 0.391 0.781 0.586 0.586C0.781 0.391 1.007 0.242 1.264 0.14C1.5 0.047 1.746 0 2 0L10 0C10.254 0 10.5 0.047 10.736 0.14C10.993 0.242 11.219 0.391 11.414 0.586C11.609 0.781 11.758 1.007 11.86 1.264C11.953 1.5 12 1.746 12 2L12 5.5C12 5.641 11.952 5.759 11.856 5.856C11.759 5.952 11.641 6 11.5 6C11.359 6 11.241 5.952 11.144 5.856C11.048 5.759 11 5.641 11 5.5L11 2C11 1.724 10.902 1.488 10.707 1.293C10.512 1.098 10.276 1 10 1L2 1C1.724 1 1.488 1.098 1.293 1.293C1.098 1.488 1 1.724 1 2L1 6L2.5 6C2.691 6 2.875 6.035 3.052 6.105C3.245 6.182 3.414 6.293 3.561 6.439C3.707 6.586 3.818 6.755 3.895 6.948C3.965 7.125 4 7.309 4 7.5C4 7.638 4.049 7.756 4.146 7.854C4.244 7.951 4.362 8 4.5 8L7.5 8C7.638 8 7.756 7.951 7.854 7.854C7.951 7.756 8 7.638 8 7.5C8 7.309 8.035 7.125 8.105 6.948C8.182 6.755 8.293 6.586 8.439 6.439C8.586 6.293 8.755 6.182 8.948 6.105C9.125 6.035 9.309 6 9.5 6C9.641 6 9.759 6.048 9.856 6.144C9.952 6.241 10 6.359 10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7C9.362 7 9.244 7.049 9.146 7.146C9.049 7.244 9 7.362 9 7.5C9 7.691 8.965 7.875 8.895 8.052C8.818 8.245 8.707 8.414 8.561 8.561C8.414 8.707 8.245 8.818 8.052 8.895C7.875 8.965 7.691 9 7.5 9L4.5 9C4.309 9 4.125 8.965 3.948 8.895C3.755 8.818 3.586 8.707 3.439 8.561C3.293 8.414 3.182 8.245 3.105 8.052C3.035 7.875 3 7.691 3 7.5C3 7.362 2.951 7.244 2.854 7.146C2.756 7.049 2.638 7 2.5 7L1 7L1 10C1 10.276 1.098 10.512 1.293 10.707C1.488 10.902 1.724 11 2 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L2 12C1.746 12 1.5 11.953 1.264 11.86C1.007 11.758 0.781 11.609 0.586 11.414C0.391 11.219 0.242 10.993 0.14 10.736C0.047 10.5 0 10.254 0 10L0 2C0 1.746 0.047 1.5 0.14 1.264ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(0.14, 1.264)
      ..cubicTo(0.242, 1.007, 0.391, 0.781, 0.586, 0.586)
      ..cubicTo(0.781, 0.391, 1.007, 0.242, 1.264, 0.14)
      ..cubicTo(1.5, 0.047, 1.746, 0, 2, 0)
      ..lineTo(10, 0)
      ..cubicTo(10.254, 0, 10.5, 0.047, 10.736, 0.14)
      ..cubicTo(10.993, 0.242, 11.219, 0.391, 11.414, 0.586)
      ..cubicTo(11.609, 0.781, 11.758, 1.007, 11.86, 1.264)
      ..cubicTo(11.953, 1.5, 12, 1.746, 12, 2)
      ..lineTo(12, 5.5)
      ..cubicTo(12, 5.641, 11.952, 5.759, 11.856, 5.856)
      ..cubicTo(11.759, 5.952, 11.641, 6, 11.5, 6)
      ..cubicTo(11.359, 6, 11.241, 5.952, 11.144, 5.856)
      ..cubicTo(11.048, 5.759, 11, 5.641, 11, 5.5)
      ..lineTo(11, 2)
      ..cubicTo(11, 1.724, 10.902, 1.488, 10.707, 1.293)
      ..cubicTo(10.512, 1.098, 10.276, 1, 10, 1)
      ..lineTo(2, 1)
      ..cubicTo(1.724, 1, 1.488, 1.098, 1.293, 1.293)
      ..cubicTo(1.098, 1.488, 1, 1.724, 1, 2)
      ..lineTo(1, 6)
      ..lineTo(2.5, 6)
      ..cubicTo(2.691, 6, 2.875, 6.035, 3.052, 6.105)
      ..cubicTo(3.245, 6.182, 3.414, 6.293, 3.561, 6.439)
      ..cubicTo(3.707, 6.586, 3.818, 6.755, 3.895, 6.948)
      ..cubicTo(3.965, 7.125, 4, 7.309, 4, 7.5)
      ..cubicTo(4, 7.638, 4.049, 7.756, 4.146, 7.854)
      ..cubicTo(4.244, 7.951, 4.362, 8, 4.5, 8)
      ..lineTo(7.5, 8)
      ..cubicTo(7.638, 8, 7.756, 7.951, 7.854, 7.854)
      ..cubicTo(7.951, 7.756, 8, 7.638, 8, 7.5)
      ..cubicTo(8, 7.309, 8.035, 7.125, 8.105, 6.948)
      ..cubicTo(8.182, 6.755, 8.293, 6.586, 8.439, 6.439)
      ..cubicTo(8.586, 6.293, 8.755, 6.182, 8.948, 6.105)
      ..cubicTo(9.125, 6.035, 9.309, 6, 9.5, 6)
      ..cubicTo(9.641, 6, 9.759, 6.048, 9.856, 6.144)
      ..cubicTo(9.952, 6.241, 10, 6.359, 10, 6.5)
      ..cubicTo(10, 6.641, 9.952, 6.759, 9.856, 6.856)
      ..cubicTo(9.759, 6.952, 9.641, 7, 9.5, 7)
      ..cubicTo(9.362, 7, 9.244, 7.049, 9.146, 7.146)
      ..cubicTo(9.049, 7.244, 9, 7.362, 9, 7.5)
      ..cubicTo(9, 7.691, 8.965, 7.875, 8.895, 8.052)
      ..cubicTo(8.818, 8.245, 8.707, 8.414, 8.561, 8.561)
      ..cubicTo(8.414, 8.707, 8.245, 8.818, 8.052, 8.895)
      ..cubicTo(7.875, 8.965, 7.691, 9, 7.5, 9)
      ..lineTo(4.5, 9)
      ..cubicTo(4.309, 9, 4.125, 8.965, 3.948, 8.895)
      ..cubicTo(3.755, 8.818, 3.586, 8.707, 3.439, 8.561)
      ..cubicTo(3.293, 8.414, 3.182, 8.245, 3.105, 8.052)
      ..cubicTo(3.035, 7.875, 3, 7.691, 3, 7.5)
      ..cubicTo(3, 7.362, 2.951, 7.244, 2.854, 7.146)
      ..cubicTo(2.756, 7.049, 2.638, 7, 2.5, 7)
      ..lineTo(1, 7)
      ..lineTo(1, 10)
      ..cubicTo(1, 10.276, 1.098, 10.512, 1.293, 10.707)
      ..cubicTo(1.488, 10.902, 1.724, 11, 2, 11)
      ..lineTo(4.5, 11)
      ..cubicTo(4.641, 11, 4.759, 11.048, 4.856, 11.144)
      ..cubicTo(4.952, 11.241, 5, 11.359, 5, 11.5)
      ..cubicTo(5, 11.641, 4.952, 11.759, 4.856, 11.856)
      ..cubicTo(4.759, 11.952, 4.641, 12, 4.5, 12)
      ..lineTo(2, 12)
      ..cubicTo(1.746, 12, 1.5, 11.953, 1.264, 11.86)
      ..cubicTo(1.007, 11.758, 0.781, 11.609, 0.586, 11.414)
      ..cubicTo(0.391, 11.219, 0.242, 10.993, 0.14, 10.736)
      ..cubicTo(0.047, 10.5, 0, 10.254, 0, 10)
      ..lineTo(0, 2)
      ..cubicTo(0, 1.746, 0.047, 1.5, 0.14, 1.264)
      ..close()
      ..moveTo(11.5, 16)
      ..cubicTo(11, 13, 10, 12, 7, 11.5)
      ..cubicTo(10, 11, 11, 10, 11.5, 7)
      ..cubicTo(12, 10, 13, 11, 16, 11.5)
      ..cubicTo(13, 12, 12, 13, 11.5, 16)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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