sparkle emoji

sparkle from Emoji One (Colored) by Emoji One · Default · Symbols · CC-BY-4.0 Attribution required.

Name
sparkle
Set
Emoji One (Colored)
Style
Default
Category
Symbols
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

sparkleCodiconssparkle-12-filledFluent UI System IconssparkleFluent EmojisparkleFluent Emoji FlatsparkleFluent Emoji High ContrastsparkleFirefox OS EmojisparkleHuge IconssparkleLucidesparkleNoto Emojisparkle-16OcticonssparkleOpenMojisparklePhosphorsparklePixelarticonssparkleTabler IconssparkleTwitter Emoji

More symbols icons from Emoji One (Colored)

a-buttonab-buttonanger-symbolantenna-barsaquariusariesasteriskatm-signatom-symbolb-buttonbaby-symbolback-arrowbaggage-claimballot-box-with-checkbeating-heartbellbell-with-slashbiohazardblack-circleblack-heartblack-large-squareblack-medium-small-squareblack-medium-squareblack-small-square

Use the sparkle emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#c28fef"><path d="M32 25.4c1.1 0 4.4-15.5 4.5-19.8c.1-2-2-3.7-4.5-3.7s-4.6 1.6-4.5 3.7c.2 4.3 3.4 19.8 4.5 19.8M25.4 32c0-1.1-15.5-4.4-19.8-4.5c-2-.1-3.7 2-3.7 4.5s1.6 4.6 3.7 4.5c4.3-.2 19.8-3.4 19.8-4.5m2-7.3L10.3 10.3l14.5 17.1c.7-1 1.6-1.9 2.6-2.7m9.2 14.6l17.1 14.5l-14.4-17.2q-1.2 1.5-2.7 2.7m21.7-11.8c-4.3.1-19.8 3.4-19.8 4.5s15.5 4.3 19.8 4.5c2 .1 3.7-2 3.7-4.5s-1.6-4.6-3.7-4.5M32 38.6c-1.1 0-4.3 15.5-4.5 19.8c-.1 2 2 3.7 4.5 3.7s4.6-1.6 4.5-3.7c-.1-4.3-3.4-19.8-4.5-19.8m7.3-11.2l14.5-17.1l-17.2 14.4q1.5 1.2 2.7 2.7m-14.6 9.2L10.3 53.7l17.1-14.5c-1-.7-1.9-1.6-2.7-2.6"/><circle cx="32" cy="32" r="4.5"/></g></svg>

React

import type { SVGProps } from "react";

export function EmojioneSparkle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#c28fef"><path d="M32 25.4c1.1 0 4.4-15.5 4.5-19.8c.1-2-2-3.7-4.5-3.7s-4.6 1.6-4.5 3.7c.2 4.3 3.4 19.8 4.5 19.8M25.4 32c0-1.1-15.5-4.4-19.8-4.5c-2-.1-3.7 2-3.7 4.5s1.6 4.6 3.7 4.5c4.3-.2 19.8-3.4 19.8-4.5m2-7.3L10.3 10.3l14.5 17.1c.7-1 1.6-1.9 2.6-2.7m9.2 14.6l17.1 14.5l-14.4-17.2q-1.2 1.5-2.7 2.7m21.7-11.8c-4.3.1-19.8 3.4-19.8 4.5s15.5 4.3 19.8 4.5c2 .1 3.7-2 3.7-4.5s-1.6-4.6-3.7-4.5M32 38.6c-1.1 0-4.3 15.5-4.5 19.8c-.1 2 2 3.7 4.5 3.7s4.6-1.6 4.5-3.7c-.1-4.3-3.4-19.8-4.5-19.8m7.3-11.2l14.5-17.1l-17.2 14.4q1.5 1.2 2.7 2.7m-14.6 9.2L10.3 53.7l17.1-14.5c-1-.7-1.9-1.6-2.7-2.6"/><circle cx="32" cy="32" r="4.5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#c28fef"><path d="M32 25.4c1.1 0 4.4-15.5 4.5-19.8c.1-2-2-3.7-4.5-3.7s-4.6 1.6-4.5 3.7c.2 4.3 3.4 19.8 4.5 19.8M25.4 32c0-1.1-15.5-4.4-19.8-4.5c-2-.1-3.7 2-3.7 4.5s1.6 4.6 3.7 4.5c4.3-.2 19.8-3.4 19.8-4.5m2-7.3L10.3 10.3l14.5 17.1c.7-1 1.6-1.9 2.6-2.7m9.2 14.6l17.1 14.5l-14.4-17.2q-1.2 1.5-2.7 2.7m21.7-11.8c-4.3.1-19.8 3.4-19.8 4.5s15.5 4.3 19.8 4.5c2 .1 3.7-2 3.7-4.5s-1.6-4.6-3.7-4.5M32 38.6c-1.1 0-4.3 15.5-4.5 19.8c-.1 2 2 3.7 4.5 3.7s4.6-1.6 4.5-3.7c-.1-4.3-3.4-19.8-4.5-19.8m7.3-11.2l14.5-17.1l-17.2 14.4q1.5 1.2 2.7 2.7m-14.6 9.2L10.3 53.7l17.1-14.5c-1-.7-1.9-1.6-2.7-2.6"/><circle cx="32" cy="32" r="4.5"/></g></svg>
</template>

CSS

.icon-sparkle {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22%23c28fef%22%3E%3Cpath%20d%3D%22M32%2025.4c1.1%200%204.4-15.5%204.5-19.8c.1-2-2-3.7-4.5-3.7s-4.6%201.6-4.5%203.7c.2%204.3%203.4%2019.8%204.5%2019.8M25.4%2032c0-1.1-15.5-4.4-19.8-4.5c-2-.1-3.7%202-3.7%204.5s1.6%204.6%203.7%204.5c4.3-.2%2019.8-3.4%2019.8-4.5m2-7.3L10.3%2010.3l14.5%2017.1c.7-1%201.6-1.9%202.6-2.7m9.2%2014.6l17.1%2014.5l-14.4-17.2q-1.2%201.5-2.7%202.7m21.7-11.8c-4.3.1-19.8%203.4-19.8%204.5s15.5%204.3%2019.8%204.5c2%20.1%203.7-2%203.7-4.5s-1.6-4.6-3.7-4.5M32%2038.6c-1.1%200-4.3%2015.5-4.5%2019.8c-.1%202%202%203.7%204.5%203.7s4.6-1.6%204.5-3.7c-.1-4.3-3.4-19.8-4.5-19.8m7.3-11.2l14.5-17.1l-17.2%2014.4q1.5%201.2%202.7%202.7m-14.6%209.2L10.3%2053.7l17.1-14.5c-1-.7-1.9-1.6-2.7-2.6%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%224.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22%23c28fef%22%3E%3Cpath%20d%3D%22M32%2025.4c1.1%200%204.4-15.5%204.5-19.8c.1-2-2-3.7-4.5-3.7s-4.6%201.6-4.5%203.7c.2%204.3%203.4%2019.8%204.5%2019.8M25.4%2032c0-1.1-15.5-4.4-19.8-4.5c-2-.1-3.7%202-3.7%204.5s1.6%204.6%203.7%204.5c4.3-.2%2019.8-3.4%2019.8-4.5m2-7.3L10.3%2010.3l14.5%2017.1c.7-1%201.6-1.9%202.6-2.7m9.2%2014.6l17.1%2014.5l-14.4-17.2q-1.2%201.5-2.7%202.7m21.7-11.8c-4.3.1-19.8%203.4-19.8%204.5s15.5%204.3%2019.8%204.5c2%20.1%203.7-2%203.7-4.5s-1.6-4.6-3.7-4.5M32%2038.6c-1.1%200-4.3%2015.5-4.5%2019.8c-.1%202%202%203.7%204.5%203.7s4.6-1.6%204.5-3.7c-.1-4.3-3.4-19.8-4.5-19.8m7.3-11.2l14.5-17.1l-17.2%2014.4q1.5%201.2%202.7%202.7m-14.6%209.2L10.3%2053.7l17.1-14.5c-1-.7-1.9-1.6-2.7-2.6%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%224.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/sparkle.svg?color=%231a73e8&size=48