add starburst icon
add-starburst-16 from Fluent UI System Color Icons by Microsoft Corporation · 16 · MIT Free for personal and commercial use.
- Name
- add-starburst-16
- Set
- Fluent UI System Color Icons
- Style
- 16
- Viewbox
- 16×16
- 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 16 16"><g fill="none"><path fill="url(#SVGdECO2ccM)" d="M8.402.213a.5.5 0 0 0-.792 0L6.317 1.889a.5.5 0 0 1-.537.174l-2.03-.595a.5.5 0 0 0-.64.465l-.062 2.116a.5.5 0 0 1-.331.456l-1.994.712a.5.5 0 0 0-.244.753l1.194 1.748a.5.5 0 0 1 0 .564L.478 10.03a.5.5 0 0 0 .244.753l1.994.712a.5.5 0 0 1 .331.456l.062 2.116a.5.5 0 0 0 .64.465l2.031-.595a.5.5 0 0 1 .537.175l1.293 1.675a.5.5 0 0 0 .792 0l1.293-1.676a.5.5 0 0 1 .537-.174l2.03.595a.5.5 0 0 0 .641-.465l.062-2.116a.5.5 0 0 1 .331-.456l1.994-.712a.5.5 0 0 0 .244-.753L14.34 8.282a.5.5 0 0 1 0-.564l1.194-1.748a.5.5 0 0 0-.245-.753l-1.993-.712a.5.5 0 0 1-.331-.456l-.062-2.116a.5.5 0 0 0-.64-.465l-2.031.595a.5.5 0 0 1-.537-.174z"/><path fill="url(#SVG8dVWecIX)" fill-opacity=".95" d="M8.5 5a.5.5 0 0 0-1 0v2.5H5a.5.5 0 0 0 0 1h2.5V11a.5.5 0 0 0 1 0V8.5H11a.5.5 0 0 0 0-1H8.5z"/><defs><radialGradient id="SVGdECO2ccM" cx="0" cy="0" r="1" gradientTransform="rotate(241.649 14.393 3.825)scale(34.9009 32.6038)" 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="SVG8dVWecIX" x1="11.014" x2="3.669" y1="13.476" y2="8.719" 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 FluentColorAddStarburst16(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none"><path fill="url(#SVGdECO2ccM)" d="M8.402.213a.5.5 0 0 0-.792 0L6.317 1.889a.5.5 0 0 1-.537.174l-2.03-.595a.5.5 0 0 0-.64.465l-.062 2.116a.5.5 0 0 1-.331.456l-1.994.712a.5.5 0 0 0-.244.753l1.194 1.748a.5.5 0 0 1 0 .564L.478 10.03a.5.5 0 0 0 .244.753l1.994.712a.5.5 0 0 1 .331.456l.062 2.116a.5.5 0 0 0 .64.465l2.031-.595a.5.5 0 0 1 .537.175l1.293 1.675a.5.5 0 0 0 .792 0l1.293-1.676a.5.5 0 0 1 .537-.174l2.03.595a.5.5 0 0 0 .641-.465l.062-2.116a.5.5 0 0 1 .331-.456l1.994-.712a.5.5 0 0 0 .244-.753L14.34 8.282a.5.5 0 0 1 0-.564l1.194-1.748a.5.5 0 0 0-.245-.753l-1.993-.712a.5.5 0 0 1-.331-.456l-.062-2.116a.5.5 0 0 0-.64-.465l-2.031.595a.5.5 0 0 1-.537-.174z"/><path fill="url(#SVG8dVWecIX)" fillOpacity=".95" d="M8.5 5a.5.5 0 0 0-1 0v2.5H5a.5.5 0 0 0 0 1h2.5V11a.5.5 0 0 0 1 0V8.5H11a.5.5 0 0 0 0-1H8.5z"/><defs><radialGradient id="SVGdECO2ccM" cx="0" cy="0" r="1" gradientTransform="rotate(241.649 14.393 3.825)scale(34.9009 32.6038)" gradientUnits="userSpaceOnUse"><stop stopColor="#ffc470"/><stop offset=".251" stopColor="#ff835c"/><stop offset=".55" stopColor="#f24a9d"/><stop offset=".814" stopColor="#b339f0"/></radialGradient><linearGradient id="SVG8dVWecIX" x1="11.014" x2="3.669" y1="13.476" y2="8.719" 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 16 16"><g fill="none"><path fill="url(#SVGdECO2ccM)" d="M8.402.213a.5.5 0 0 0-.792 0L6.317 1.889a.5.5 0 0 1-.537.174l-2.03-.595a.5.5 0 0 0-.64.465l-.062 2.116a.5.5 0 0 1-.331.456l-1.994.712a.5.5 0 0 0-.244.753l1.194 1.748a.5.5 0 0 1 0 .564L.478 10.03a.5.5 0 0 0 .244.753l1.994.712a.5.5 0 0 1 .331.456l.062 2.116a.5.5 0 0 0 .64.465l2.031-.595a.5.5 0 0 1 .537.175l1.293 1.675a.5.5 0 0 0 .792 0l1.293-1.676a.5.5 0 0 1 .537-.174l2.03.595a.5.5 0 0 0 .641-.465l.062-2.116a.5.5 0 0 1 .331-.456l1.994-.712a.5.5 0 0 0 .244-.753L14.34 8.282a.5.5 0 0 1 0-.564l1.194-1.748a.5.5 0 0 0-.245-.753l-1.993-.712a.5.5 0 0 1-.331-.456l-.062-2.116a.5.5 0 0 0-.64-.465l-2.031.595a.5.5 0 0 1-.537-.174z"/><path fill="url(#SVG8dVWecIX)" fill-opacity=".95" d="M8.5 5a.5.5 0 0 0-1 0v2.5H5a.5.5 0 0 0 0 1h2.5V11a.5.5 0 0 0 1 0V8.5H11a.5.5 0 0 0 0-1H8.5z"/><defs><radialGradient id="SVGdECO2ccM" cx="0" cy="0" r="1" gradientTransform="rotate(241.649 14.393 3.825)scale(34.9009 32.6038)" 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="SVG8dVWecIX" x1="11.014" x2="3.669" y1="13.476" y2="8.719" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#ffc8d7"/><stop offset=".807" stop-color="#fff"/></linearGradient></defs></g></svg> </template>
CSS
.icon-add-starburst-16 {
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%2016%2016%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGdECO2ccM)%22%20d%3D%22M8.402.213a.5.5%200%200%200-.792%200L6.317%201.889a.5.5%200%200%201-.537.174l-2.03-.595a.5.5%200%200%200-.64.465l-.062%202.116a.5.5%200%200%201-.331.456l-1.994.712a.5.5%200%200%200-.244.753l1.194%201.748a.5.5%200%200%201%200%20.564L.478%2010.03a.5.5%200%200%200%20.244.753l1.994.712a.5.5%200%200%201%20.331.456l.062%202.116a.5.5%200%200%200%20.64.465l2.031-.595a.5.5%200%200%201%20.537.175l1.293%201.675a.5.5%200%200%200%20.792%200l1.293-1.676a.5.5%200%200%201%20.537-.174l2.03.595a.5.5%200%200%200%20.641-.465l.062-2.116a.5.5%200%200%201%20.331-.456l1.994-.712a.5.5%200%200%200%20.244-.753L14.34%208.282a.5.5%200%200%201%200-.564l1.194-1.748a.5.5%200%200%200-.245-.753l-1.993-.712a.5.5%200%200%201-.331-.456l-.062-2.116a.5.5%200%200%200-.64-.465l-2.031.595a.5.5%200%200%201-.537-.174z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8dVWecIX)%22%20fill-opacity%3D%22.95%22%20d%3D%22M8.5%205a.5.5%200%200%200-1%200v2.5H5a.5.5%200%200%200%200%201h2.5V11a.5.5%200%200%200%201%200V8.5H11a.5.5%200%200%200%200-1H8.5z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGdECO2ccM%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(241.649%2014.393%203.825)scale(34.9009%2032.6038)%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%22SVG8dVWecIX%22%20x1%3D%2211.014%22%20x2%3D%223.669%22%20y1%3D%2213.476%22%20y2%3D%228.719%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%2016%2016%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGdECO2ccM)%22%20d%3D%22M8.402.213a.5.5%200%200%200-.792%200L6.317%201.889a.5.5%200%200%201-.537.174l-2.03-.595a.5.5%200%200%200-.64.465l-.062%202.116a.5.5%200%200%201-.331.456l-1.994.712a.5.5%200%200%200-.244.753l1.194%201.748a.5.5%200%200%201%200%20.564L.478%2010.03a.5.5%200%200%200%20.244.753l1.994.712a.5.5%200%200%201%20.331.456l.062%202.116a.5.5%200%200%200%20.64.465l2.031-.595a.5.5%200%200%201%20.537.175l1.293%201.675a.5.5%200%200%200%20.792%200l1.293-1.676a.5.5%200%200%201%20.537-.174l2.03.595a.5.5%200%200%200%20.641-.465l.062-2.116a.5.5%200%200%201%20.331-.456l1.994-.712a.5.5%200%200%200%20.244-.753L14.34%208.282a.5.5%200%200%201%200-.564l1.194-1.748a.5.5%200%200%200-.245-.753l-1.993-.712a.5.5%200%200%201-.331-.456l-.062-2.116a.5.5%200%200%200-.64-.465l-2.031.595a.5.5%200%200%201-.537-.174z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8dVWecIX)%22%20fill-opacity%3D%22.95%22%20d%3D%22M8.5%205a.5.5%200%200%200-1%200v2.5H5a.5.5%200%200%200%200%201h2.5V11a.5.5%200%200%200%201%200V8.5H11a.5.5%200%200%200%200-1H8.5z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGdECO2ccM%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(241.649%2014.393%203.825)scale(34.9009%2032.6038)%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%22SVG8dVWecIX%22%20x1%3D%2211.014%22%20x2%3D%223.669%22%20y1%3D%2213.476%22%20y2%3D%228.719%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-16.svg?color=%231a73e8&size=48
