data sunburst icon
data-sunburst-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.
- Name
- data-sunburst-48-regular
- Set
- Fluent UI System Icons
- Style
- 48 Regular
- Viewbox
- 48×48
- 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 48 48"><path fill="currentColor" d="M7.117 31c.511 0 .97.306 1.198.764a17.57 17.57 0 0 0 7.923 7.923c.458.228.762.686.762 1.198c0 .897-.895 1.516-1.704 1.126a20.08 20.08 0 0 1-9.305-9.305C5.599 31.897 6.218 31 7.117 31m33.768 0c.898 0 1.517.898 1.125 1.706a20.08 20.08 0 0 1-9.305 9.304c-.808.39-1.705-.23-1.705-1.126c0-.512.306-.97.764-1.198a17.57 17.57 0 0 0 7.923-7.923a1.35 1.35 0 0 1 1.198-.762m-4.836-3.479c.768.096 1.276.853.994 1.573C35.006 34.308 29.933 38 24 38c-2.181 0-4.246-.5-6.086-1.39c-.697-.338-.84-1.238-.342-1.83c.396-.474 1.073-.586 1.633-.328A11.4 11.4 0 0 0 24 35.5c4.796 0 8.906-2.935 10.631-7.108c.236-.57.807-.947 1.42-.87m-19.925-15.1c.64-.436 1.493-.11 1.758.619c.211.579-.03 1.22-.532 1.577A11.48 11.48 0 0 0 12.499 24c0 2.431.757 4.686 2.045 6.544c.352.506.358 1.191-.038 1.664c-.497.593-1.409.608-1.862-.019A13.94 13.94 0 0 1 9.999 24c0-4.812 2.43-9.057 6.127-11.576M24 16a8 8 0 1 1 0 16a8 8 0 0 1 0-16m0 2.5a5.5 5.5 0 1 0 .002 11.001A5.5 5.5 0 0 0 24 18.5m0-8.5c7.148 0 13.043 5.356 13.894 12.273c.094.767-.584 1.375-1.35 1.28c-.612-.077-1.073-.584-1.16-1.194c-.796-5.574-5.59-9.86-11.384-9.86q-.472 0-.936.04c-.614.05-1.21-.286-1.421-.865c-.265-.729.179-1.527.95-1.604Q23.287 10 24 10m-8.703-4.01C16.104 5.599 17 6.217 17 7.115c0 .511-.304.97-.762 1.197a17.57 17.57 0 0 0-7.924 7.925a1.35 1.35 0 0 1-1.198.764c-.898 0-1.517-.897-1.126-1.705a20.08 20.08 0 0 1 9.306-9.306M31 7.116c0-.898.897-1.516 1.705-1.125a20.08 20.08 0 0 1 9.305 9.305c.391.808-.227 1.705-1.125 1.705c-.511 0-.97-.306-1.198-.764a17.57 17.57 0 0 0-7.923-7.924A1.35 1.35 0 0 1 31 7.116"/></svg>
React
import type { SVGProps } from "react";
export function FluentDataSunburst48Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M7.117 31c.511 0 .97.306 1.198.764a17.57 17.57 0 0 0 7.923 7.923c.458.228.762.686.762 1.198c0 .897-.895 1.516-1.704 1.126a20.08 20.08 0 0 1-9.305-9.305C5.599 31.897 6.218 31 7.117 31m33.768 0c.898 0 1.517.898 1.125 1.706a20.08 20.08 0 0 1-9.305 9.304c-.808.39-1.705-.23-1.705-1.126c0-.512.306-.97.764-1.198a17.57 17.57 0 0 0 7.923-7.923a1.35 1.35 0 0 1 1.198-.762m-4.836-3.479c.768.096 1.276.853.994 1.573C35.006 34.308 29.933 38 24 38c-2.181 0-4.246-.5-6.086-1.39c-.697-.338-.84-1.238-.342-1.83c.396-.474 1.073-.586 1.633-.328A11.4 11.4 0 0 0 24 35.5c4.796 0 8.906-2.935 10.631-7.108c.236-.57.807-.947 1.42-.87m-19.925-15.1c.64-.436 1.493-.11 1.758.619c.211.579-.03 1.22-.532 1.577A11.48 11.48 0 0 0 12.499 24c0 2.431.757 4.686 2.045 6.544c.352.506.358 1.191-.038 1.664c-.497.593-1.409.608-1.862-.019A13.94 13.94 0 0 1 9.999 24c0-4.812 2.43-9.057 6.127-11.576M24 16a8 8 0 1 1 0 16a8 8 0 0 1 0-16m0 2.5a5.5 5.5 0 1 0 .002 11.001A5.5 5.5 0 0 0 24 18.5m0-8.5c7.148 0 13.043 5.356 13.894 12.273c.094.767-.584 1.375-1.35 1.28c-.612-.077-1.073-.584-1.16-1.194c-.796-5.574-5.59-9.86-11.384-9.86q-.472 0-.936.04c-.614.05-1.21-.286-1.421-.865c-.265-.729.179-1.527.95-1.604Q23.287 10 24 10m-8.703-4.01C16.104 5.599 17 6.217 17 7.115c0 .511-.304.97-.762 1.197a17.57 17.57 0 0 0-7.924 7.925a1.35 1.35 0 0 1-1.198.764c-.898 0-1.517-.897-1.126-1.705a20.08 20.08 0 0 1 9.306-9.306M31 7.116c0-.898.897-1.516 1.705-1.125a20.08 20.08 0 0 1 9.305 9.305c.391.808-.227 1.705-1.125 1.705c-.511 0-.97-.306-1.198-.764a17.57 17.57 0 0 0-7.923-7.924A1.35 1.35 0 0 1 31 7.116"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M7.117 31c.511 0 .97.306 1.198.764a17.57 17.57 0 0 0 7.923 7.923c.458.228.762.686.762 1.198c0 .897-.895 1.516-1.704 1.126a20.08 20.08 0 0 1-9.305-9.305C5.599 31.897 6.218 31 7.117 31m33.768 0c.898 0 1.517.898 1.125 1.706a20.08 20.08 0 0 1-9.305 9.304c-.808.39-1.705-.23-1.705-1.126c0-.512.306-.97.764-1.198a17.57 17.57 0 0 0 7.923-7.923a1.35 1.35 0 0 1 1.198-.762m-4.836-3.479c.768.096 1.276.853.994 1.573C35.006 34.308 29.933 38 24 38c-2.181 0-4.246-.5-6.086-1.39c-.697-.338-.84-1.238-.342-1.83c.396-.474 1.073-.586 1.633-.328A11.4 11.4 0 0 0 24 35.5c4.796 0 8.906-2.935 10.631-7.108c.236-.57.807-.947 1.42-.87m-19.925-15.1c.64-.436 1.493-.11 1.758.619c.211.579-.03 1.22-.532 1.577A11.48 11.48 0 0 0 12.499 24c0 2.431.757 4.686 2.045 6.544c.352.506.358 1.191-.038 1.664c-.497.593-1.409.608-1.862-.019A13.94 13.94 0 0 1 9.999 24c0-4.812 2.43-9.057 6.127-11.576M24 16a8 8 0 1 1 0 16a8 8 0 0 1 0-16m0 2.5a5.5 5.5 0 1 0 .002 11.001A5.5 5.5 0 0 0 24 18.5m0-8.5c7.148 0 13.043 5.356 13.894 12.273c.094.767-.584 1.375-1.35 1.28c-.612-.077-1.073-.584-1.16-1.194c-.796-5.574-5.59-9.86-11.384-9.86q-.472 0-.936.04c-.614.05-1.21-.286-1.421-.865c-.265-.729.179-1.527.95-1.604Q23.287 10 24 10m-8.703-4.01C16.104 5.599 17 6.217 17 7.115c0 .511-.304.97-.762 1.197a17.57 17.57 0 0 0-7.924 7.925a1.35 1.35 0 0 1-1.198.764c-.898 0-1.517-.897-1.126-1.705a20.08 20.08 0 0 1 9.306-9.306M31 7.116c0-.898.897-1.516 1.705-1.125a20.08 20.08 0 0 1 9.305 9.305c.391.808-.227 1.705-1.125 1.705c-.511 0-.97-.306-1.198-.764a17.57 17.57 0 0 0-7.923-7.924A1.35 1.35 0 0 1 31 7.116"/></svg> </template>
CSS
.icon-data-sunburst-48-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.117%2031c.511%200%20.97.306%201.198.764a17.57%2017.57%200%200%200%207.923%207.923c.458.228.762.686.762%201.198c0%20.897-.895%201.516-1.704%201.126a20.08%2020.08%200%200%201-9.305-9.305C5.599%2031.897%206.218%2031%207.117%2031m33.768%200c.898%200%201.517.898%201.125%201.706a20.08%2020.08%200%200%201-9.305%209.304c-.808.39-1.705-.23-1.705-1.126c0-.512.306-.97.764-1.198a17.57%2017.57%200%200%200%207.923-7.923a1.35%201.35%200%200%201%201.198-.762m-4.836-3.479c.768.096%201.276.853.994%201.573C35.006%2034.308%2029.933%2038%2024%2038c-2.181%200-4.246-.5-6.086-1.39c-.697-.338-.84-1.238-.342-1.83c.396-.474%201.073-.586%201.633-.328A11.4%2011.4%200%200%200%2024%2035.5c4.796%200%208.906-2.935%2010.631-7.108c.236-.57.807-.947%201.42-.87m-19.925-15.1c.64-.436%201.493-.11%201.758.619c.211.579-.03%201.22-.532%201.577A11.48%2011.48%200%200%200%2012.499%2024c0%202.431.757%204.686%202.045%206.544c.352.506.358%201.191-.038%201.664c-.497.593-1.409.608-1.862-.019A13.94%2013.94%200%200%201%209.999%2024c0-4.812%202.43-9.057%206.127-11.576M24%2016a8%208%200%201%201%200%2016a8%208%200%200%201%200-16m0%202.5a5.5%205.5%200%201%200%20.002%2011.001A5.5%205.5%200%200%200%2024%2018.5m0-8.5c7.148%200%2013.043%205.356%2013.894%2012.273c.094.767-.584%201.375-1.35%201.28c-.612-.077-1.073-.584-1.16-1.194c-.796-5.574-5.59-9.86-11.384-9.86q-.472%200-.936.04c-.614.05-1.21-.286-1.421-.865c-.265-.729.179-1.527.95-1.604Q23.287%2010%2024%2010m-8.703-4.01C16.104%205.599%2017%206.217%2017%207.115c0%20.511-.304.97-.762%201.197a17.57%2017.57%200%200%200-7.924%207.925a1.35%201.35%200%200%201-1.198.764c-.898%200-1.517-.897-1.126-1.705a20.08%2020.08%200%200%201%209.306-9.306M31%207.116c0-.898.897-1.516%201.705-1.125a20.08%2020.08%200%200%201%209.305%209.305c.391.808-.227%201.705-1.125%201.705c-.511%200-.97-.306-1.198-.764a17.57%2017.57%200%200%200-7.923-7.924A1.35%201.35%200%200%201%2031%207.116%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.117%2031c.511%200%20.97.306%201.198.764a17.57%2017.57%200%200%200%207.923%207.923c.458.228.762.686.762%201.198c0%20.897-.895%201.516-1.704%201.126a20.08%2020.08%200%200%201-9.305-9.305C5.599%2031.897%206.218%2031%207.117%2031m33.768%200c.898%200%201.517.898%201.125%201.706a20.08%2020.08%200%200%201-9.305%209.304c-.808.39-1.705-.23-1.705-1.126c0-.512.306-.97.764-1.198a17.57%2017.57%200%200%200%207.923-7.923a1.35%201.35%200%200%201%201.198-.762m-4.836-3.479c.768.096%201.276.853.994%201.573C35.006%2034.308%2029.933%2038%2024%2038c-2.181%200-4.246-.5-6.086-1.39c-.697-.338-.84-1.238-.342-1.83c.396-.474%201.073-.586%201.633-.328A11.4%2011.4%200%200%200%2024%2035.5c4.796%200%208.906-2.935%2010.631-7.108c.236-.57.807-.947%201.42-.87m-19.925-15.1c.64-.436%201.493-.11%201.758.619c.211.579-.03%201.22-.532%201.577A11.48%2011.48%200%200%200%2012.499%2024c0%202.431.757%204.686%202.045%206.544c.352.506.358%201.191-.038%201.664c-.497.593-1.409.608-1.862-.019A13.94%2013.94%200%200%201%209.999%2024c0-4.812%202.43-9.057%206.127-11.576M24%2016a8%208%200%201%201%200%2016a8%208%200%200%201%200-16m0%202.5a5.5%205.5%200%201%200%20.002%2011.001A5.5%205.5%200%200%200%2024%2018.5m0-8.5c7.148%200%2013.043%205.356%2013.894%2012.273c.094.767-.584%201.375-1.35%201.28c-.612-.077-1.073-.584-1.16-1.194c-.796-5.574-5.59-9.86-11.384-9.86q-.472%200-.936.04c-.614.05-1.21-.286-1.421-.865c-.265-.729.179-1.527.95-1.604Q23.287%2010%2024%2010m-8.703-4.01C16.104%205.599%2017%206.217%2017%207.115c0%20.511-.304.97-.762%201.197a17.57%2017.57%200%200%200-7.924%207.925a1.35%201.35%200%200%201-1.198.764c-.898%200-1.517-.897-1.126-1.705a20.08%2020.08%200%200%201%209.306-9.306M31%207.116c0-.898.897-1.516%201.705-1.125a20.08%2020.08%200%200%201%209.305%209.305c.391.808-.227%201.705-1.125%201.705c-.511%200-.97-.306-1.198-.764a17.57%2017.57%200%200%200-7.923-7.924A1.35%201.35%200%200%201%2031%207.116%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/data-sunburst-48-regular.svg?color=%231a73e8&size=48
