# presentation-sparkle icon

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

- Category: Business & office
- Use it for: ai presentation, generate slides, ai slides, generate presentation
- Example: Generate a deck from a prompt
- Built from: presentation + sparkle
- Tags: presentation, slides, slideshow, easel, board, pitch, meeting, lecture, sparkle
- Family: presentation
- Component name: PresentationSparkleIcon
- Added: 2026-10-15

## Also fits

- presentation file: generate slides with AI (generate-slides)
- ai document: generate slides (generate-slides)

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

The SVG of every style: https://gentleface.com/icons/presentation-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="M14.856 1.144C14.952 1.241 15 1.359 15 1.5C15 1.641 14.952 1.759 14.856 1.856C14.759 1.952 14.641 2 14.5 2L14 2L14 8C14 8.22 13.965 8.434 13.894 8.642C13.849 8.775 13.766 8.872 13.644 8.932C13.522 8.992 13.394 9 13.26 8.955C13.18 8.928 13.113 8.887 13.059 8.832C13.01 8.735 12.963 8.633 12.92 8.525L12.919 8.524C12.914 8.458 12.924 8.39 12.947 8.321C12.982 8.217 13 8.11 13 8L13 2L3 2L3 8C3 8.276 3.098 8.512 3.293 8.707C3.488 8.902 3.724 9 4 9L8.5 9C8.641 9 8.759 9.048 8.856 9.144C8.952 9.241 9 9.359 9 9.5C9 9.641 8.952 9.759 8.856 9.856C8.759 9.952 8.641 10 8.5 10L7.707 10L7.274 10.433C7.134 10.461 6.988 10.488 6.836 10.514C6.291 10.604 5.923 11.12 6.014 11.664C6.015 11.673 6.016 11.681 6.018 11.689L3.854 13.854C3.756 13.951 3.638 14 3.5 14C3.362 14 3.244 13.951 3.146 13.854C3.047 13.754 2.997 13.636 2.997 13.5C2.997 13.364 3.047 13.246 3.146 13.146L6.293 10L4 10C3.746 10 3.5 9.953 3.264 9.86C3.007 9.758 2.781 9.609 2.586 9.414C2.391 9.219 2.242 8.993 2.14 8.736C2.047 8.5 2 8.254 2 8L2 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144ZM11.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 "presentation-sparkle" (line-round), MIT. https://gentleface.com/icons/presentation-sparkle
import type { SVGProps } from 'react';

export function PresentationSparkleIcon(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="M14.856 1.144C14.952 1.241 15 1.359 15 1.5C15 1.641 14.952 1.759 14.856 1.856C14.759 1.952 14.641 2 14.5 2L14 2L14 8C14 8.22 13.965 8.434 13.894 8.642C13.849 8.775 13.766 8.872 13.644 8.932C13.522 8.992 13.394 9 13.26 8.955C13.18 8.928 13.113 8.887 13.059 8.832C13.01 8.735 12.963 8.633 12.92 8.525L12.919 8.524C12.914 8.458 12.924 8.39 12.947 8.321C12.982 8.217 13 8.11 13 8L13 2L3 2L3 8C3 8.276 3.098 8.512 3.293 8.707C3.488 8.902 3.724 9 4 9L8.5 9C8.641 9 8.759 9.048 8.856 9.144C8.952 9.241 9 9.359 9 9.5C9 9.641 8.952 9.759 8.856 9.856C8.759 9.952 8.641 10 8.5 10L7.707 10L7.274 10.433C7.134 10.461 6.988 10.488 6.836 10.514C6.291 10.604 5.923 11.12 6.014 11.664C6.015 11.673 6.016 11.681 6.018 11.689L3.854 13.854C3.756 13.951 3.638 14 3.5 14C3.362 14 3.244 13.951 3.146 13.854C3.047 13.754 2.997 13.636 2.997 13.5C2.997 13.364 3.047 13.246 3.146 13.146L6.293 10L4 10C3.746 10 3.5 9.953 3.264 9.86C3.007 9.758 2.781 9.609 2.586 9.414C2.391 9.219 2.242 8.993 2.14 8.736C2.047 8.5 2 8.254 2 8L2 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144ZM11.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 "presentation-sparkle" (line-round), MIT. https://gentleface.com/icons/presentation-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="M14.856 1.144C14.952 1.241 15 1.359 15 1.5C15 1.641 14.952 1.759 14.856 1.856C14.759 1.952 14.641 2 14.5 2L14 2L14 8C14 8.22 13.965 8.434 13.894 8.642C13.849 8.775 13.766 8.872 13.644 8.932C13.522 8.992 13.394 9 13.26 8.955C13.18 8.928 13.113 8.887 13.059 8.832C13.01 8.735 12.963 8.633 12.92 8.525L12.919 8.524C12.914 8.458 12.924 8.39 12.947 8.321C12.982 8.217 13 8.11 13 8L13 2L3 2L3 8C3 8.276 3.098 8.512 3.293 8.707C3.488 8.902 3.724 9 4 9L8.5 9C8.641 9 8.759 9.048 8.856 9.144C8.952 9.241 9 9.359 9 9.5C9 9.641 8.952 9.759 8.856 9.856C8.759 9.952 8.641 10 8.5 10L7.707 10L7.274 10.433C7.134 10.461 6.988 10.488 6.836 10.514C6.291 10.604 5.923 11.12 6.014 11.664C6.015 11.673 6.016 11.681 6.018 11.689L3.854 13.854C3.756 13.951 3.638 14 3.5 14C3.362 14 3.244 13.951 3.146 13.854C3.047 13.754 2.997 13.636 2.997 13.5C2.997 13.364 3.047 13.246 3.146 13.146L6.293 10L4 10C3.746 10 3.5 9.953 3.264 9.86C3.007 9.758 2.781 9.609 2.586 9.414C2.391 9.219 2.242 8.993 2.14 8.736C2.047 8.5 2 8.254 2 8L2 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144ZM11.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 "presentation-sparkle" (line-round), MIT. https://gentleface.com/icons/presentation-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="M14.856 1.144C14.952 1.241 15 1.359 15 1.5C15 1.641 14.952 1.759 14.856 1.856C14.759 1.952 14.641 2 14.5 2L14 2L14 8C14 8.22 13.965 8.434 13.894 8.642C13.849 8.775 13.766 8.872 13.644 8.932C13.522 8.992 13.394 9 13.26 8.955C13.18 8.928 13.113 8.887 13.059 8.832C13.01 8.735 12.963 8.633 12.92 8.525L12.919 8.524C12.914 8.458 12.924 8.39 12.947 8.321C12.982 8.217 13 8.11 13 8L13 2L3 2L3 8C3 8.276 3.098 8.512 3.293 8.707C3.488 8.902 3.724 9 4 9L8.5 9C8.641 9 8.759 9.048 8.856 9.144C8.952 9.241 9 9.359 9 9.5C9 9.641 8.952 9.759 8.856 9.856C8.759 9.952 8.641 10 8.5 10L7.707 10L7.274 10.433C7.134 10.461 6.988 10.488 6.836 10.514C6.291 10.604 5.923 11.12 6.014 11.664C6.015 11.673 6.016 11.681 6.018 11.689L3.854 13.854C3.756 13.951 3.638 14 3.5 14C3.362 14 3.244 13.951 3.146 13.854C3.047 13.754 2.997 13.636 2.997 13.5C2.997 13.364 3.047 13.246 3.146 13.146L6.293 10L4 10C3.746 10 3.5 9.953 3.264 9.86C3.007 9.758 2.781 9.609 2.586 9.414C2.391 9.219 2.242 8.993 2.14 8.736C2.047 8.5 2 8.254 2 8L2 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144ZM11.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 "presentation-sparkle" (line-round), MIT. https://gentleface.com/icons/presentation-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/presentation-sparkle.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "presentation-sparkle" (line-round), MIT. https://gentleface.com/icons/presentation-sparkle. Takes the text color. */
.icon-presentation-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='M14.856 1.144C14.952 1.241 15 1.359 15 1.5C15 1.641 14.952 1.759 14.856 1.856C14.759 1.952 14.641 2 14.5 2L14 2L14 8C14 8.22 13.965 8.434 13.894 8.642C13.849 8.775 13.766 8.872 13.644 8.932C13.522 8.992 13.394 9 13.26 8.955C13.18 8.928 13.113 8.887 13.059 8.832C13.01 8.735 12.963 8.633 12.92 8.525L12.919 8.524C12.914 8.458 12.924 8.39 12.947 8.321C12.982 8.217 13 8.11 13 8L13 2L3 2L3 8C3 8.276 3.098 8.512 3.293 8.707C3.488 8.902 3.724 9 4 9L8.5 9C8.641 9 8.759 9.048 8.856 9.144C8.952 9.241 9 9.359 9 9.5C9 9.641 8.952 9.759 8.856 9.856C8.759 9.952 8.641 10 8.5 10L7.707 10L7.274 10.433C7.134 10.461 6.988 10.488 6.836 10.514C6.291 10.604 5.923 11.12 6.014 11.664C6.015 11.673 6.016 11.681 6.018 11.689L3.854 13.854C3.756 13.951 3.638 14 3.5 14C3.362 14 3.244 13.951 3.146 13.854C3.047 13.754 2.997 13.636 2.997 13.5C2.997 13.364 3.047 13.246 3.146 13.146L6.293 10L4 10C3.746 10 3.5 9.953 3.264 9.86C3.007 9.758 2.781 9.609 2.586 9.414C2.391 9.219 2.242 8.993 2.14 8.736C2.047 8.5 2 8.254 2 8L2 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144ZM11.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='M14.856 1.144C14.952 1.241 15 1.359 15 1.5C15 1.641 14.952 1.759 14.856 1.856C14.759 1.952 14.641 2 14.5 2L14 2L14 8C14 8.22 13.965 8.434 13.894 8.642C13.849 8.775 13.766 8.872 13.644 8.932C13.522 8.992 13.394 9 13.26 8.955C13.18 8.928 13.113 8.887 13.059 8.832C13.01 8.735 12.963 8.633 12.92 8.525L12.919 8.524C12.914 8.458 12.924 8.39 12.947 8.321C12.982 8.217 13 8.11 13 8L13 2L3 2L3 8C3 8.276 3.098 8.512 3.293 8.707C3.488 8.902 3.724 9 4 9L8.5 9C8.641 9 8.759 9.048 8.856 9.144C8.952 9.241 9 9.359 9 9.5C9 9.641 8.952 9.759 8.856 9.856C8.759 9.952 8.641 10 8.5 10L7.707 10L7.274 10.433C7.134 10.461 6.988 10.488 6.836 10.514C6.291 10.604 5.923 11.12 6.014 11.664C6.015 11.673 6.016 11.681 6.018 11.689L3.854 13.854C3.756 13.951 3.638 14 3.5 14C3.362 14 3.244 13.951 3.146 13.854C3.047 13.754 2.997 13.636 2.997 13.5C2.997 13.364 3.047 13.246 3.146 13.146L6.293 10L4 10C3.746 10 3.5 9.953 3.264 9.86C3.007 9.758 2.781 9.609 2.586 9.414C2.391 9.219 2.242 8.993 2.14 8.736C2.047 8.5 2 8.254 2 8L2 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144ZM11.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='M14.856 1.144C14.952 1.241 15 1.359 15 1.5C15 1.641 14.952 1.759 14.856 1.856C14.759 1.952 14.641 2 14.5 2L14 2L14 8C14 8.22 13.965 8.434 13.894 8.642C13.849 8.775 13.766 8.872 13.644 8.932C13.522 8.992 13.394 9 13.26 8.955C13.18 8.928 13.113 8.887 13.059 8.832C13.01 8.735 12.963 8.633 12.92 8.525L12.919 8.524C12.914 8.458 12.924 8.39 12.947 8.321C12.982 8.217 13 8.11 13 8L13 2L3 2L3 8C3 8.276 3.098 8.512 3.293 8.707C3.488 8.902 3.724 9 4 9L8.5 9C8.641 9 8.759 9.048 8.856 9.144C8.952 9.241 9 9.359 9 9.5C9 9.641 8.952 9.759 8.856 9.856C8.759 9.952 8.641 10 8.5 10L7.707 10L7.274 10.433C7.134 10.461 6.988 10.488 6.836 10.514C6.291 10.604 5.923 11.12 6.014 11.664C6.015 11.673 6.016 11.681 6.018 11.689L3.854 13.854C3.756 13.951 3.638 14 3.5 14C3.362 14 3.244 13.951 3.146 13.854C3.047 13.754 2.997 13.636 2.997 13.5C2.997 13.364 3.047 13.246 3.146 13.146L6.293 10L4 10C3.746 10 3.5 9.953 3.264 9.86C3.007 9.758 2.781 9.609 2.586 9.414C2.391 9.219 2.242 8.993 2.14 8.736C2.047 8.5 2 8.254 2 8L2 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144ZM11.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 "presentation-sparkle" (line-round), MIT. https://gentleface.com/icons/presentation-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#presentation-sparkle"/></svg>
```

### SwiftUI

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

struct PresentationSparkleIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 14.856, y: 1.144))
        p.addCurve(to: CGPoint(x: 15, y: 1.5), control1: CGPoint(x: 14.952, y: 1.241), control2: CGPoint(x: 15, y: 1.359))
        p.addCurve(to: CGPoint(x: 14.856, y: 1.856), control1: CGPoint(x: 15, y: 1.641), control2: CGPoint(x: 14.952, y: 1.759))
        p.addCurve(to: CGPoint(x: 14.5, y: 2), control1: CGPoint(x: 14.759, y: 1.952), control2: CGPoint(x: 14.641, y: 2))
        p.addLine(to: CGPoint(x: 14, y: 2))
        p.addLine(to: CGPoint(x: 14, y: 8))
        p.addCurve(to: CGPoint(x: 13.894, y: 8.642), control1: CGPoint(x: 14, y: 8.22), control2: CGPoint(x: 13.965, y: 8.434))
        p.addCurve(to: CGPoint(x: 13.644, y: 8.932), control1: CGPoint(x: 13.849, y: 8.775), control2: CGPoint(x: 13.766, y: 8.872))
        p.addCurve(to: CGPoint(x: 13.26, y: 8.955), control1: CGPoint(x: 13.522, y: 8.992), control2: CGPoint(x: 13.394, y: 9))
        p.addCurve(to: CGPoint(x: 13.059, y: 8.832), control1: CGPoint(x: 13.18, y: 8.928), control2: CGPoint(x: 13.113, y: 8.887))
        p.addCurve(to: CGPoint(x: 12.92, y: 8.525), control1: CGPoint(x: 13.01, y: 8.735), control2: CGPoint(x: 12.963, y: 8.633))
        p.addLine(to: CGPoint(x: 12.919, y: 8.524))
        p.addCurve(to: CGPoint(x: 12.947, y: 8.321), control1: CGPoint(x: 12.914, y: 8.458), control2: CGPoint(x: 12.924, y: 8.39))
        p.addCurve(to: CGPoint(x: 13, y: 8), control1: CGPoint(x: 12.982, y: 8.217), control2: CGPoint(x: 13, y: 8.11))
        p.addLine(to: CGPoint(x: 13, y: 2))
        p.addLine(to: CGPoint(x: 3, y: 2))
        p.addLine(to: CGPoint(x: 3, y: 8))
        p.addCurve(to: CGPoint(x: 3.293, y: 8.707), control1: CGPoint(x: 3, y: 8.276), control2: CGPoint(x: 3.098, y: 8.512))
        p.addCurve(to: CGPoint(x: 4, y: 9), control1: CGPoint(x: 3.488, y: 8.902), control2: CGPoint(x: 3.724, y: 9))
        p.addLine(to: CGPoint(x: 8.5, y: 9))
        p.addCurve(to: CGPoint(x: 8.856, y: 9.144), control1: CGPoint(x: 8.641, y: 9), control2: CGPoint(x: 8.759, y: 9.048))
        p.addCurve(to: CGPoint(x: 9, y: 9.5), control1: CGPoint(x: 8.952, y: 9.241), control2: CGPoint(x: 9, y: 9.359))
        p.addCurve(to: CGPoint(x: 8.856, y: 9.856), control1: CGPoint(x: 9, y: 9.641), control2: CGPoint(x: 8.952, y: 9.759))
        p.addCurve(to: CGPoint(x: 8.5, y: 10), control1: CGPoint(x: 8.759, y: 9.952), control2: CGPoint(x: 8.641, y: 10))
        p.addLine(to: CGPoint(x: 7.707, y: 10))
        p.addLine(to: CGPoint(x: 7.274, y: 10.433))
        p.addCurve(to: CGPoint(x: 6.836, y: 10.514), control1: CGPoint(x: 7.134, y: 10.461), control2: CGPoint(x: 6.988, y: 10.488))
        p.addCurve(to: CGPoint(x: 6.014, y: 11.664), control1: CGPoint(x: 6.291, y: 10.604), control2: CGPoint(x: 5.923, y: 11.12))
        p.addCurve(to: CGPoint(x: 6.018, y: 11.689), control1: CGPoint(x: 6.015, y: 11.673), control2: CGPoint(x: 6.016, y: 11.681))
        p.addLine(to: CGPoint(x: 3.854, y: 13.854))
        p.addCurve(to: CGPoint(x: 3.5, y: 14), control1: CGPoint(x: 3.756, y: 13.951), control2: CGPoint(x: 3.638, y: 14))
        p.addCurve(to: CGPoint(x: 3.146, y: 13.854), control1: CGPoint(x: 3.362, y: 14), control2: CGPoint(x: 3.244, y: 13.951))
        p.addCurve(to: CGPoint(x: 2.997, y: 13.5), control1: CGPoint(x: 3.047, y: 13.754), control2: CGPoint(x: 2.997, y: 13.636))
        p.addCurve(to: CGPoint(x: 3.146, y: 13.146), control1: CGPoint(x: 2.997, y: 13.364), control2: CGPoint(x: 3.047, y: 13.246))
        p.addLine(to: CGPoint(x: 6.293, y: 10))
        p.addLine(to: CGPoint(x: 4, y: 10))
        p.addCurve(to: CGPoint(x: 3.264, y: 9.86), control1: CGPoint(x: 3.746, y: 10), control2: CGPoint(x: 3.5, y: 9.953))
        p.addCurve(to: CGPoint(x: 2.586, y: 9.414), control1: CGPoint(x: 3.007, y: 9.758), control2: CGPoint(x: 2.781, y: 9.609))
        p.addCurve(to: CGPoint(x: 2.14, y: 8.736), control1: CGPoint(x: 2.391, y: 9.219), control2: CGPoint(x: 2.242, y: 8.993))
        p.addCurve(to: CGPoint(x: 2, y: 8), control1: CGPoint(x: 2.047, y: 8.5), control2: CGPoint(x: 2, y: 8.254))
        p.addLine(to: CGPoint(x: 2, y: 2))
        p.addLine(to: CGPoint(x: 1.5, y: 2))
        p.addCurve(to: CGPoint(x: 1.144, y: 1.856), control1: CGPoint(x: 1.359, y: 2), control2: CGPoint(x: 1.241, y: 1.952))
        p.addCurve(to: CGPoint(x: 1, y: 1.5), control1: CGPoint(x: 1.048, y: 1.759), control2: CGPoint(x: 1, y: 1.641))
        p.addCurve(to: CGPoint(x: 1.144, y: 1.144), control1: CGPoint(x: 1, y: 1.359), control2: CGPoint(x: 1.048, y: 1.241))
        p.addCurve(to: CGPoint(x: 1.5, y: 1), control1: CGPoint(x: 1.241, y: 1.048), control2: CGPoint(x: 1.359, y: 1))
        p.addLine(to: CGPoint(x: 14.5, y: 1))
        p.addCurve(to: CGPoint(x: 14.856, y: 1.144), control1: CGPoint(x: 14.641, y: 1), control2: CGPoint(x: 14.759, y: 1.048))
        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))
    }
}

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

### Compose

```kotlin
// Gentleface "presentation-sparkle" (line-round), MIT. https://gentleface.com/icons/presentation-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 PresentationSparkleIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "presentation-sparkle", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M14.856 1.144C14.952 1.241 15 1.359 15 1.5C15 1.641 14.952 1.759 14.856 1.856C14.759 1.952 14.641 2 14.5 2L14 2L14 8C14 8.22 13.965 8.434 13.894 8.642C13.849 8.775 13.766 8.872 13.644 8.932C13.522 8.992 13.394 9 13.26 8.955C13.18 8.928 13.113 8.887 13.059 8.832C13.01 8.735 12.963 8.633 12.92 8.525L12.919 8.524C12.914 8.458 12.924 8.39 12.947 8.321C12.982 8.217 13 8.11 13 8L13 2L3 2L3 8C3 8.276 3.098 8.512 3.293 8.707C3.488 8.902 3.724 9 4 9L8.5 9C8.641 9 8.759 9.048 8.856 9.144C8.952 9.241 9 9.359 9 9.5C9 9.641 8.952 9.759 8.856 9.856C8.759 9.952 8.641 10 8.5 10L7.707 10L7.274 10.433C7.134 10.461 6.988 10.488 6.836 10.514C6.291 10.604 5.923 11.12 6.014 11.664C6.015 11.673 6.016 11.681 6.018 11.689L3.854 13.854C3.756 13.951 3.638 14 3.5 14C3.362 14 3.244 13.951 3.146 13.854C3.047 13.754 2.997 13.636 2.997 13.5C2.997 13.364 3.047 13.246 3.146 13.146L6.293 10L4 10C3.746 10 3.5 9.953 3.264 9.86C3.007 9.758 2.781 9.609 2.586 9.414C2.391 9.219 2.242 8.993 2.14 8.736C2.047 8.5 2 8.254 2 8L2 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144ZM11.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(PresentationSparkleIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_presentation_sparkle.xml · Gentleface "presentation-sparkle" (line-round), MIT. https://gentleface.com/icons/presentation-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="M14.856 1.144C14.952 1.241 15 1.359 15 1.5C15 1.641 14.952 1.759 14.856 1.856C14.759 1.952 14.641 2 14.5 2L14 2L14 8C14 8.22 13.965 8.434 13.894 8.642C13.849 8.775 13.766 8.872 13.644 8.932C13.522 8.992 13.394 9 13.26 8.955C13.18 8.928 13.113 8.887 13.059 8.832C13.01 8.735 12.963 8.633 12.92 8.525L12.919 8.524C12.914 8.458 12.924 8.39 12.947 8.321C12.982 8.217 13 8.11 13 8L13 2L3 2L3 8C3 8.276 3.098 8.512 3.293 8.707C3.488 8.902 3.724 9 4 9L8.5 9C8.641 9 8.759 9.048 8.856 9.144C8.952 9.241 9 9.359 9 9.5C9 9.641 8.952 9.759 8.856 9.856C8.759 9.952 8.641 10 8.5 10L7.707 10L7.274 10.433C7.134 10.461 6.988 10.488 6.836 10.514C6.291 10.604 5.923 11.12 6.014 11.664C6.015 11.673 6.016 11.681 6.018 11.689L3.854 13.854C3.756 13.951 3.638 14 3.5 14C3.362 14 3.244 13.951 3.146 13.854C3.047 13.754 2.997 13.636 2.997 13.5C2.997 13.364 3.047 13.246 3.146 13.146L6.293 10L4 10C3.746 10 3.5 9.953 3.264 9.86C3.007 9.758 2.781 9.609 2.586 9.414C2.391 9.219 2.242 8.993 2.14 8.736C2.047 8.5 2 8.254 2 8L2 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144ZM11.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 "presentation-sparkle" (line-round), MIT. https://gentleface.com/icons/presentation-sparkle
import 'package:flutter/widgets.dart';

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(14.856, 1.144)
      ..cubicTo(14.952, 1.241, 15, 1.359, 15, 1.5)
      ..cubicTo(15, 1.641, 14.952, 1.759, 14.856, 1.856)
      ..cubicTo(14.759, 1.952, 14.641, 2, 14.5, 2)
      ..lineTo(14, 2)
      ..lineTo(14, 8)
      ..cubicTo(14, 8.22, 13.965, 8.434, 13.894, 8.642)
      ..cubicTo(13.849, 8.775, 13.766, 8.872, 13.644, 8.932)
      ..cubicTo(13.522, 8.992, 13.394, 9, 13.26, 8.955)
      ..cubicTo(13.18, 8.928, 13.113, 8.887, 13.059, 8.832)
      ..cubicTo(13.01, 8.735, 12.963, 8.633, 12.92, 8.525)
      ..lineTo(12.919, 8.524)
      ..cubicTo(12.914, 8.458, 12.924, 8.39, 12.947, 8.321)
      ..cubicTo(12.982, 8.217, 13, 8.11, 13, 8)
      ..lineTo(13, 2)
      ..lineTo(3, 2)
      ..lineTo(3, 8)
      ..cubicTo(3, 8.276, 3.098, 8.512, 3.293, 8.707)
      ..cubicTo(3.488, 8.902, 3.724, 9, 4, 9)
      ..lineTo(8.5, 9)
      ..cubicTo(8.641, 9, 8.759, 9.048, 8.856, 9.144)
      ..cubicTo(8.952, 9.241, 9, 9.359, 9, 9.5)
      ..cubicTo(9, 9.641, 8.952, 9.759, 8.856, 9.856)
      ..cubicTo(8.759, 9.952, 8.641, 10, 8.5, 10)
      ..lineTo(7.707, 10)
      ..lineTo(7.274, 10.433)
      ..cubicTo(7.134, 10.461, 6.988, 10.488, 6.836, 10.514)
      ..cubicTo(6.291, 10.604, 5.923, 11.12, 6.014, 11.664)
      ..cubicTo(6.015, 11.673, 6.016, 11.681, 6.018, 11.689)
      ..lineTo(3.854, 13.854)
      ..cubicTo(3.756, 13.951, 3.638, 14, 3.5, 14)
      ..cubicTo(3.362, 14, 3.244, 13.951, 3.146, 13.854)
      ..cubicTo(3.047, 13.754, 2.997, 13.636, 2.997, 13.5)
      ..cubicTo(2.997, 13.364, 3.047, 13.246, 3.146, 13.146)
      ..lineTo(6.293, 10)
      ..lineTo(4, 10)
      ..cubicTo(3.746, 10, 3.5, 9.953, 3.264, 9.86)
      ..cubicTo(3.007, 9.758, 2.781, 9.609, 2.586, 9.414)
      ..cubicTo(2.391, 9.219, 2.242, 8.993, 2.14, 8.736)
      ..cubicTo(2.047, 8.5, 2, 8.254, 2, 8)
      ..lineTo(2, 2)
      ..lineTo(1.5, 2)
      ..cubicTo(1.359, 2, 1.241, 1.952, 1.144, 1.856)
      ..cubicTo(1.048, 1.759, 1, 1.641, 1, 1.5)
      ..cubicTo(1, 1.359, 1.048, 1.241, 1.144, 1.144)
      ..cubicTo(1.241, 1.048, 1.359, 1, 1.5, 1)
      ..lineTo(14.5, 1)
      ..cubicTo(14.641, 1, 14.759, 1.048, 14.856, 1.144)
      ..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(_PresentationSparkleIconPainter old) => old.color != color;
}
```
