Home/Libraries/Freehand free icons (Iconify)/trading-graph

Freehand free icons (Iconify)

TradingGraph

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="M1.298 3.904a39 39 0 0 0 .222 8.535a.41.41 0 0 0 .82-.016a35 35 0 0 0-.26-8.542a.39.39 0 0 0-.782.023M6.91.516c-1.043 11.648.783 9.191.76 8.839c.232-2.94.238-5.893.018-8.834A.389.389 0 0 0 6.91.516m6.115 2.102a19 19 0 0 0 .094 6.363a.41.41 0 0 0 .82-.028c.251-2.11.205-4.243-.136-6.34a.39.39 0 0 0-.778.005m5.62.848a.41.41 0 1 0 .82-.023c.84-4.242-2.002-4.715-.82.023M1.787 17.508a18.5 18.5 0 0 0 .068 6.025a.41.41 0 0 0 .818 0c.298-2.002.26-4.039-.109-6.029a.39.39 0 1 0-.777.004m5.433-3.726a27.3 27.3 0 0 0 .278 7.276a.41.41 0 0 0 .819-.03a26.4 26.4 0 0 0-.318-7.277a.39.39 0 1 0-.778.03m5.999.305a25.4 25.4 0 0 0 .13 7.677a.41.41 0 1 0 .819-.058a39.6 39.6 0 0 0-.173-7.636a.39.39 0 0 0-.777.018m5.746-4.219a95 95 0 0 0 .103 13.61a.41.41 0 0 0 .82 0a88.4 88.4 0 0 0-.141-13.613a.391.391 0 0 0-.78.003z"/><path d="M20.21 7.167a23 23 0 0 0-1.601-.132a.394.394 0 1 1-.018-.787a32 32 0 0 1 4.726-.186c.914-.004.73 1.44.477 3.412a52 52 0 0 0-.215 1.872a.41.41 0 1 1-.82 0c-.095-1.457-.083-1.976-.07-2.603c.006-.196.01-.402.012-.652c-.286.22-.665.502-1.164.873c-.902.67-2.195 1.632-4.026 3.038c-2.774 2.13-3.62 3.211-4.271 3.104c-.556-.09-.97-1.047-2.317-2.955c-3.555 2.49-5.13 3.518-6.652 4.51c-1.043.68-2.062 1.345-3.677 2.453a.39.39 0 0 1-.456-.63a215 215 0 0 1 6.736-5.002c2.767-1.981 3.67-2.936 4.339-2.793c.577.123.98 1.069 2.262 2.884c3.107-2.459 5.307-3.917 8.663-6.143l.155-.103c-.88-.032-1.498-.098-2.084-.16"/></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. TradingGraphIcon.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.