hero sparkles

const HeroSparklesIcon = (props) => (
  <svg 
    xmlns="http://www.w3.org/2000/svg" 
    viewBox="0 0 24 24" 
    width="24"
    height="24"
    fill="currentColor" 
    stroke="none" 
    strokeWidth="0" 
    strokeLinecap="round" 
    strokeLinejoin="round" 
    {...props}
  >
    <path d="M15.932 2.506a.75.75 0 0 1 .534 0l1.966.864 1.966-.864a.75.75 0 0 1 .534 0 .75.75 0 0 1 .432.432l.864 1.966-.864 1.966a.75.75 0 0 1-.432.432l-1.966.864-1.966-.864a.75.75 0 0 1-.432-.432l-.864-1.966.864-1.966a.75.75 0 0 1 .432-.432ZM5.986 6.345a.75.75 0 0 1 .534 0l3.076 1.352 1.351 3.076a.75.75 0 0 1 0 .534l-1.351 3.076-3.076 1.351a.75.75 0 0 1-.534 0L2.91 14.383 1.56 11.307a.75.75 0 0 1 0-.534l1.351-3.076 3.075-1.352ZM13.844 14.73a.75.75 0 0 1 .534 0l1.492.656 1.492-.656a.75.75 0 0 1 .534 0 .75.75 0 0 1 .432.432l.656 1.492-.656 1.492a.75.75 0 0 1-.432.432l-1.492.656-1.492-.656a.75.75 0 0 1-.432-.432l-.656-1.492.656-1.492a.75.75 0 0 1 .432-.432Z" />
  </svg>
);