star sparkle icon
star-sparkle-filled from Reicon by REICON · Filled · Like · MIT Free for personal and commercial use.
- Name
- star-sparkle-filled
- Set
- Reicon
- Style
- Filled
- Category
- Like
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More like icons from Reicon
Use the star sparkle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="m6.324 3.323l-1.261-.42L4.64 1.64c-.136-.408-.812-.408-.948 0l-.42 1.263l-1.262.42a.5.5 0 0 0 0 .95l1.261.42l.421 1.262a.499.499 0 0 0 .947 0l.421-1.263l1.262-.42a.5.5 0 0 0 0-.95ZM12 18.619a2.66 2.66 0 0 1 1.825-2.53l.734-.245l.245-.735c.356-1.064 1.372-1.776 2.53-1.776c.478 0 .918.147 1.311.364l3.719-3.624a1 1 0 0 0-.553-1.705l-6.16-.895l-2.755-5.582c-.336-.683-1.457-.683-1.793 0L8.348 7.472l-6.16.895a1 1 0 0 0-.553 1.705l4.457 4.344l-1.053 6.135a1 1 0 0 0 1.45 1.054L12 18.708l.015.008c0-.033-.015-.064-.015-.097m8.21-.632l-1.683-.562l-.562-1.684c-.182-.544-1.082-.544-1.265 0l-.561 1.684l-1.684.562a.667.667 0 0 0 0 1.264l1.684.56l.561 1.685a.668.668 0 0 0 1.267 0l.56-1.684l1.685-.561a.667.667 0 0 0 0-1.264Z"/><circle cx="19" cy="4.333" r="1"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconStarSparkleFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="m6.324 3.323l-1.261-.42L4.64 1.64c-.136-.408-.812-.408-.948 0l-.42 1.263l-1.262.42a.5.5 0 0 0 0 .95l1.261.42l.421 1.262a.499.499 0 0 0 .947 0l.421-1.263l1.262-.42a.5.5 0 0 0 0-.95ZM12 18.619a2.66 2.66 0 0 1 1.825-2.53l.734-.245l.245-.735c.356-1.064 1.372-1.776 2.53-1.776c.478 0 .918.147 1.311.364l3.719-3.624a1 1 0 0 0-.553-1.705l-6.16-.895l-2.755-5.582c-.336-.683-1.457-.683-1.793 0L8.348 7.472l-6.16.895a1 1 0 0 0-.553 1.705l4.457 4.344l-1.053 6.135a1 1 0 0 0 1.45 1.054L12 18.708l.015.008c0-.033-.015-.064-.015-.097m8.21-.632l-1.683-.562l-.562-1.684c-.182-.544-1.082-.544-1.265 0l-.561 1.684l-1.684.562a.667.667 0 0 0 0 1.264l1.684.56l.561 1.685a.668.668 0 0 0 1.267 0l.56-1.684l1.685-.561a.667.667 0 0 0 0-1.264Z"/><circle cx="19" cy="4.333" r="1"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="m6.324 3.323l-1.261-.42L4.64 1.64c-.136-.408-.812-.408-.948 0l-.42 1.263l-1.262.42a.5.5 0 0 0 0 .95l1.261.42l.421 1.262a.499.499 0 0 0 .947 0l.421-1.263l1.262-.42a.5.5 0 0 0 0-.95ZM12 18.619a2.66 2.66 0 0 1 1.825-2.53l.734-.245l.245-.735c.356-1.064 1.372-1.776 2.53-1.776c.478 0 .918.147 1.311.364l3.719-3.624a1 1 0 0 0-.553-1.705l-6.16-.895l-2.755-5.582c-.336-.683-1.457-.683-1.793 0L8.348 7.472l-6.16.895a1 1 0 0 0-.553 1.705l4.457 4.344l-1.053 6.135a1 1 0 0 0 1.45 1.054L12 18.708l.015.008c0-.033-.015-.064-.015-.097m8.21-.632l-1.683-.562l-.562-1.684c-.182-.544-1.082-.544-1.265 0l-.561 1.684l-1.684.562a.667.667 0 0 0 0 1.264l1.684.56l.561 1.685a.668.668 0 0 0 1.267 0l.56-1.684l1.685-.561a.667.667 0 0 0 0-1.264Z"/><circle cx="19" cy="4.333" r="1"/></g></svg> </template>
CSS
.icon-star-sparkle-filled {
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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m6.324%203.323l-1.261-.42L4.64%201.64c-.136-.408-.812-.408-.948%200l-.42%201.263l-1.262.42a.5.5%200%200%200%200%20.95l1.261.42l.421%201.262a.499.499%200%200%200%20.947%200l.421-1.263l1.262-.42a.5.5%200%200%200%200-.95ZM12%2018.619a2.66%202.66%200%200%201%201.825-2.53l.734-.245l.245-.735c.356-1.064%201.372-1.776%202.53-1.776c.478%200%20.918.147%201.311.364l3.719-3.624a1%201%200%200%200-.553-1.705l-6.16-.895l-2.755-5.582c-.336-.683-1.457-.683-1.793%200L8.348%207.472l-6.16.895a1%201%200%200%200-.553%201.705l4.457%204.344l-1.053%206.135a1%201%200%200%200%201.45%201.054L12%2018.708l.015.008c0-.033-.015-.064-.015-.097m8.21-.632l-1.683-.562l-.562-1.684c-.182-.544-1.082-.544-1.265%200l-.561%201.684l-1.684.562a.667.667%200%200%200%200%201.264l1.684.56l.561%201.685a.668.668%200%200%200%201.267%200l.56-1.684l1.685-.561a.667.667%200%200%200%200-1.264Z%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%224.333%22%20r%3D%221%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m6.324%203.323l-1.261-.42L4.64%201.64c-.136-.408-.812-.408-.948%200l-.42%201.263l-1.262.42a.5.5%200%200%200%200%20.95l1.261.42l.421%201.262a.499.499%200%200%200%20.947%200l.421-1.263l1.262-.42a.5.5%200%200%200%200-.95ZM12%2018.619a2.66%202.66%200%200%201%201.825-2.53l.734-.245l.245-.735c.356-1.064%201.372-1.776%202.53-1.776c.478%200%20.918.147%201.311.364l3.719-3.624a1%201%200%200%200-.553-1.705l-6.16-.895l-2.755-5.582c-.336-.683-1.457-.683-1.793%200L8.348%207.472l-6.16.895a1%201%200%200%200-.553%201.705l4.457%204.344l-1.053%206.135a1%201%200%200%200%201.45%201.054L12%2018.708l.015.008c0-.033-.015-.064-.015-.097m8.21-.632l-1.683-.562l-.562-1.684c-.182-.544-1.082-.544-1.265%200l-.561%201.684l-1.684.562a.667.667%200%200%200%200%201.264l1.684.56l.561%201.685a.668.668%200%200%200%201.267%200l.56-1.684l1.685-.561a.667.667%200%200%200%200-1.264Z%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%224.333%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/star-sparkle-filled.svg?color=%231a73e8&size=48
