add starburst icon
add-starburst-28 from Fluent UI System Color Icons by Microsoft Corporation · 28 · MIT Free for personal and commercial use.
- Name
- add-starburst-28
- Set
- Fluent UI System Color Icons
- Style
- 28
- Viewbox
- 28×28
- License
- MIT
5 other variants in Fluent UI System Color Icons
The same icon in other sets
Related icons in Fluent UI System Color Icons
Use the add starburst icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><path fill="url(#SVG8YYezukC)" d="M14.784 1.384a1 1 0 0 0-1.579 0l-1.81 2.329a.25.25 0 0 1-.292.078L8.37 2.68a1 1 0 0 0-1.367.79l-.404 2.92a.25.25 0 0 1-.214.214l-2.922.404a1 1 0 0 0-.79 1.367l1.112 2.733a.25.25 0 0 1-.078.291L1.378 13.21a1 1 0 0 0 0 1.579l2.329 1.81a.25.25 0 0 1 .078.292l-1.111 2.733a1 1 0 0 0 .79 1.367l2.921.404a.25.25 0 0 1 .214.214l.404 2.922a1 1 0 0 0 1.367.79l2.733-1.112a.25.25 0 0 1 .291.078l1.811 2.329a1 1 0 0 0 1.579 0l1.811-2.329a.25.25 0 0 1 .292-.078l2.732 1.111a1 1 0 0 0 1.367-.79l.405-2.921a.25.25 0 0 1 .213-.214l2.922-.404a1 1 0 0 0 .79-1.367l-1.112-2.733a.25.25 0 0 1 .078-.291l2.329-1.811a1 1 0 0 0 0-1.579l-2.329-1.81a.25.25 0 0 1-.078-.292l1.111-2.733a1 1 0 0 0-.789-1.367l-2.922-.404a.25.25 0 0 1-.213-.214l-.405-2.922a1 1 0 0 0-1.367-.79L16.887 3.79a.25.25 0 0 1-.292-.078z"/><path fill="url(#SVGfmGBlc3D)" fill-opacity=".95" d="M14 8a.75.75 0 0 1 .75.75v4.5h4.5a.75.75 0 0 1 0 1.5h-4.5v4.5a.75.75 0 0 1-1.5 0v-4.5h-4.5a.75.75 0 0 1 0-1.5h4.5v-4.5A.75.75 0 0 1 14 8"/><defs><radialGradient id="SVG8YYezukC" cx="0" cy="0" r="1" gradientTransform="rotate(240.51 24.392 6.407)scale(57.4844 55.0602)" gradientUnits="userSpaceOnUse"><stop stop-color="#ffc470"/><stop offset=".251" stop-color="#ff835c"/><stop offset=".55" stop-color="#f24a9d"/><stop offset=".814" stop-color="#b339f0"/></radialGradient><linearGradient id="SVGfmGBlc3D" x1="19.167" x2="6.575" y1="23.388" y2="15.232" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#ffc8d7"/><stop offset=".807" stop-color="#fff"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentColorAddStarburst28(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><path fill="url(#SVG8YYezukC)" d="M14.784 1.384a1 1 0 0 0-1.579 0l-1.81 2.329a.25.25 0 0 1-.292.078L8.37 2.68a1 1 0 0 0-1.367.79l-.404 2.92a.25.25 0 0 1-.214.214l-2.922.404a1 1 0 0 0-.79 1.367l1.112 2.733a.25.25 0 0 1-.078.291L1.378 13.21a1 1 0 0 0 0 1.579l2.329 1.81a.25.25 0 0 1 .078.292l-1.111 2.733a1 1 0 0 0 .79 1.367l2.921.404a.25.25 0 0 1 .214.214l.404 2.922a1 1 0 0 0 1.367.79l2.733-1.112a.25.25 0 0 1 .291.078l1.811 2.329a1 1 0 0 0 1.579 0l1.811-2.329a.25.25 0 0 1 .292-.078l2.732 1.111a1 1 0 0 0 1.367-.79l.405-2.921a.25.25 0 0 1 .213-.214l2.922-.404a1 1 0 0 0 .79-1.367l-1.112-2.733a.25.25 0 0 1 .078-.291l2.329-1.811a1 1 0 0 0 0-1.579l-2.329-1.81a.25.25 0 0 1-.078-.292l1.111-2.733a1 1 0 0 0-.789-1.367l-2.922-.404a.25.25 0 0 1-.213-.214l-.405-2.922a1 1 0 0 0-1.367-.79L16.887 3.79a.25.25 0 0 1-.292-.078z"/><path fill="url(#SVGfmGBlc3D)" fillOpacity=".95" d="M14 8a.75.75 0 0 1 .75.75v4.5h4.5a.75.75 0 0 1 0 1.5h-4.5v4.5a.75.75 0 0 1-1.5 0v-4.5h-4.5a.75.75 0 0 1 0-1.5h4.5v-4.5A.75.75 0 0 1 14 8"/><defs><radialGradient id="SVG8YYezukC" cx="0" cy="0" r="1" gradientTransform="rotate(240.51 24.392 6.407)scale(57.4844 55.0602)" gradientUnits="userSpaceOnUse"><stop stopColor="#ffc470"/><stop offset=".251" stopColor="#ff835c"/><stop offset=".55" stopColor="#f24a9d"/><stop offset=".814" stopColor="#b339f0"/></radialGradient><linearGradient id="SVGfmGBlc3D" x1="19.167" x2="6.575" y1="23.388" y2="15.232" gradientUnits="userSpaceOnUse"><stop offset=".024" stopColor="#ffc8d7"/><stop offset=".807" stopColor="#fff"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><path fill="url(#SVG8YYezukC)" d="M14.784 1.384a1 1 0 0 0-1.579 0l-1.81 2.329a.25.25 0 0 1-.292.078L8.37 2.68a1 1 0 0 0-1.367.79l-.404 2.92a.25.25 0 0 1-.214.214l-2.922.404a1 1 0 0 0-.79 1.367l1.112 2.733a.25.25 0 0 1-.078.291L1.378 13.21a1 1 0 0 0 0 1.579l2.329 1.81a.25.25 0 0 1 .078.292l-1.111 2.733a1 1 0 0 0 .79 1.367l2.921.404a.25.25 0 0 1 .214.214l.404 2.922a1 1 0 0 0 1.367.79l2.733-1.112a.25.25 0 0 1 .291.078l1.811 2.329a1 1 0 0 0 1.579 0l1.811-2.329a.25.25 0 0 1 .292-.078l2.732 1.111a1 1 0 0 0 1.367-.79l.405-2.921a.25.25 0 0 1 .213-.214l2.922-.404a1 1 0 0 0 .79-1.367l-1.112-2.733a.25.25 0 0 1 .078-.291l2.329-1.811a1 1 0 0 0 0-1.579l-2.329-1.81a.25.25 0 0 1-.078-.292l1.111-2.733a1 1 0 0 0-.789-1.367l-2.922-.404a.25.25 0 0 1-.213-.214l-.405-2.922a1 1 0 0 0-1.367-.79L16.887 3.79a.25.25 0 0 1-.292-.078z"/><path fill="url(#SVGfmGBlc3D)" fill-opacity=".95" d="M14 8a.75.75 0 0 1 .75.75v4.5h4.5a.75.75 0 0 1 0 1.5h-4.5v4.5a.75.75 0 0 1-1.5 0v-4.5h-4.5a.75.75 0 0 1 0-1.5h4.5v-4.5A.75.75 0 0 1 14 8"/><defs><radialGradient id="SVG8YYezukC" cx="0" cy="0" r="1" gradientTransform="rotate(240.51 24.392 6.407)scale(57.4844 55.0602)" gradientUnits="userSpaceOnUse"><stop stop-color="#ffc470"/><stop offset=".251" stop-color="#ff835c"/><stop offset=".55" stop-color="#f24a9d"/><stop offset=".814" stop-color="#b339f0"/></radialGradient><linearGradient id="SVGfmGBlc3D" x1="19.167" x2="6.575" y1="23.388" y2="15.232" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#ffc8d7"/><stop offset=".807" stop-color="#fff"/></linearGradient></defs></g></svg> </template>
CSS
.icon-add-starburst-28 {
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%2028%2028%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVG8YYezukC)%22%20d%3D%22M14.784%201.384a1%201%200%200%200-1.579%200l-1.81%202.329a.25.25%200%200%201-.292.078L8.37%202.68a1%201%200%200%200-1.367.79l-.404%202.92a.25.25%200%200%201-.214.214l-2.922.404a1%201%200%200%200-.79%201.367l1.112%202.733a.25.25%200%200%201-.078.291L1.378%2013.21a1%201%200%200%200%200%201.579l2.329%201.81a.25.25%200%200%201%20.078.292l-1.111%202.733a1%201%200%200%200%20.79%201.367l2.921.404a.25.25%200%200%201%20.214.214l.404%202.922a1%201%200%200%200%201.367.79l2.733-1.112a.25.25%200%200%201%20.291.078l1.811%202.329a1%201%200%200%200%201.579%200l1.811-2.329a.25.25%200%200%201%20.292-.078l2.732%201.111a1%201%200%200%200%201.367-.79l.405-2.921a.25.25%200%200%201%20.213-.214l2.922-.404a1%201%200%200%200%20.79-1.367l-1.112-2.733a.25.25%200%200%201%20.078-.291l2.329-1.811a1%201%200%200%200%200-1.579l-2.329-1.81a.25.25%200%200%201-.078-.292l1.111-2.733a1%201%200%200%200-.789-1.367l-2.922-.404a.25.25%200%200%201-.213-.214l-.405-2.922a1%201%200%200%200-1.367-.79L16.887%203.79a.25.25%200%200%201-.292-.078z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfmGBlc3D)%22%20fill-opacity%3D%22.95%22%20d%3D%22M14%208a.75.75%200%200%201%20.75.75v4.5h4.5a.75.75%200%200%201%200%201.5h-4.5v4.5a.75.75%200%200%201-1.5%200v-4.5h-4.5a.75.75%200%200%201%200-1.5h4.5v-4.5A.75.75%200%200%201%2014%208%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVG8YYezukC%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(240.51%2024.392%206.407)scale(57.4844%2055.0602)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffc470%22%2F%3E%3Cstop%20offset%3D%22.251%22%20stop-color%3D%22%23ff835c%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23f24a9d%22%2F%3E%3Cstop%20offset%3D%22.814%22%20stop-color%3D%22%23b339f0%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGfmGBlc3D%22%20x1%3D%2219.167%22%20x2%3D%226.575%22%20y1%3D%2223.388%22%20y2%3D%2215.232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.024%22%20stop-color%3D%22%23ffc8d7%22%2F%3E%3Cstop%20offset%3D%22.807%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%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%2028%2028%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVG8YYezukC)%22%20d%3D%22M14.784%201.384a1%201%200%200%200-1.579%200l-1.81%202.329a.25.25%200%200%201-.292.078L8.37%202.68a1%201%200%200%200-1.367.79l-.404%202.92a.25.25%200%200%201-.214.214l-2.922.404a1%201%200%200%200-.79%201.367l1.112%202.733a.25.25%200%200%201-.078.291L1.378%2013.21a1%201%200%200%200%200%201.579l2.329%201.81a.25.25%200%200%201%20.078.292l-1.111%202.733a1%201%200%200%200%20.79%201.367l2.921.404a.25.25%200%200%201%20.214.214l.404%202.922a1%201%200%200%200%201.367.79l2.733-1.112a.25.25%200%200%201%20.291.078l1.811%202.329a1%201%200%200%200%201.579%200l1.811-2.329a.25.25%200%200%201%20.292-.078l2.732%201.111a1%201%200%200%200%201.367-.79l.405-2.921a.25.25%200%200%201%20.213-.214l2.922-.404a1%201%200%200%200%20.79-1.367l-1.112-2.733a.25.25%200%200%201%20.078-.291l2.329-1.811a1%201%200%200%200%200-1.579l-2.329-1.81a.25.25%200%200%201-.078-.292l1.111-2.733a1%201%200%200%200-.789-1.367l-2.922-.404a.25.25%200%200%201-.213-.214l-.405-2.922a1%201%200%200%200-1.367-.79L16.887%203.79a.25.25%200%200%201-.292-.078z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfmGBlc3D)%22%20fill-opacity%3D%22.95%22%20d%3D%22M14%208a.75.75%200%200%201%20.75.75v4.5h4.5a.75.75%200%200%201%200%201.5h-4.5v4.5a.75.75%200%200%201-1.5%200v-4.5h-4.5a.75.75%200%200%201%200-1.5h4.5v-4.5A.75.75%200%200%201%2014%208%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVG8YYezukC%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(240.51%2024.392%206.407)scale(57.4844%2055.0602)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffc470%22%2F%3E%3Cstop%20offset%3D%22.251%22%20stop-color%3D%22%23ff835c%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23f24a9d%22%2F%3E%3Cstop%20offset%3D%22.814%22%20stop-color%3D%22%23b339f0%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGfmGBlc3D%22%20x1%3D%2219.167%22%20x2%3D%226.575%22%20y1%3D%2223.388%22%20y2%3D%2215.232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.024%22%20stop-color%3D%22%23ffc8d7%22%2F%3E%3Cstop%20offset%3D%22.807%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-color/add-starburst-28.svg?color=%231a73e8&size=48
