# crown icon

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

- Category: Business & office
- Use it for: premium, owner, pro, premium plan, workspace owner
- Tags: crown, king, queen, royal, vip, premium, owner, admin, pro
- Component name: CrownIcon
- Added: 2026-10-14

## Alternatives

- `gem`: premium as a gem
- `user-shield`: an admin role

## Also fits

- gem: premium tier or plan: crown owns premium
- transfer ownership: show who the owner is (crown owns owner)
- admin: the owner role (crown owns owner)
- vip: a premium or paid tier (crown owns premium)

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

The SVG of every style: https://gentleface.com/icons/crown.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="M7.053 1.276C7.116 1.15 7.212 1.066 7.341 1.023C7.47 0.98 7.598 0.99 7.724 1.053C7.823 1.102 7.898 1.177 7.947 1.276L10.637 6.656L13.146 4.146C13.246 4.047 13.364 3.997 13.5 3.997C13.636 3.997 13.754 4.047 13.854 4.146C13.951 4.244 14 4.362 14 4.5L14 8.5C14 9.245 13.833 9.951 13.5 10.618L13.362 10.894C13.192 11.233 12.947 11.502 12.624 11.701C12.302 11.9 11.952 12 11.573 12L3.427 12C3.048 12 2.698 11.9 2.376 11.701C2.053 11.502 1.808 11.233 1.638 10.894L1.5 10.618C1.167 9.951 1 9.245 1 8.5L1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4C1.638 4 1.756 4.049 1.854 4.146L4.363 6.656L7.053 1.276ZM2.394 10.171L2.533 10.447C2.617 10.617 2.74 10.751 2.901 10.851C3.062 10.95 3.238 11 3.427 11L11.573 11C11.762 11 11.938 10.95 12.099 10.851C12.26 10.751 12.383 10.617 12.467 10.447L12.606 10.171C12.869 9.645 13 9.088 13 8.5L13 5.707L11.344 7.363C11.237 7.47 11.113 7.548 10.971 7.599C10.81 7.656 10.645 7.67 10.477 7.643C10.308 7.616 10.157 7.55 10.022 7.445C9.903 7.352 9.81 7.238 9.743 7.103L7.5 2.618L5.257 7.103C5.19 7.238 5.097 7.352 4.978 7.445C4.843 7.55 4.692 7.616 4.523 7.643C4.355 7.67 4.19 7.656 4.029 7.599C3.887 7.548 3.763 7.47 3.656 7.363L2 5.707L2 8.5C2 9.088 2.131 9.645 2.394 10.171ZM2 13.5C2 13.359 2.048 13.241 2.144 13.144C2.241 13.048 2.359 13 2.5 13L12.5 13C12.641 13 12.759 13.048 12.856 13.144C12.952 13.241 13 13.359 13 13.5C13 13.641 12.952 13.759 12.856 13.856C12.759 13.952 12.641 14 12.5 14L2.5 14C2.359 14 2.241 13.952 2.144 13.856C2.048 13.759 2 13.641 2 13.5Z"/></svg>
```

### React

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

export function CrownIcon(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="M7.053 1.276C7.116 1.15 7.212 1.066 7.341 1.023C7.47 0.98 7.598 0.99 7.724 1.053C7.823 1.102 7.898 1.177 7.947 1.276L10.637 6.656L13.146 4.146C13.246 4.047 13.364 3.997 13.5 3.997C13.636 3.997 13.754 4.047 13.854 4.146C13.951 4.244 14 4.362 14 4.5L14 8.5C14 9.245 13.833 9.951 13.5 10.618L13.362 10.894C13.192 11.233 12.947 11.502 12.624 11.701C12.302 11.9 11.952 12 11.573 12L3.427 12C3.048 12 2.698 11.9 2.376 11.701C2.053 11.502 1.808 11.233 1.638 10.894L1.5 10.618C1.167 9.951 1 9.245 1 8.5L1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4C1.638 4 1.756 4.049 1.854 4.146L4.363 6.656L7.053 1.276ZM2.394 10.171L2.533 10.447C2.617 10.617 2.74 10.751 2.901 10.851C3.062 10.95 3.238 11 3.427 11L11.573 11C11.762 11 11.938 10.95 12.099 10.851C12.26 10.751 12.383 10.617 12.467 10.447L12.606 10.171C12.869 9.645 13 9.088 13 8.5L13 5.707L11.344 7.363C11.237 7.47 11.113 7.548 10.971 7.599C10.81 7.656 10.645 7.67 10.477 7.643C10.308 7.616 10.157 7.55 10.022 7.445C9.903 7.352 9.81 7.238 9.743 7.103L7.5 2.618L5.257 7.103C5.19 7.238 5.097 7.352 4.978 7.445C4.843 7.55 4.692 7.616 4.523 7.643C4.355 7.67 4.19 7.656 4.029 7.599C3.887 7.548 3.763 7.47 3.656 7.363L2 5.707L2 8.5C2 9.088 2.131 9.645 2.394 10.171ZM2 13.5C2 13.359 2.048 13.241 2.144 13.144C2.241 13.048 2.359 13 2.5 13L12.5 13C12.641 13 12.759 13.048 12.856 13.144C12.952 13.241 13 13.359 13 13.5C13 13.641 12.952 13.759 12.856 13.856C12.759 13.952 12.641 14 12.5 14L2.5 14C2.359 14 2.241 13.952 2.144 13.856C2.048 13.759 2 13.641 2 13.5Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "crown" (line-round), MIT. https://gentleface.com/icons/crown -->
<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="M7.053 1.276C7.116 1.15 7.212 1.066 7.341 1.023C7.47 0.98 7.598 0.99 7.724 1.053C7.823 1.102 7.898 1.177 7.947 1.276L10.637 6.656L13.146 4.146C13.246 4.047 13.364 3.997 13.5 3.997C13.636 3.997 13.754 4.047 13.854 4.146C13.951 4.244 14 4.362 14 4.5L14 8.5C14 9.245 13.833 9.951 13.5 10.618L13.362 10.894C13.192 11.233 12.947 11.502 12.624 11.701C12.302 11.9 11.952 12 11.573 12L3.427 12C3.048 12 2.698 11.9 2.376 11.701C2.053 11.502 1.808 11.233 1.638 10.894L1.5 10.618C1.167 9.951 1 9.245 1 8.5L1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4C1.638 4 1.756 4.049 1.854 4.146L4.363 6.656L7.053 1.276ZM2.394 10.171L2.533 10.447C2.617 10.617 2.74 10.751 2.901 10.851C3.062 10.95 3.238 11 3.427 11L11.573 11C11.762 11 11.938 10.95 12.099 10.851C12.26 10.751 12.383 10.617 12.467 10.447L12.606 10.171C12.869 9.645 13 9.088 13 8.5L13 5.707L11.344 7.363C11.237 7.47 11.113 7.548 10.971 7.599C10.81 7.656 10.645 7.67 10.477 7.643C10.308 7.616 10.157 7.55 10.022 7.445C9.903 7.352 9.81 7.238 9.743 7.103L7.5 2.618L5.257 7.103C5.19 7.238 5.097 7.352 4.978 7.445C4.843 7.55 4.692 7.616 4.523 7.643C4.355 7.67 4.19 7.656 4.029 7.599C3.887 7.548 3.763 7.47 3.656 7.363L2 5.707L2 8.5C2 9.088 2.131 9.645 2.394 10.171ZM2 13.5C2 13.359 2.048 13.241 2.144 13.144C2.241 13.048 2.359 13 2.5 13L12.5 13C12.641 13 12.759 13.048 12.856 13.144C12.952 13.241 13 13.359 13 13.5C13 13.641 12.952 13.759 12.856 13.856C12.759 13.952 12.641 14 12.5 14L2.5 14C2.359 14 2.241 13.952 2.144 13.856C2.048 13.759 2 13.641 2 13.5Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "crown" (line-round), MIT. https://gentleface.com/icons/crown -->
<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="M7.053 1.276C7.116 1.15 7.212 1.066 7.341 1.023C7.47 0.98 7.598 0.99 7.724 1.053C7.823 1.102 7.898 1.177 7.947 1.276L10.637 6.656L13.146 4.146C13.246 4.047 13.364 3.997 13.5 3.997C13.636 3.997 13.754 4.047 13.854 4.146C13.951 4.244 14 4.362 14 4.5L14 8.5C14 9.245 13.833 9.951 13.5 10.618L13.362 10.894C13.192 11.233 12.947 11.502 12.624 11.701C12.302 11.9 11.952 12 11.573 12L3.427 12C3.048 12 2.698 11.9 2.376 11.701C2.053 11.502 1.808 11.233 1.638 10.894L1.5 10.618C1.167 9.951 1 9.245 1 8.5L1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4C1.638 4 1.756 4.049 1.854 4.146L4.363 6.656L7.053 1.276ZM2.394 10.171L2.533 10.447C2.617 10.617 2.74 10.751 2.901 10.851C3.062 10.95 3.238 11 3.427 11L11.573 11C11.762 11 11.938 10.95 12.099 10.851C12.26 10.751 12.383 10.617 12.467 10.447L12.606 10.171C12.869 9.645 13 9.088 13 8.5L13 5.707L11.344 7.363C11.237 7.47 11.113 7.548 10.971 7.599C10.81 7.656 10.645 7.67 10.477 7.643C10.308 7.616 10.157 7.55 10.022 7.445C9.903 7.352 9.81 7.238 9.743 7.103L7.5 2.618L5.257 7.103C5.19 7.238 5.097 7.352 4.978 7.445C4.843 7.55 4.692 7.616 4.523 7.643C4.355 7.67 4.19 7.656 4.029 7.599C3.887 7.548 3.763 7.47 3.656 7.363L2 5.707L2 8.5C2 9.088 2.131 9.645 2.394 10.171ZM2 13.5C2 13.359 2.048 13.241 2.144 13.144C2.241 13.048 2.359 13 2.5 13L12.5 13C12.641 13 12.759 13.048 12.856 13.144C12.952 13.241 13 13.359 13 13.5C13 13.641 12.952 13.759 12.856 13.856C12.759 13.952 12.641 14 12.5 14L2.5 14C2.359 14 2.241 13.952 2.144 13.856C2.048 13.759 2 13.641 2 13.5Z" />
</svg>
```

### HTML img

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

### CSS

```css
/* Gentleface "crown" (line-round), MIT. https://gentleface.com/icons/crown. Takes the text color. */
.icon-crown {
  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='M7.053 1.276C7.116 1.15 7.212 1.066 7.341 1.023C7.47 0.98 7.598 0.99 7.724 1.053C7.823 1.102 7.898 1.177 7.947 1.276L10.637 6.656L13.146 4.146C13.246 4.047 13.364 3.997 13.5 3.997C13.636 3.997 13.754 4.047 13.854 4.146C13.951 4.244 14 4.362 14 4.5L14 8.5C14 9.245 13.833 9.951 13.5 10.618L13.362 10.894C13.192 11.233 12.947 11.502 12.624 11.701C12.302 11.9 11.952 12 11.573 12L3.427 12C3.048 12 2.698 11.9 2.376 11.701C2.053 11.502 1.808 11.233 1.638 10.894L1.5 10.618C1.167 9.951 1 9.245 1 8.5L1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4C1.638 4 1.756 4.049 1.854 4.146L4.363 6.656L7.053 1.276ZM2.394 10.171L2.533 10.447C2.617 10.617 2.74 10.751 2.901 10.851C3.062 10.95 3.238 11 3.427 11L11.573 11C11.762 11 11.938 10.95 12.099 10.851C12.26 10.751 12.383 10.617 12.467 10.447L12.606 10.171C12.869 9.645 13 9.088 13 8.5L13 5.707L11.344 7.363C11.237 7.47 11.113 7.548 10.971 7.599C10.81 7.656 10.645 7.67 10.477 7.643C10.308 7.616 10.157 7.55 10.022 7.445C9.903 7.352 9.81 7.238 9.743 7.103L7.5 2.618L5.257 7.103C5.19 7.238 5.097 7.352 4.978 7.445C4.843 7.55 4.692 7.616 4.523 7.643C4.355 7.67 4.19 7.656 4.029 7.599C3.887 7.548 3.763 7.47 3.656 7.363L2 5.707L2 8.5C2 9.088 2.131 9.645 2.394 10.171ZM2 13.5C2 13.359 2.048 13.241 2.144 13.144C2.241 13.048 2.359 13 2.5 13L12.5 13C12.641 13 12.759 13.048 12.856 13.144C12.952 13.241 13 13.359 13 13.5C13 13.641 12.952 13.759 12.856 13.856C12.759 13.952 12.641 14 12.5 14L2.5 14C2.359 14 2.241 13.952 2.144 13.856C2.048 13.759 2 13.641 2 13.5Z'/%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='M7.053 1.276C7.116 1.15 7.212 1.066 7.341 1.023C7.47 0.98 7.598 0.99 7.724 1.053C7.823 1.102 7.898 1.177 7.947 1.276L10.637 6.656L13.146 4.146C13.246 4.047 13.364 3.997 13.5 3.997C13.636 3.997 13.754 4.047 13.854 4.146C13.951 4.244 14 4.362 14 4.5L14 8.5C14 9.245 13.833 9.951 13.5 10.618L13.362 10.894C13.192 11.233 12.947 11.502 12.624 11.701C12.302 11.9 11.952 12 11.573 12L3.427 12C3.048 12 2.698 11.9 2.376 11.701C2.053 11.502 1.808 11.233 1.638 10.894L1.5 10.618C1.167 9.951 1 9.245 1 8.5L1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4C1.638 4 1.756 4.049 1.854 4.146L4.363 6.656L7.053 1.276ZM2.394 10.171L2.533 10.447C2.617 10.617 2.74 10.751 2.901 10.851C3.062 10.95 3.238 11 3.427 11L11.573 11C11.762 11 11.938 10.95 12.099 10.851C12.26 10.751 12.383 10.617 12.467 10.447L12.606 10.171C12.869 9.645 13 9.088 13 8.5L13 5.707L11.344 7.363C11.237 7.47 11.113 7.548 10.971 7.599C10.81 7.656 10.645 7.67 10.477 7.643C10.308 7.616 10.157 7.55 10.022 7.445C9.903 7.352 9.81 7.238 9.743 7.103L7.5 2.618L5.257 7.103C5.19 7.238 5.097 7.352 4.978 7.445C4.843 7.55 4.692 7.616 4.523 7.643C4.355 7.67 4.19 7.656 4.029 7.599C3.887 7.548 3.763 7.47 3.656 7.363L2 5.707L2 8.5C2 9.088 2.131 9.645 2.394 10.171ZM2 13.5C2 13.359 2.048 13.241 2.144 13.144C2.241 13.048 2.359 13 2.5 13L12.5 13C12.641 13 12.759 13.048 12.856 13.144C12.952 13.241 13 13.359 13 13.5C13 13.641 12.952 13.759 12.856 13.856C12.759 13.952 12.641 14 12.5 14L2.5 14C2.359 14 2.241 13.952 2.144 13.856C2.048 13.759 2 13.641 2 13.5Z'/%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='M7.053 1.276C7.116 1.15 7.212 1.066 7.341 1.023C7.47 0.98 7.598 0.99 7.724 1.053C7.823 1.102 7.898 1.177 7.947 1.276L10.637 6.656L13.146 4.146C13.246 4.047 13.364 3.997 13.5 3.997C13.636 3.997 13.754 4.047 13.854 4.146C13.951 4.244 14 4.362 14 4.5L14 8.5C14 9.245 13.833 9.951 13.5 10.618L13.362 10.894C13.192 11.233 12.947 11.502 12.624 11.701C12.302 11.9 11.952 12 11.573 12L3.427 12C3.048 12 2.698 11.9 2.376 11.701C2.053 11.502 1.808 11.233 1.638 10.894L1.5 10.618C1.167 9.951 1 9.245 1 8.5L1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4C1.638 4 1.756 4.049 1.854 4.146L4.363 6.656L7.053 1.276ZM2.394 10.171L2.533 10.447C2.617 10.617 2.74 10.751 2.901 10.851C3.062 10.95 3.238 11 3.427 11L11.573 11C11.762 11 11.938 10.95 12.099 10.851C12.26 10.751 12.383 10.617 12.467 10.447L12.606 10.171C12.869 9.645 13 9.088 13 8.5L13 5.707L11.344 7.363C11.237 7.47 11.113 7.548 10.971 7.599C10.81 7.656 10.645 7.67 10.477 7.643C10.308 7.616 10.157 7.55 10.022 7.445C9.903 7.352 9.81 7.238 9.743 7.103L7.5 2.618L5.257 7.103C5.19 7.238 5.097 7.352 4.978 7.445C4.843 7.55 4.692 7.616 4.523 7.643C4.355 7.67 4.19 7.656 4.029 7.599C3.887 7.548 3.763 7.47 3.656 7.363L2 5.707L2 8.5C2 9.088 2.131 9.645 2.394 10.171ZM2 13.5C2 13.359 2.048 13.241 2.144 13.144C2.241 13.048 2.359 13 2.5 13L12.5 13C12.641 13 12.759 13.048 12.856 13.144C12.952 13.241 13 13.359 13 13.5C13 13.641 12.952 13.759 12.856 13.856C12.759 13.952 12.641 14 12.5 14L2.5 14C2.359 14 2.241 13.952 2.144 13.856C2.048 13.759 2 13.641 2 13.5Z'/%3E%3C/svg%3E
```

### Sprite

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

### SwiftUI

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

struct CrownIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 7.053, y: 1.276))
        p.addCurve(to: CGPoint(x: 7.341, y: 1.023), control1: CGPoint(x: 7.116, y: 1.15), control2: CGPoint(x: 7.212, y: 1.066))
        p.addCurve(to: CGPoint(x: 7.724, y: 1.053), control1: CGPoint(x: 7.47, y: 0.98), control2: CGPoint(x: 7.598, y: 0.99))
        p.addCurve(to: CGPoint(x: 7.947, y: 1.276), control1: CGPoint(x: 7.823, y: 1.102), control2: CGPoint(x: 7.898, y: 1.177))
        p.addLine(to: CGPoint(x: 10.637, y: 6.656))
        p.addLine(to: CGPoint(x: 13.146, y: 4.146))
        p.addCurve(to: CGPoint(x: 13.5, y: 3.997), control1: CGPoint(x: 13.246, y: 4.047), control2: CGPoint(x: 13.364, y: 3.997))
        p.addCurve(to: CGPoint(x: 13.854, y: 4.146), control1: CGPoint(x: 13.636, y: 3.997), control2: CGPoint(x: 13.754, y: 4.047))
        p.addCurve(to: CGPoint(x: 14, y: 4.5), control1: CGPoint(x: 13.951, y: 4.244), control2: CGPoint(x: 14, y: 4.362))
        p.addLine(to: CGPoint(x: 14, y: 8.5))
        p.addCurve(to: CGPoint(x: 13.5, y: 10.618), control1: CGPoint(x: 14, y: 9.245), control2: CGPoint(x: 13.833, y: 9.951))
        p.addLine(to: CGPoint(x: 13.362, y: 10.894))
        p.addCurve(to: CGPoint(x: 12.624, y: 11.701), control1: CGPoint(x: 13.192, y: 11.233), control2: CGPoint(x: 12.947, y: 11.502))
        p.addCurve(to: CGPoint(x: 11.573, y: 12), control1: CGPoint(x: 12.302, y: 11.9), control2: CGPoint(x: 11.952, y: 12))
        p.addLine(to: CGPoint(x: 3.427, y: 12))
        p.addCurve(to: CGPoint(x: 2.376, y: 11.701), control1: CGPoint(x: 3.048, y: 12), control2: CGPoint(x: 2.698, y: 11.9))
        p.addCurve(to: CGPoint(x: 1.638, y: 10.894), control1: CGPoint(x: 2.053, y: 11.502), control2: CGPoint(x: 1.808, y: 11.233))
        p.addLine(to: CGPoint(x: 1.5, y: 10.618))
        p.addCurve(to: CGPoint(x: 1, y: 8.5), control1: CGPoint(x: 1.167, y: 9.951), control2: CGPoint(x: 1, y: 9.245))
        p.addLine(to: CGPoint(x: 1, y: 4.5))
        p.addCurve(to: CGPoint(x: 1.144, y: 4.144), control1: CGPoint(x: 1, y: 4.359), control2: CGPoint(x: 1.048, y: 4.241))
        p.addCurve(to: CGPoint(x: 1.5, y: 4), control1: CGPoint(x: 1.241, y: 4.048), control2: CGPoint(x: 1.359, y: 4))
        p.addCurve(to: CGPoint(x: 1.854, y: 4.146), control1: CGPoint(x: 1.638, y: 4), control2: CGPoint(x: 1.756, y: 4.049))
        p.addLine(to: CGPoint(x: 4.363, y: 6.656))
        p.addLine(to: CGPoint(x: 7.053, y: 1.276))
        p.closeSubpath()
        p.move(to: CGPoint(x: 2.394, y: 10.171))
        p.addLine(to: CGPoint(x: 2.533, y: 10.447))
        p.addCurve(to: CGPoint(x: 2.901, y: 10.851), control1: CGPoint(x: 2.617, y: 10.617), control2: CGPoint(x: 2.74, y: 10.751))
        p.addCurve(to: CGPoint(x: 3.427, y: 11), control1: CGPoint(x: 3.062, y: 10.95), control2: CGPoint(x: 3.238, y: 11))
        p.addLine(to: CGPoint(x: 11.573, y: 11))
        p.addCurve(to: CGPoint(x: 12.099, y: 10.851), control1: CGPoint(x: 11.762, y: 11), control2: CGPoint(x: 11.938, y: 10.95))
        p.addCurve(to: CGPoint(x: 12.467, y: 10.447), control1: CGPoint(x: 12.26, y: 10.751), control2: CGPoint(x: 12.383, y: 10.617))
        p.addLine(to: CGPoint(x: 12.606, y: 10.171))
        p.addCurve(to: CGPoint(x: 13, y: 8.5), control1: CGPoint(x: 12.869, y: 9.645), control2: CGPoint(x: 13, y: 9.088))
        p.addLine(to: CGPoint(x: 13, y: 5.707))
        p.addLine(to: CGPoint(x: 11.344, y: 7.363))
        p.addCurve(to: CGPoint(x: 10.971, y: 7.599), control1: CGPoint(x: 11.237, y: 7.47), control2: CGPoint(x: 11.113, y: 7.548))
        p.addCurve(to: CGPoint(x: 10.477, y: 7.643), control1: CGPoint(x: 10.81, y: 7.656), control2: CGPoint(x: 10.645, y: 7.67))
        p.addCurve(to: CGPoint(x: 10.022, y: 7.445), control1: CGPoint(x: 10.308, y: 7.616), control2: CGPoint(x: 10.157, y: 7.55))
        p.addCurve(to: CGPoint(x: 9.743, y: 7.103), control1: CGPoint(x: 9.903, y: 7.352), control2: CGPoint(x: 9.81, y: 7.238))
        p.addLine(to: CGPoint(x: 7.5, y: 2.618))
        p.addLine(to: CGPoint(x: 5.257, y: 7.103))
        p.addCurve(to: CGPoint(x: 4.978, y: 7.445), control1: CGPoint(x: 5.19, y: 7.238), control2: CGPoint(x: 5.097, y: 7.352))
        p.addCurve(to: CGPoint(x: 4.523, y: 7.643), control1: CGPoint(x: 4.843, y: 7.55), control2: CGPoint(x: 4.692, y: 7.616))
        p.addCurve(to: CGPoint(x: 4.029, y: 7.599), control1: CGPoint(x: 4.355, y: 7.67), control2: CGPoint(x: 4.19, y: 7.656))
        p.addCurve(to: CGPoint(x: 3.656, y: 7.363), control1: CGPoint(x: 3.887, y: 7.548), control2: CGPoint(x: 3.763, y: 7.47))
        p.addLine(to: CGPoint(x: 2, y: 5.707))
        p.addLine(to: CGPoint(x: 2, y: 8.5))
        p.addCurve(to: CGPoint(x: 2.394, y: 10.171), control1: CGPoint(x: 2, y: 9.088), control2: CGPoint(x: 2.131, y: 9.645))
        p.closeSubpath()
        p.move(to: CGPoint(x: 2, y: 13.5))
        p.addCurve(to: CGPoint(x: 2.144, y: 13.144), control1: CGPoint(x: 2, y: 13.359), control2: CGPoint(x: 2.048, y: 13.241))
        p.addCurve(to: CGPoint(x: 2.5, y: 13), control1: CGPoint(x: 2.241, y: 13.048), control2: CGPoint(x: 2.359, y: 13))
        p.addLine(to: CGPoint(x: 12.5, y: 13))
        p.addCurve(to: CGPoint(x: 12.856, y: 13.144), control1: CGPoint(x: 12.641, y: 13), control2: CGPoint(x: 12.759, y: 13.048))
        p.addCurve(to: CGPoint(x: 13, y: 13.5), control1: CGPoint(x: 12.952, y: 13.241), control2: CGPoint(x: 13, y: 13.359))
        p.addCurve(to: CGPoint(x: 12.856, y: 13.856), control1: CGPoint(x: 13, y: 13.641), control2: CGPoint(x: 12.952, y: 13.759))
        p.addCurve(to: CGPoint(x: 12.5, y: 14), control1: CGPoint(x: 12.759, y: 13.952), control2: CGPoint(x: 12.641, y: 14))
        p.addLine(to: CGPoint(x: 2.5, y: 14))
        p.addCurve(to: CGPoint(x: 2.144, y: 13.856), control1: CGPoint(x: 2.359, y: 14), control2: CGPoint(x: 2.241, y: 13.952))
        p.addCurve(to: CGPoint(x: 2, y: 13.5), control1: CGPoint(x: 2.048, y: 13.759), control2: CGPoint(x: 2, y: 13.641))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "crown" (line-round), MIT. https://gentleface.com/icons/crown
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 CrownIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "crown", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M7.053 1.276C7.116 1.15 7.212 1.066 7.341 1.023C7.47 0.98 7.598 0.99 7.724 1.053C7.823 1.102 7.898 1.177 7.947 1.276L10.637 6.656L13.146 4.146C13.246 4.047 13.364 3.997 13.5 3.997C13.636 3.997 13.754 4.047 13.854 4.146C13.951 4.244 14 4.362 14 4.5L14 8.5C14 9.245 13.833 9.951 13.5 10.618L13.362 10.894C13.192 11.233 12.947 11.502 12.624 11.701C12.302 11.9 11.952 12 11.573 12L3.427 12C3.048 12 2.698 11.9 2.376 11.701C2.053 11.502 1.808 11.233 1.638 10.894L1.5 10.618C1.167 9.951 1 9.245 1 8.5L1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4C1.638 4 1.756 4.049 1.854 4.146L4.363 6.656L7.053 1.276ZM2.394 10.171L2.533 10.447C2.617 10.617 2.74 10.751 2.901 10.851C3.062 10.95 3.238 11 3.427 11L11.573 11C11.762 11 11.938 10.95 12.099 10.851C12.26 10.751 12.383 10.617 12.467 10.447L12.606 10.171C12.869 9.645 13 9.088 13 8.5L13 5.707L11.344 7.363C11.237 7.47 11.113 7.548 10.971 7.599C10.81 7.656 10.645 7.67 10.477 7.643C10.308 7.616 10.157 7.55 10.022 7.445C9.903 7.352 9.81 7.238 9.743 7.103L7.5 2.618L5.257 7.103C5.19 7.238 5.097 7.352 4.978 7.445C4.843 7.55 4.692 7.616 4.523 7.643C4.355 7.67 4.19 7.656 4.029 7.599C3.887 7.548 3.763 7.47 3.656 7.363L2 5.707L2 8.5C2 9.088 2.131 9.645 2.394 10.171ZM2 13.5C2 13.359 2.048 13.241 2.144 13.144C2.241 13.048 2.359 13 2.5 13L12.5 13C12.641 13 12.759 13.048 12.856 13.144C12.952 13.241 13 13.359 13 13.5C13 13.641 12.952 13.759 12.856 13.856C12.759 13.952 12.641 14 12.5 14L2.5 14C2.359 14 2.241 13.952 2.144 13.856C2.048 13.759 2 13.641 2 13.5Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_crown.xml · Gentleface "crown" (line-round), MIT. https://gentleface.com/icons/crown -->
<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="M7.053 1.276C7.116 1.15 7.212 1.066 7.341 1.023C7.47 0.98 7.598 0.99 7.724 1.053C7.823 1.102 7.898 1.177 7.947 1.276L10.637 6.656L13.146 4.146C13.246 4.047 13.364 3.997 13.5 3.997C13.636 3.997 13.754 4.047 13.854 4.146C13.951 4.244 14 4.362 14 4.5L14 8.5C14 9.245 13.833 9.951 13.5 10.618L13.362 10.894C13.192 11.233 12.947 11.502 12.624 11.701C12.302 11.9 11.952 12 11.573 12L3.427 12C3.048 12 2.698 11.9 2.376 11.701C2.053 11.502 1.808 11.233 1.638 10.894L1.5 10.618C1.167 9.951 1 9.245 1 8.5L1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4C1.638 4 1.756 4.049 1.854 4.146L4.363 6.656L7.053 1.276ZM2.394 10.171L2.533 10.447C2.617 10.617 2.74 10.751 2.901 10.851C3.062 10.95 3.238 11 3.427 11L11.573 11C11.762 11 11.938 10.95 12.099 10.851C12.26 10.751 12.383 10.617 12.467 10.447L12.606 10.171C12.869 9.645 13 9.088 13 8.5L13 5.707L11.344 7.363C11.237 7.47 11.113 7.548 10.971 7.599C10.81 7.656 10.645 7.67 10.477 7.643C10.308 7.616 10.157 7.55 10.022 7.445C9.903 7.352 9.81 7.238 9.743 7.103L7.5 2.618L5.257 7.103C5.19 7.238 5.097 7.352 4.978 7.445C4.843 7.55 4.692 7.616 4.523 7.643C4.355 7.67 4.19 7.656 4.029 7.599C3.887 7.548 3.763 7.47 3.656 7.363L2 5.707L2 8.5C2 9.088 2.131 9.645 2.394 10.171ZM2 13.5C2 13.359 2.048 13.241 2.144 13.144C2.241 13.048 2.359 13 2.5 13L12.5 13C12.641 13 12.759 13.048 12.856 13.144C12.952 13.241 13 13.359 13 13.5C13 13.641 12.952 13.759 12.856 13.856C12.759 13.952 12.641 14 12.5 14L2.5 14C2.359 14 2.241 13.952 2.144 13.856C2.048 13.759 2 13.641 2 13.5Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(7.053, 1.276)
      ..cubicTo(7.116, 1.15, 7.212, 1.066, 7.341, 1.023)
      ..cubicTo(7.47, 0.98, 7.598, 0.99, 7.724, 1.053)
      ..cubicTo(7.823, 1.102, 7.898, 1.177, 7.947, 1.276)
      ..lineTo(10.637, 6.656)
      ..lineTo(13.146, 4.146)
      ..cubicTo(13.246, 4.047, 13.364, 3.997, 13.5, 3.997)
      ..cubicTo(13.636, 3.997, 13.754, 4.047, 13.854, 4.146)
      ..cubicTo(13.951, 4.244, 14, 4.362, 14, 4.5)
      ..lineTo(14, 8.5)
      ..cubicTo(14, 9.245, 13.833, 9.951, 13.5, 10.618)
      ..lineTo(13.362, 10.894)
      ..cubicTo(13.192, 11.233, 12.947, 11.502, 12.624, 11.701)
      ..cubicTo(12.302, 11.9, 11.952, 12, 11.573, 12)
      ..lineTo(3.427, 12)
      ..cubicTo(3.048, 12, 2.698, 11.9, 2.376, 11.701)
      ..cubicTo(2.053, 11.502, 1.808, 11.233, 1.638, 10.894)
      ..lineTo(1.5, 10.618)
      ..cubicTo(1.167, 9.951, 1, 9.245, 1, 8.5)
      ..lineTo(1, 4.5)
      ..cubicTo(1, 4.359, 1.048, 4.241, 1.144, 4.144)
      ..cubicTo(1.241, 4.048, 1.359, 4, 1.5, 4)
      ..cubicTo(1.638, 4, 1.756, 4.049, 1.854, 4.146)
      ..lineTo(4.363, 6.656)
      ..lineTo(7.053, 1.276)
      ..close()
      ..moveTo(2.394, 10.171)
      ..lineTo(2.533, 10.447)
      ..cubicTo(2.617, 10.617, 2.74, 10.751, 2.901, 10.851)
      ..cubicTo(3.062, 10.95, 3.238, 11, 3.427, 11)
      ..lineTo(11.573, 11)
      ..cubicTo(11.762, 11, 11.938, 10.95, 12.099, 10.851)
      ..cubicTo(12.26, 10.751, 12.383, 10.617, 12.467, 10.447)
      ..lineTo(12.606, 10.171)
      ..cubicTo(12.869, 9.645, 13, 9.088, 13, 8.5)
      ..lineTo(13, 5.707)
      ..lineTo(11.344, 7.363)
      ..cubicTo(11.237, 7.47, 11.113, 7.548, 10.971, 7.599)
      ..cubicTo(10.81, 7.656, 10.645, 7.67, 10.477, 7.643)
      ..cubicTo(10.308, 7.616, 10.157, 7.55, 10.022, 7.445)
      ..cubicTo(9.903, 7.352, 9.81, 7.238, 9.743, 7.103)
      ..lineTo(7.5, 2.618)
      ..lineTo(5.257, 7.103)
      ..cubicTo(5.19, 7.238, 5.097, 7.352, 4.978, 7.445)
      ..cubicTo(4.843, 7.55, 4.692, 7.616, 4.523, 7.643)
      ..cubicTo(4.355, 7.67, 4.19, 7.656, 4.029, 7.599)
      ..cubicTo(3.887, 7.548, 3.763, 7.47, 3.656, 7.363)
      ..lineTo(2, 5.707)
      ..lineTo(2, 8.5)
      ..cubicTo(2, 9.088, 2.131, 9.645, 2.394, 10.171)
      ..close()
      ..moveTo(2, 13.5)
      ..cubicTo(2, 13.359, 2.048, 13.241, 2.144, 13.144)
      ..cubicTo(2.241, 13.048, 2.359, 13, 2.5, 13)
      ..lineTo(12.5, 13)
      ..cubicTo(12.641, 13, 12.759, 13.048, 12.856, 13.144)
      ..cubicTo(12.952, 13.241, 13, 13.359, 13, 13.5)
      ..cubicTo(13, 13.641, 12.952, 13.759, 12.856, 13.856)
      ..cubicTo(12.759, 13.952, 12.641, 14, 12.5, 14)
      ..lineTo(2.5, 14)
      ..cubicTo(2.359, 14, 2.241, 13.952, 2.144, 13.856)
      ..cubicTo(2.048, 13.759, 2, 13.641, 2, 13.5)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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