chart sunburst icon

chart-sunburst from Carbon by IBM · Outline · Organization · Apache-2.0 Free for personal and commercial use.

Name
chart-sunburst
Set
Carbon
Style
Outline
Category
Organization
Viewbox
32×32
License
Apache 2.0

More organization icons from Carbon

4kaccept-action-usageaction-definitionaction-usageactivityadd-child-nodeadd-parent-nodeadd-serveraggregator-count-rowsaggregator-recalculationanalyticsanalytics-customanalytics-referenceanchorapiapi-1api-keyappapp-connectivityapplicationapplication-mobileapplication-virtualapplication-webarchive

Use the chart sunburst icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 2a1 1 0 0 0-1 1v7.09a6 6 0 0 0-2.46 1.043L7.838 6.431a1.455 1.455 0 0 0-2.087.024a14.05 14.05 0 0 0 4.054 22.142a11 11 0 0 0 1.899.768a14.1 14.1 0 0 0 13.844-3.132a1.434 1.434 0 0 0 .028-2.064l-4.699-4.699A6 6 0 0 0 21.91 17H29a1 1 0 0 0 1-1A14.016 14.016 0 0 0 16 2m0 10a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4M6.83 8.251l4.296 4.296a5.91 5.91 0 0 0-.011 6.924l-4.277 4.277A12.02 12.02 0 0 1 6.83 8.251m1.423 16.91l4.276-4.276A5.96 5.96 0 0 0 15 21.91v6.042a11.88 11.88 0 0 1-6.747-2.79ZM17 27.956V21.91a6 6 0 0 0 2.46-1.027l4.283 4.282A11.9 11.9 0 0 1 17 27.956M21.91 15A6.01 6.01 0 0 0 17 10.09V4.041A12.02 12.02 0 0 1 27.959 15Z"/></svg>

React

import type { SVGProps } from "react";

export function CarbonChartSunburst(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="M16 2a1 1 0 0 0-1 1v7.09a6 6 0 0 0-2.46 1.043L7.838 6.431a1.455 1.455 0 0 0-2.087.024a14.05 14.05 0 0 0 4.054 22.142a11 11 0 0 0 1.899.768a14.1 14.1 0 0 0 13.844-3.132a1.434 1.434 0 0 0 .028-2.064l-4.699-4.699A6 6 0 0 0 21.91 17H29a1 1 0 0 0 1-1A14.016 14.016 0 0 0 16 2m0 10a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4M6.83 8.251l4.296 4.296a5.91 5.91 0 0 0-.011 6.924l-4.277 4.277A12.02 12.02 0 0 1 6.83 8.251m1.423 16.91l4.276-4.276A5.96 5.96 0 0 0 15 21.91v6.042a11.88 11.88 0 0 1-6.747-2.79ZM17 27.956V21.91a6 6 0 0 0 2.46-1.027l4.283 4.282A11.9 11.9 0 0 1 17 27.956M21.91 15A6.01 6.01 0 0 0 17 10.09V4.041A12.02 12.02 0 0 1 27.959 15Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 2a1 1 0 0 0-1 1v7.09a6 6 0 0 0-2.46 1.043L7.838 6.431a1.455 1.455 0 0 0-2.087.024a14.05 14.05 0 0 0 4.054 22.142a11 11 0 0 0 1.899.768a14.1 14.1 0 0 0 13.844-3.132a1.434 1.434 0 0 0 .028-2.064l-4.699-4.699A6 6 0 0 0 21.91 17H29a1 1 0 0 0 1-1A14.016 14.016 0 0 0 16 2m0 10a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4M6.83 8.251l4.296 4.296a5.91 5.91 0 0 0-.011 6.924l-4.277 4.277A12.02 12.02 0 0 1 6.83 8.251m1.423 16.91l4.276-4.276A5.96 5.96 0 0 0 15 21.91v6.042a11.88 11.88 0 0 1-6.747-2.79ZM17 27.956V21.91a6 6 0 0 0 2.46-1.027l4.283 4.282A11.9 11.9 0 0 1 17 27.956M21.91 15A6.01 6.01 0 0 0 17 10.09V4.041A12.02 12.02 0 0 1 27.959 15Z"/></svg>
</template>

CSS

.icon-chart-sunburst {
  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%22M16%202a1%201%200%200%200-1%201v7.09a6%206%200%200%200-2.46%201.043L7.838%206.431a1.455%201.455%200%200%200-2.087.024a14.05%2014.05%200%200%200%204.054%2022.142a11%2011%200%200%200%201.899.768a14.1%2014.1%200%200%200%2013.844-3.132a1.434%201.434%200%200%200%20.028-2.064l-4.699-4.699A6%206%200%200%200%2021.91%2017H29a1%201%200%200%200%201-1A14.016%2014.016%200%200%200%2016%202m0%2010a4%204%200%201%201-4%204a4.005%204.005%200%200%201%204-4M6.83%208.251l4.296%204.296a5.91%205.91%200%200%200-.011%206.924l-4.277%204.277A12.02%2012.02%200%200%201%206.83%208.251m1.423%2016.91l4.276-4.276A5.96%205.96%200%200%200%2015%2021.91v6.042a11.88%2011.88%200%200%201-6.747-2.79ZM17%2027.956V21.91a6%206%200%200%200%202.46-1.027l4.283%204.282A11.9%2011.9%200%200%201%2017%2027.956M21.91%2015A6.01%206.01%200%200%200%2017%2010.09V4.041A12.02%2012.02%200%200%201%2027.959%2015Z%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%22M16%202a1%201%200%200%200-1%201v7.09a6%206%200%200%200-2.46%201.043L7.838%206.431a1.455%201.455%200%200%200-2.087.024a14.05%2014.05%200%200%200%204.054%2022.142a11%2011%200%200%200%201.899.768a14.1%2014.1%200%200%200%2013.844-3.132a1.434%201.434%200%200%200%20.028-2.064l-4.699-4.699A6%206%200%200%200%2021.91%2017H29a1%201%200%200%200%201-1A14.016%2014.016%200%200%200%2016%202m0%2010a4%204%200%201%201-4%204a4.005%204.005%200%200%201%204-4M6.83%208.251l4.296%204.296a5.91%205.91%200%200%200-.011%206.924l-4.277%204.277A12.02%2012.02%200%200%201%206.83%208.251m1.423%2016.91l4.276-4.276A5.96%205.96%200%200%200%2015%2021.91v6.042a11.88%2011.88%200%200%201-6.747-2.79ZM17%2027.956V21.91a6%206%200%200%200%202.46-1.027l4.283%204.282A11.9%2011.9%200%200%201%2017%2027.956M21.91%2015A6.01%206.01%200%200%200%2017%2010.09V4.041A12.02%2012.02%200%200%201%2027.959%2015Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/chart-sunburst.svg?color=%231a73e8&size=48