Home/Libraries/Ligature Symbols (Iconify)/dashboard

Ligature Symbols (Iconify)

Dashboard

License: OFL-1.1

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 717 646"><path fill="#818cf8" d="M105 646h506c9 0 18-4 23-11c27-30 47-68 61-107c14-40 22-82 22-122c0-98-40-187-105-253C546 87 457 48 358 48S170 87 104 153C39 219 0 307 0 406c0 40 8 82 22 122c14 39 33 77 61 107c5 7 12 11 22 11m208-493c0-26 20-45 45-45s45 19 45 45c0 25-20 44-45 44s-45-19-45-44m-179 74c0-25 20-44 45-44s45 19 45 44s-20 45-45 45s-45-20-45-45m359 0c0-25 20-44 45-44c26 0 45 19 45 44s-19 44-45 44c-25 0-45-19-45-44M355 452l52-186c3-9 11-16 22-16s22 10 22 21c0 2-2 7-4 16c-3 10-5 22-9 34c-3 13-7 28-11 42c-9 31-18 60-23 80c-3 10-5 19-6 22c20 14 35 36 35 61c0 42-33 75-75 75s-74-33-74-75c0-19 7-38 20-51s32-22 51-23M60 406c0-25 19-44 44-44s46 19 46 44s-21 45-46 45s-44-20-44-45m507 0c0-25 20-44 45-44s44 19 44 44s-19 45-44 45s-45-20-45-45"/></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. DashboardIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **OFL-1.1** 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.

Related Icons in Ligature Symbols (Iconify)

Browse all Ligature Symbols (Iconify) icons →

a-upper-case