pie chart 3 icon

pie-chart-3-line-duotone from Solar by 480 Design · Line Duotone · Business · CC-BY-4.0 Attribution required.

Name
pie-chart-3-line-duotone
Set
Solar
Style
Line Duotone
Category
Business
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

More business icons from Solar

Use the pie chart 3 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M6.4443 3.6853C6.97115 3.33327 7.52766 3.03383 8.10577 2.7894C9.50868 2.19627 10.2101 1.8997 11.1051 2.49296C12 3.08623 12 4.05748 12 6V8C12 9.88561 12 10.8284 12.5858 11.4142C13.1716 12 14.1144 12 16 12H18C19.9425 12 20.9138 12 21.507 12.8949C22.1003 13.7899 21.8037 14.4913 21.2106 15.8942C20.9662 16.4723 20.6667 17.0288 20.3147 17.5557C19.2159 19.2002 17.6541 20.4819 15.8268 21.2388C13.9996 21.9957 11.9889 22.1937 10.0491 21.8078C8.10929 21.422 6.32746 20.4696 4.92894 19.0711C3.53041 17.6725 2.578 15.8907 2.19215 13.9509C1.8063 12.0111 2.00433 10.0004 2.76121 8.17316C3.51809 6.3459 4.79981 4.78412 6.4443 3.6853Z"/><path stroke-linecap="round" d="M14.5 2.31506C18.014 3.21951 20.7805 5.986 21.685 9.50002" opacity=".5"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarPieChart3LineDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M6.4443 3.6853C6.97115 3.33327 7.52766 3.03383 8.10577 2.7894C9.50868 2.19627 10.2101 1.8997 11.1051 2.49296C12 3.08623 12 4.05748 12 6V8C12 9.88561 12 10.8284 12.5858 11.4142C13.1716 12 14.1144 12 16 12H18C19.9425 12 20.9138 12 21.507 12.8949C22.1003 13.7899 21.8037 14.4913 21.2106 15.8942C20.9662 16.4723 20.6667 17.0288 20.3147 17.5557C19.2159 19.2002 17.6541 20.4819 15.8268 21.2388C13.9996 21.9957 11.9889 22.1937 10.0491 21.8078C8.10929 21.422 6.32746 20.4696 4.92894 19.0711C3.53041 17.6725 2.578 15.8907 2.19215 13.9509C1.8063 12.0111 2.00433 10.0004 2.76121 8.17316C3.51809 6.3459 4.79981 4.78412 6.4443 3.6853Z"/><path strokeLinecap="round" d="M14.5 2.31506C18.014 3.21951 20.7805 5.986 21.685 9.50002" opacity=".5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M6.4443 3.6853C6.97115 3.33327 7.52766 3.03383 8.10577 2.7894C9.50868 2.19627 10.2101 1.8997 11.1051 2.49296C12 3.08623 12 4.05748 12 6V8C12 9.88561 12 10.8284 12.5858 11.4142C13.1716 12 14.1144 12 16 12H18C19.9425 12 20.9138 12 21.507 12.8949C22.1003 13.7899 21.8037 14.4913 21.2106 15.8942C20.9662 16.4723 20.6667 17.0288 20.3147 17.5557C19.2159 19.2002 17.6541 20.4819 15.8268 21.2388C13.9996 21.9957 11.9889 22.1937 10.0491 21.8078C8.10929 21.422 6.32746 20.4696 4.92894 19.0711C3.53041 17.6725 2.578 15.8907 2.19215 13.9509C1.8063 12.0111 2.00433 10.0004 2.76121 8.17316C3.51809 6.3459 4.79981 4.78412 6.4443 3.6853Z"/><path stroke-linecap="round" d="M14.5 2.31506C18.014 3.21951 20.7805 5.986 21.685 9.50002" opacity=".5"/></g></svg>
</template>

CSS

.icon-pie-chart-3-line-duotone {
  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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M6.4443%203.6853C6.97115%203.33327%207.52766%203.03383%208.10577%202.7894C9.50868%202.19627%2010.2101%201.8997%2011.1051%202.49296C12%203.08623%2012%204.05748%2012%206V8C12%209.88561%2012%2010.8284%2012.5858%2011.4142C13.1716%2012%2014.1144%2012%2016%2012H18C19.9425%2012%2020.9138%2012%2021.507%2012.8949C22.1003%2013.7899%2021.8037%2014.4913%2021.2106%2015.8942C20.9662%2016.4723%2020.6667%2017.0288%2020.3147%2017.5557C19.2159%2019.2002%2017.6541%2020.4819%2015.8268%2021.2388C13.9996%2021.9957%2011.9889%2022.1937%2010.0491%2021.8078C8.10929%2021.422%206.32746%2020.4696%204.92894%2019.0711C3.53041%2017.6725%202.578%2015.8907%202.19215%2013.9509C1.8063%2012.0111%202.00433%2010.0004%202.76121%208.17316C3.51809%206.3459%204.79981%204.78412%206.4443%203.6853Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14.5%202.31506C18.014%203.21951%2020.7805%205.986%2021.685%209.50002%22%20opacity%3D%22.5%22%2F%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M6.4443%203.6853C6.97115%203.33327%207.52766%203.03383%208.10577%202.7894C9.50868%202.19627%2010.2101%201.8997%2011.1051%202.49296C12%203.08623%2012%204.05748%2012%206V8C12%209.88561%2012%2010.8284%2012.5858%2011.4142C13.1716%2012%2014.1144%2012%2016%2012H18C19.9425%2012%2020.9138%2012%2021.507%2012.8949C22.1003%2013.7899%2021.8037%2014.4913%2021.2106%2015.8942C20.9662%2016.4723%2020.6667%2017.0288%2020.3147%2017.5557C19.2159%2019.2002%2017.6541%2020.4819%2015.8268%2021.2388C13.9996%2021.9957%2011.9889%2022.1937%2010.0491%2021.8078C8.10929%2021.422%206.32746%2020.4696%204.92894%2019.0711C3.53041%2017.6725%202.578%2015.8907%202.19215%2013.9509C1.8063%2012.0111%202.00433%2010.0004%202.76121%208.17316C3.51809%206.3459%204.79981%204.78412%206.4443%203.6853Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14.5%202.31506C18.014%203.21951%2020.7805%205.986%2021.685%209.50002%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/pie-chart-3-line-duotone.svg?color=%231a73e8&size=48