data sunburst icon
data-sunburst-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.
- Name
- data-sunburst-32-regular
- Set
- Fluent UI System Icons
- Style
- 32 Regular
- Viewbox
- 32×32
- License
- MIT
9 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
data-area-20-filleddata-bar-horizontal-20-filleddata-bar-horizontal-descending-16-filleddata-bar-vertical-16-filleddata-bar-vertical-add-20-filleddata-bar-vertical-arrow-down-16-filleddata-bar-vertical-ascending-16-filleddata-bar-vertical-edit-16-filleddata-bar-vertical-star-16-filleddata-funnel-20-filleddata-histogram-16-filleddata-line-16-filleddata-pie-16-filleddata-scatter-20-filleddata-treemap-20-filleddata-trending-16-filleddata-usage-16-filleddata-usage-checkmark-16-filleddata-usage-edit-20-filleddata-usage-settings-16-filleddata-usage-sparkle-20-filleddata-usage-toolbox-20-filleddata-waterfall-20-filleddata-whisker-20-filled
Use the data sunburst icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4.428 21c.405 0 .77.238.959.597a12.05 12.05 0 0 0 5.018 5.016c.358.19.596.554.596.96c0 .726-.728 1.224-1.375.893a14.06 14.06 0 0 1-6.092-6.09c-.331-.647.167-1.376.894-1.376m23.146 0c.727 0 1.225.729.894 1.376a14.06 14.06 0 0 1-6.091 6.09c-.647.331-1.376-.167-1.376-.894c0-.405.238-.77.597-.959a12.05 12.05 0 0 0 5.017-5.016c.19-.359.554-.597.96-.597m-2.982-2.96c.622.039 1.067.625.864 1.214C24.106 23.179 20.384 26 16 26a10 10 0 0 1-4.161-.904c-.568-.26-.686-.988-.284-1.466c.315-.376.85-.467 1.3-.274a8 8 0 0 0 10.643-4.564c.17-.459.605-.782 1.094-.752M10.203 7.85c.508-.361 1.197-.1 1.411.486c.168.46-.02.968-.41 1.262A7.99 7.99 0 0 0 8 16a7.96 7.96 0 0 0 1.302 4.374c.268.41.27.951-.044 1.326c-.401.478-1.137.488-1.491-.025A9.95 9.95 0 0 1 6 16a9.99 9.99 0 0 1 4.203-8.15M16 10a6 6 0 1 1 0 12a6 6 0 0 1 0-12m0 2a4 4 0 1 0 0 8a4 4 0 0 0 0-8m0-6c4.82 0 8.84 3.41 9.787 7.947c.127.61-.387 1.137-1.01 1.098c-.488-.03-.88-.406-.992-.883a8 8 0 0 0-8.227-6.15c-.488.027-.958-.242-1.125-.702c-.214-.586.146-1.228.768-1.278Q15.597 6.001 16 6M9.626 3.534c.647-.331 1.375.167 1.375.894c0 .404-.238.769-.596.958a12.05 12.05 0 0 0-5.018 5.017c-.19.359-.554.597-.96.597c-.726 0-1.224-.73-.893-1.376a14.06 14.06 0 0 1 6.092-6.09m11.375.894c0-.727.728-1.225 1.375-.894a14.06 14.06 0 0 1 6.092 6.09c.331.647-.167 1.376-.894 1.376c-.405 0-.77-.239-.959-.597a12.05 12.05 0 0 0-5.017-5.017A1.1 1.1 0 0 1 21 4.428"/></svg>
React
import type { SVGProps } from "react";
export function FluentDataSunburst32Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4.428 21c.405 0 .77.238.959.597a12.05 12.05 0 0 0 5.018 5.016c.358.19.596.554.596.96c0 .726-.728 1.224-1.375.893a14.06 14.06 0 0 1-6.092-6.09c-.331-.647.167-1.376.894-1.376m23.146 0c.727 0 1.225.729.894 1.376a14.06 14.06 0 0 1-6.091 6.09c-.647.331-1.376-.167-1.376-.894c0-.405.238-.77.597-.959a12.05 12.05 0 0 0 5.017-5.016c.19-.359.554-.597.96-.597m-2.982-2.96c.622.039 1.067.625.864 1.214C24.106 23.179 20.384 26 16 26a10 10 0 0 1-4.161-.904c-.568-.26-.686-.988-.284-1.466c.315-.376.85-.467 1.3-.274a8 8 0 0 0 10.643-4.564c.17-.459.605-.782 1.094-.752M10.203 7.85c.508-.361 1.197-.1 1.411.486c.168.46-.02.968-.41 1.262A7.99 7.99 0 0 0 8 16a7.96 7.96 0 0 0 1.302 4.374c.268.41.27.951-.044 1.326c-.401.478-1.137.488-1.491-.025A9.95 9.95 0 0 1 6 16a9.99 9.99 0 0 1 4.203-8.15M16 10a6 6 0 1 1 0 12a6 6 0 0 1 0-12m0 2a4 4 0 1 0 0 8a4 4 0 0 0 0-8m0-6c4.82 0 8.84 3.41 9.787 7.947c.127.61-.387 1.137-1.01 1.098c-.488-.03-.88-.406-.992-.883a8 8 0 0 0-8.227-6.15c-.488.027-.958-.242-1.125-.702c-.214-.586.146-1.228.768-1.278Q15.597 6.001 16 6M9.626 3.534c.647-.331 1.375.167 1.375.894c0 .404-.238.769-.596.958a12.05 12.05 0 0 0-5.018 5.017c-.19.359-.554.597-.96.597c-.726 0-1.224-.73-.893-1.376a14.06 14.06 0 0 1 6.092-6.09m11.375.894c0-.727.728-1.225 1.375-.894a14.06 14.06 0 0 1 6.092 6.09c.331.647-.167 1.376-.894 1.376c-.405 0-.77-.239-.959-.597a12.05 12.05 0 0 0-5.017-5.017A1.1 1.1 0 0 1 21 4.428"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4.428 21c.405 0 .77.238.959.597a12.05 12.05 0 0 0 5.018 5.016c.358.19.596.554.596.96c0 .726-.728 1.224-1.375.893a14.06 14.06 0 0 1-6.092-6.09c-.331-.647.167-1.376.894-1.376m23.146 0c.727 0 1.225.729.894 1.376a14.06 14.06 0 0 1-6.091 6.09c-.647.331-1.376-.167-1.376-.894c0-.405.238-.77.597-.959a12.05 12.05 0 0 0 5.017-5.016c.19-.359.554-.597.96-.597m-2.982-2.96c.622.039 1.067.625.864 1.214C24.106 23.179 20.384 26 16 26a10 10 0 0 1-4.161-.904c-.568-.26-.686-.988-.284-1.466c.315-.376.85-.467 1.3-.274a8 8 0 0 0 10.643-4.564c.17-.459.605-.782 1.094-.752M10.203 7.85c.508-.361 1.197-.1 1.411.486c.168.46-.02.968-.41 1.262A7.99 7.99 0 0 0 8 16a7.96 7.96 0 0 0 1.302 4.374c.268.41.27.951-.044 1.326c-.401.478-1.137.488-1.491-.025A9.95 9.95 0 0 1 6 16a9.99 9.99 0 0 1 4.203-8.15M16 10a6 6 0 1 1 0 12a6 6 0 0 1 0-12m0 2a4 4 0 1 0 0 8a4 4 0 0 0 0-8m0-6c4.82 0 8.84 3.41 9.787 7.947c.127.61-.387 1.137-1.01 1.098c-.488-.03-.88-.406-.992-.883a8 8 0 0 0-8.227-6.15c-.488.027-.958-.242-1.125-.702c-.214-.586.146-1.228.768-1.278Q15.597 6.001 16 6M9.626 3.534c.647-.331 1.375.167 1.375.894c0 .404-.238.769-.596.958a12.05 12.05 0 0 0-5.018 5.017c-.19.359-.554.597-.96.597c-.726 0-1.224-.73-.893-1.376a14.06 14.06 0 0 1 6.092-6.09m11.375.894c0-.727.728-1.225 1.375-.894a14.06 14.06 0 0 1 6.092 6.09c.331.647-.167 1.376-.894 1.376c-.405 0-.77-.239-.959-.597a12.05 12.05 0 0 0-5.017-5.017A1.1 1.1 0 0 1 21 4.428"/></svg> </template>
CSS
.icon-data-sunburst-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.428%2021c.405%200%20.77.238.959.597a12.05%2012.05%200%200%200%205.018%205.016c.358.19.596.554.596.96c0%20.726-.728%201.224-1.375.893a14.06%2014.06%200%200%201-6.092-6.09c-.331-.647.167-1.376.894-1.376m23.146%200c.727%200%201.225.729.894%201.376a14.06%2014.06%200%200%201-6.091%206.09c-.647.331-1.376-.167-1.376-.894c0-.405.238-.77.597-.959a12.05%2012.05%200%200%200%205.017-5.016c.19-.359.554-.597.96-.597m-2.982-2.96c.622.039%201.067.625.864%201.214C24.106%2023.179%2020.384%2026%2016%2026a10%2010%200%200%201-4.161-.904c-.568-.26-.686-.988-.284-1.466c.315-.376.85-.467%201.3-.274a8%208%200%200%200%2010.643-4.564c.17-.459.605-.782%201.094-.752M10.203%207.85c.508-.361%201.197-.1%201.411.486c.168.46-.02.968-.41%201.262A7.99%207.99%200%200%200%208%2016a7.96%207.96%200%200%200%201.302%204.374c.268.41.27.951-.044%201.326c-.401.478-1.137.488-1.491-.025A9.95%209.95%200%200%201%206%2016a9.99%209.99%200%200%201%204.203-8.15M16%2010a6%206%200%201%201%200%2012a6%206%200%200%201%200-12m0%202a4%204%200%201%200%200%208a4%204%200%200%200%200-8m0-6c4.82%200%208.84%203.41%209.787%207.947c.127.61-.387%201.137-1.01%201.098c-.488-.03-.88-.406-.992-.883a8%208%200%200%200-8.227-6.15c-.488.027-.958-.242-1.125-.702c-.214-.586.146-1.228.768-1.278Q15.597%206.001%2016%206M9.626%203.534c.647-.331%201.375.167%201.375.894c0%20.404-.238.769-.596.958a12.05%2012.05%200%200%200-5.018%205.017c-.19.359-.554.597-.96.597c-.726%200-1.224-.73-.893-1.376a14.06%2014.06%200%200%201%206.092-6.09m11.375.894c0-.727.728-1.225%201.375-.894a14.06%2014.06%200%200%201%206.092%206.09c.331.647-.167%201.376-.894%201.376c-.405%200-.77-.239-.959-.597a12.05%2012.05%200%200%200-5.017-5.017A1.1%201.1%200%200%201%2021%204.428%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.428%2021c.405%200%20.77.238.959.597a12.05%2012.05%200%200%200%205.018%205.016c.358.19.596.554.596.96c0%20.726-.728%201.224-1.375.893a14.06%2014.06%200%200%201-6.092-6.09c-.331-.647.167-1.376.894-1.376m23.146%200c.727%200%201.225.729.894%201.376a14.06%2014.06%200%200%201-6.091%206.09c-.647.331-1.376-.167-1.376-.894c0-.405.238-.77.597-.959a12.05%2012.05%200%200%200%205.017-5.016c.19-.359.554-.597.96-.597m-2.982-2.96c.622.039%201.067.625.864%201.214C24.106%2023.179%2020.384%2026%2016%2026a10%2010%200%200%201-4.161-.904c-.568-.26-.686-.988-.284-1.466c.315-.376.85-.467%201.3-.274a8%208%200%200%200%2010.643-4.564c.17-.459.605-.782%201.094-.752M10.203%207.85c.508-.361%201.197-.1%201.411.486c.168.46-.02.968-.41%201.262A7.99%207.99%200%200%200%208%2016a7.96%207.96%200%200%200%201.302%204.374c.268.41.27.951-.044%201.326c-.401.478-1.137.488-1.491-.025A9.95%209.95%200%200%201%206%2016a9.99%209.99%200%200%201%204.203-8.15M16%2010a6%206%200%201%201%200%2012a6%206%200%200%201%200-12m0%202a4%204%200%201%200%200%208a4%204%200%200%200%200-8m0-6c4.82%200%208.84%203.41%209.787%207.947c.127.61-.387%201.137-1.01%201.098c-.488-.03-.88-.406-.992-.883a8%208%200%200%200-8.227-6.15c-.488.027-.958-.242-1.125-.702c-.214-.586.146-1.228.768-1.278Q15.597%206.001%2016%206M9.626%203.534c.647-.331%201.375.167%201.375.894c0%20.404-.238.769-.596.958a12.05%2012.05%200%200%200-5.018%205.017c-.19.359-.554.597-.96.597c-.726%200-1.224-.73-.893-1.376a14.06%2014.06%200%200%201%206.092-6.09m11.375.894c0-.727.728-1.225%201.375-.894a14.06%2014.06%200%200%201%206.092%206.09c.331.647-.167%201.376-.894%201.376c-.405%200-.77-.239-.959-.597a12.05%2012.05%200%200%200-5.017-5.017A1.1%201.1%200%200%201%2021%204.428%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/data-sunburst-32-regular.svg?color=%231a73e8&size=48
