add starburst icon
add-starburst-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- add-starburst-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- License
- MIT
11 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
Use the add starburst icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 4.5a.5.5 0 0 1 .5.5v2.5H11a.5.5 0 0 1 0 1H8.5V11a.5.5 0 0 1-1 0V8.5H5a.5.5 0 0 1 0-1h2.5V5a.5.5 0 0 1 .5-.5M8.399.213a.5.5 0 0 0-.792 0L6.314 1.889a.5.5 0 0 1-.537.174l-2.03-.595a.5.5 0 0 0-.641.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.475 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-.753l-1.194-1.748a.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-.456L12.9 1.933a.5.5 0 0 0-.64-.465l-2.031.595a.5.5 0 0 1-.537-.174zM7.105 2.5l.898-1.163l.898 1.163a1.5 1.5 0 0 0 1.609.522l1.41-.413l.042 1.469a1.5 1.5 0 0 0 .995 1.369l1.383.494l-.828 1.213a1.5 1.5 0 0 0 0 1.692l.828 1.213l-1.383.494a1.5 1.5 0 0 0-.995 1.37l-.043 1.468l-1.41-.413a1.5 1.5 0 0 0-1.608.522l-.898 1.163l-.898-1.163a1.5 1.5 0 0 0-1.609-.522l-1.41.413l-.042-1.469a1.5 1.5 0 0 0-.995-1.369l-1.383-.494l.828-1.213a1.5 1.5 0 0 0 0-1.692l-.828-1.213l1.383-.494a1.5 1.5 0 0 0 .995-1.37l.042-1.468l1.41.413a1.5 1.5 0 0 0 1.61-.522"/></svg>
React
import type { SVGProps } from "react";
export function FluentAddStarburst16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 4.5a.5.5 0 0 1 .5.5v2.5H11a.5.5 0 0 1 0 1H8.5V11a.5.5 0 0 1-1 0V8.5H5a.5.5 0 0 1 0-1h2.5V5a.5.5 0 0 1 .5-.5M8.399.213a.5.5 0 0 0-.792 0L6.314 1.889a.5.5 0 0 1-.537.174l-2.03-.595a.5.5 0 0 0-.641.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.475 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-.753l-1.194-1.748a.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-.456L12.9 1.933a.5.5 0 0 0-.64-.465l-2.031.595a.5.5 0 0 1-.537-.174zM7.105 2.5l.898-1.163l.898 1.163a1.5 1.5 0 0 0 1.609.522l1.41-.413l.042 1.469a1.5 1.5 0 0 0 .995 1.369l1.383.494l-.828 1.213a1.5 1.5 0 0 0 0 1.692l.828 1.213l-1.383.494a1.5 1.5 0 0 0-.995 1.37l-.043 1.468l-1.41-.413a1.5 1.5 0 0 0-1.608.522l-.898 1.163l-.898-1.163a1.5 1.5 0 0 0-1.609-.522l-1.41.413l-.042-1.469a1.5 1.5 0 0 0-.995-1.369l-1.383-.494l.828-1.213a1.5 1.5 0 0 0 0-1.692l-.828-1.213l1.383-.494a1.5 1.5 0 0 0 .995-1.37l.042-1.468l1.41.413a1.5 1.5 0 0 0 1.61-.522"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 4.5a.5.5 0 0 1 .5.5v2.5H11a.5.5 0 0 1 0 1H8.5V11a.5.5 0 0 1-1 0V8.5H5a.5.5 0 0 1 0-1h2.5V5a.5.5 0 0 1 .5-.5M8.399.213a.5.5 0 0 0-.792 0L6.314 1.889a.5.5 0 0 1-.537.174l-2.03-.595a.5.5 0 0 0-.641.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.475 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-.753l-1.194-1.748a.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-.456L12.9 1.933a.5.5 0 0 0-.64-.465l-2.031.595a.5.5 0 0 1-.537-.174zM7.105 2.5l.898-1.163l.898 1.163a1.5 1.5 0 0 0 1.609.522l1.41-.413l.042 1.469a1.5 1.5 0 0 0 .995 1.369l1.383.494l-.828 1.213a1.5 1.5 0 0 0 0 1.692l.828 1.213l-1.383.494a1.5 1.5 0 0 0-.995 1.37l-.043 1.468l-1.41-.413a1.5 1.5 0 0 0-1.608.522l-.898 1.163l-.898-1.163a1.5 1.5 0 0 0-1.609-.522l-1.41.413l-.042-1.469a1.5 1.5 0 0 0-.995-1.369l-1.383-.494l.828-1.213a1.5 1.5 0 0 0 0-1.692l-.828-1.213l1.383-.494a1.5 1.5 0 0 0 .995-1.37l.042-1.468l1.41.413a1.5 1.5 0 0 0 1.61-.522"/></svg> </template>
CSS
.icon-add-starburst-16-regular {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%204.5a.5.5%200%200%201%20.5.5v2.5H11a.5.5%200%200%201%200%201H8.5V11a.5.5%200%200%201-1%200V8.5H5a.5.5%200%200%201%200-1h2.5V5a.5.5%200%200%201%20.5-.5M8.399.213a.5.5%200%200%200-.792%200L6.314%201.889a.5.5%200%200%201-.537.174l-2.03-.595a.5.5%200%200%200-.641.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.475%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-.753l-1.194-1.748a.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-.456L12.9%201.933a.5.5%200%200%200-.64-.465l-2.031.595a.5.5%200%200%201-.537-.174zM7.105%202.5l.898-1.163l.898%201.163a1.5%201.5%200%200%200%201.609.522l1.41-.413l.042%201.469a1.5%201.5%200%200%200%20.995%201.369l1.383.494l-.828%201.213a1.5%201.5%200%200%200%200%201.692l.828%201.213l-1.383.494a1.5%201.5%200%200%200-.995%201.37l-.043%201.468l-1.41-.413a1.5%201.5%200%200%200-1.608.522l-.898%201.163l-.898-1.163a1.5%201.5%200%200%200-1.609-.522l-1.41.413l-.042-1.469a1.5%201.5%200%200%200-.995-1.369l-1.383-.494l.828-1.213a1.5%201.5%200%200%200%200-1.692l-.828-1.213l1.383-.494a1.5%201.5%200%200%200%20.995-1.37l.042-1.468l1.41.413a1.5%201.5%200%200%200%201.61-.522%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%204.5a.5.5%200%200%201%20.5.5v2.5H11a.5.5%200%200%201%200%201H8.5V11a.5.5%200%200%201-1%200V8.5H5a.5.5%200%200%201%200-1h2.5V5a.5.5%200%200%201%20.5-.5M8.399.213a.5.5%200%200%200-.792%200L6.314%201.889a.5.5%200%200%201-.537.174l-2.03-.595a.5.5%200%200%200-.641.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.475%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-.753l-1.194-1.748a.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-.456L12.9%201.933a.5.5%200%200%200-.64-.465l-2.031.595a.5.5%200%200%201-.537-.174zM7.105%202.5l.898-1.163l.898%201.163a1.5%201.5%200%200%200%201.609.522l1.41-.413l.042%201.469a1.5%201.5%200%200%200%20.995%201.369l1.383.494l-.828%201.213a1.5%201.5%200%200%200%200%201.692l.828%201.213l-1.383.494a1.5%201.5%200%200%200-.995%201.37l-.043%201.468l-1.41-.413a1.5%201.5%200%200%200-1.608.522l-.898%201.163l-.898-1.163a1.5%201.5%200%200%200-1.609-.522l-1.41.413l-.042-1.469a1.5%201.5%200%200%200-.995-1.369l-1.383-.494l.828-1.213a1.5%201.5%200%200%200%200-1.692l-.828-1.213l1.383-.494a1.5%201.5%200%200%200%20.995-1.37l.042-1.468l1.41.413a1.5%201.5%200%200%200%201.61-.522%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/add-starburst-16-regular.svg?color=%231a73e8&size=48
