gentleface

Gentleface › Business & office › crown

crown icon

Crown: premium, owner, pro, premium plan. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

Code line-round

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
// 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: see /icons/crown.md
Svelte
Svelte: see /icons/crown.md
HTML img
HTML img: see /icons/crown.md
CSS
CSS: see /icons/crown.md
Data URL
Data URL: see /icons/crown.md
Sprite
Sprite: see /icons/crown.md
SwiftUI
SwiftUI: see /icons/crown.md
Compose
Compose: see /icons/crown.md
Android XML
Android XML: see /icons/crown.md
Flutter
Flutter: see /icons/crown.md

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. 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. More in how to use.

Meaning

Use it for
premium, owner, pro, premium plan, workspace owner
Alternatives
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)
Tags
crown, king, queen, royal, vip, premium, owner, admin, pro
Category
Business & office
Component name
CrownIcon
History
  • added

More business & office icons

ad ad-off award briefcase briefcase-clock briefcase-off briefcase-plus calculator certificate copyleft gavel handshake hierarchy hierarchy-square lectern lightbulb · all business & office icons

For agents

Metadata: /icons/crown.json · Markdown: /icons/crown.md · SVG: https://gentleface.com/svg/{style}/16/crown.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/crown.png

Feedback