Can I change the colour of a chart icon?

Yes. You can recolour an icon or the whole grid on this page. Icons also use currentColor, so they can take the colour of the surrounding text.

How can I export a data icon?

You can copy the SVG code or export CSS, PNG, WebP, JPG, a React component or a data URI.

Can I use these icons in a client dashboard?

Pro and Max accounts get a commercial licence for items they download. Free accounts can use free items for personal projects.

Free charts and data SVG icons

14 SVGs

Search the library

Browse free charts and data SVG icons for dashboards, reports and presentations. Find familiar subjects such as bar charts, line graphs, pie charts, tables and trend arrows. Use them to label a sales report, mark a statistics page or help people scan a data-heavy screen. Each icon is real SVG code, made by our models and checked before publication.

Recolour an icon or the whole grid on this page. You can also change stroke width, size, opacity and rotation. Copy the SVG code, export a PNG, WebP or JPG, or use the icon as CSS, a React component or a data URI. Icons use currentColor, so they can take the colour of the surrounding text.

data chart analytics trend metrics plot results arrow search histogram statistics scatter

Packs

Sets drawn in one style.

Charts and data icons, line

14 SVGs · Free 10 · Premium 4

Not what you need?

Describe it: the SVG studio opens with this style filled in.

More icons

Questions

Can I change the colour of a chart icon?: Yes. You can recolour an icon or the whole grid on this page. Icons also use currentColor, so they can take the colour of the surrounding text.
How can I export a data icon?: You can copy the SVG code or export CSS, PNG, WebP, JPG, a React component or a data URI.
Can I use these icons in a client dashboard?: Pro and Max accounts get a commercial licence for items they download. Free accounts can use free items for personal projects.