Home/Libraries/Freehand free icons (Iconify)/analytics-graph-pie

Freehand free icons (Iconify)

AnalyticsGraphPie

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.248 9.382a9.95 9.95 0 0 0-1.792-3.82a10.3 10.3 0 0 0-4.209-4.419a10.95 10.95 0 0 0-6.666-.995a13.9 13.9 0 0 0-6.24 2.508a8.3 8.3 0 0 0-2.984 3.98a6 6 0 0 0-.299 1.632a7.6 7.6 0 0 0 .647 6.468a8 8 0 0 0 2.388 2.378a10.2 10.2 0 0 0 3.045 1.333q.532.12 1.074.18q.79.069 1.583.05h.736a.52.52 0 0 0 .477-.38q.103-.521.1-1.054c0-.497-.07-3.254.06-4.229c.219-1.711.497-3.632.666-4.288v-.2l1.095.787l5.97 4.13a3.5 3.5 0 0 0-.169.447q-.015.174 0 .348a1.5 1.5 0 0 0 0 .358c0 .17.08.329.12.488l-1.652-1.363c-.578-.478-1.145-.995-1.732-1.413c-.995-.766-1.99-1.473-2.985-2.269a.317.317 0 0 0-.458 0a.33.33 0 0 0 0 .468c.737.846 1.473 1.671 2.28 2.438c.347.328.715.637 1.084.935c.368.299.766.577 1.144.846c.925.637 1.87 1.194 2.836 1.761c.13.08.08.259 1.612-.876a6.8 6.8 0 0 0 1.303-1.403a6.1 6.1 0 0 0 .995-2.328a6.6 6.6 0 0 0-.03-2.498M10.183 17.82l-.369-.09c-.408 0-.815-.059-1.214-.109a7.5 7.5 0 0 1-1.154-.258a10.4 10.4 0 0 1-2.159-.995A8.4 8.4 0 0 1 2.7 14.059a6.5 6.5 0 0 1-1.105-2.985c.06.15.1.298.17.458a6.7 6.7 0 0 0 2.885 3.094a14.6 14.6 0 0 0 5.642 1.483v.995a4 4 0 0 1-.11.716m2.11-10.527a17 17 0 0 0 1.522-.995q.682-.517 1.303-1.105c.627-.537 1.204-1.184 1.86-1.731a.378.378 0 0 0-.457-.597c-.696.458-1.393.915-2.07 1.403q-.86.618-1.642 1.333c-2.238 2.08-1.243 1.483-4.09 1.095a11 11 0 0 0-1.193-.11H6.372q-1.356.055-2.697.259a.378.378 0 0 0-.322.54a.37.37 0 0 0 .362.206c.915 0 1.8.13 2.696.19c.607 0 1.204.089 1.801.109h2.468c0 .249-.06.497-.08.607c-.089.497-.198 1.691-.268 2.985c-.1 1.532-.15 3.164-.14 4.03a13.2 13.2 0 0 1-5.104-1.552a5.73 5.73 0 0 1-2.408-2.757a5.74 5.74 0 0 1-.259-4.209a7.2 7.2 0 0 1 2.687-3.343a12.65 12.65 0 0 1 5.662-2.249a9.9 9.9 0 0 1 5.97.727a9.15 9.15 0 0 1 4.368 4.915a5.44 5.44 0 0 1-1.423 5.97c0-.288-.945-.796-5.97-4.746zm9.084 6.348c-.26.482-.596.919-.995 1.294a2 2 0 0 1-.737.438q.133-.372.22-.757a2 2 0 0 0 0-.338a1 1 0 0 0 .099-.318a1 1 0 0 0-.05-.17a.45.45 0 0 0 .249-.09a6.34 6.34 0 0 0 1.9-2.845q.023.423 0 .846a5.7 5.7 0 0 1-.686 1.94"/><path d="M20.014 19.482a.39.39 0 0 0-.05-.547c-.925-.756-1.88-1.493-2.796-2.269c-.607-.507-1.204-.995-1.761-1.572L13.994 13.7l-.568-.527l-.328-.21a.627.627 0 0 0-.895.299a1.4 1.4 0 0 0-.11.537c0 .398.11.995.1 1.244v1.761c0 .876.09 1.752.129 2.627c.04.876.08 1.642.14 2.458q0 .816.149 1.642c0 .07-.299.438 2.796.468a7 7 0 0 0 1.701-.19a5.35 5.35 0 0 0 2.587-1.383a.34.34 0 0 0 .12-.328a.4.4 0 0 0 .149-.279c.08-.308.169-.597.219-.915q.04-.192.05-.388q.021-.195 0-.388a3.3 3.3 0 0 0-.22-.647m-6.617-4.637L14.6 15.95c.626.527 1.273.995 1.93 1.502c.657.508 1.622 1.184 2.438 1.751q-.935.39-1.92.617l-.996.2l-.995.159a8 8 0 0 1-1.86.07v-.906l.208-4.388zm4.08 7.572c-.578.12-1.175.16-1.762.23c-.866.099-1.692.208-2.478.258v-1.87a6.1 6.1 0 0 0 1.99.348q.557-.015 1.105-.12q.54-.128 1.055-.338q.825-.301 1.582-.746a2 2 0 0 0 0 .248q-.015.195 0 .388c0 .319.15.597.209.906a4.7 4.7 0 0 1-1.702.696"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. AnalyticsGraphPieIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.