Home/Libraries/Plump free icons (Iconify)/content-statistic

Plump free icons (Iconify)

ContentStatistic

License: CC-BY-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 48 48"><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M39.743 44.461c2.555-.208 4.51-2.163 4.718-4.718C44.723 36.515 45 31.364 45 24s-.277-12.515-.539-15.743c-.208-2.555-2.163-4.51-4.718-4.718C36.515 3.277 31.364 3 24 3s-12.515.277-15.743.539c-2.555.208-4.51 2.163-4.718 4.718C3.277 11.485 3 16.636 3 24s.277 12.515.539 15.743c.208 2.555 2.163 4.51 4.718 4.718C11.485 44.723 16.636 45 24 45s12.515-.277 15.743-.539"/><path d="M31.66 34.652a3.72 3.72 0 0 1-4.974.524a181 181 0 0 1-4.94-3.73a.98.98 0 0 0-1.402.184c-1.127 1.552-2.378 3.507-3.385 5.137c-1.173 1.9-3.487 2.876-5.344 1.636a12 12 0 0 1-1.324-1.021c-1.576-1.395-1.414-3.735-.046-5.335c2.15-2.517 4.727-5.362 7.224-7.79c1.459-1.417 3.752-1.366 5.274-.017c1.522 1.348 3.428 2.987 4.958 4.138a.95.95 0 0 0 1.274-.116c1.72-1.853 4.115-4.704 5.618-6.52c.917-1.107 2.286-1.858 3.51-1.104c.29.18.572.387.824.61c.947.838.778 2.193.143 3.286c-1.212 2.087-3.635 5.874-7.41 10.118" clip-rule="evenodd"/><path d="M11 11h10m-10 6h6"/></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. ContentStatisticIcon.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.