Home/Libraries/Radix Icons/dashboard

Radix Icons

DashboardIcon

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" width="256" height="256" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.24996 7.99996C5.47841 7.99975 5.6761 8.00007 5.85055 8.04196C6.39869 8.17373 6.8272 8.60123 6.95895 9.14938C7.00083 9.32383 7.00018 9.52151 6.99996 9.74996V12.25C7.00018 12.4784 7.00083 12.6761 6.95895 12.8505C6.82722 13.3988 6.39882 13.8272 5.85055 13.9589C5.6761 14.0008 5.47841 14.0002 5.24996 14H2.74996C2.52151 14.0002 2.32383 14.0008 2.14938 13.9589C1.60123 13.8272 1.17373 13.3987 1.04196 12.8505C1.00007 12.6761 0.999746 12.4784 0.999963 12.25V9.74996C0.999746 9.52151 1.00007 9.32383 1.04196 9.14938C1.17375 8.60136 1.60136 8.17375 2.14938 8.04196C2.32383 8.00007 2.52151 7.99975 2.74996 7.99996H5.24996ZM12.25 7.99996C12.4784 7.99975 12.6761 8.00007 12.8505 8.04196C13.3987 8.17373 13.8272 8.60123 13.9589 9.14938C14.0008 9.32383 14.0002 9.52151 14 9.74996V12.25C14.0002 12.4784 14.0008 12.6761 13.9589 12.8505C13.8272 13.3988 13.3988 13.8272 12.8505 13.9589C12.6761 14.0008 12.4784 14.0002 12.25 14H9.74996C9.52151 14.0002 9.32383 14.0008 9.14938 13.9589C8.60123 13.8272 8.17373 13.3987 8.04196 12.8505C8.00007 12.6761 7.99975 12.4784 7.99996 12.25V9.74996C7.99975 9.52151 8.00007 9.32383 8.04196 9.14938C8.17375 8.60136 8.60136 8.17375 9.14938 8.04196C9.32383 8.00007 9.52151 7.99975 9.74996 7.99996H12.25ZM2.79977 8.99996C2.49333 8.99997 2.42679 9.00339 2.38375 9.01364C2.20093 9.05753 2.05753 9.20093 2.01364 9.38375C2.00339 9.42679 1.99997 9.49333 1.99996 9.79977V12.2002C1.99996 12.5078 2.0033 12.5741 2.01364 12.6172C2.05762 12.7998 2.20104 12.9424 2.38375 12.9863C2.42679 12.9965 2.49326 13 2.79977 13H5.20016C5.50783 13 5.57412 12.9966 5.61715 12.9863C5.79968 12.9423 5.94233 12.7997 5.98629 12.6172C5.99662 12.5741 5.99996 12.5078 5.99996 12.2002V9.79977C5.99996 9.49326 5.99654 9.42679 5.98629 9.38375C5.94243 9.20104 5.79982 9.05762 5.61715 9.01364C5.57412 9.0033 5.50783 8.99996 5.20016 8.99996H2.79977ZM9.79977 8.99996C9.49333 8.99997 9.42679 9.00339 9.38375 9.01364C9.20093 9.05753 9.05753 9.20093 9.01364 9.38375C9.00339 9.42679 8.99997 9.49333 8.99996 9.79977V12.2002C8.99996 12.5078 9.0033 12.5741 9.01364 12.6172C9.05762 12.7998 9.20104 12.9424 9.38375 12.9863C9.42679 12.9965 9.49326 13 9.79977 13H12.2002C12.5078 13 12.5741 12.9966 12.6172 12.9863C12.7997 12.9423 12.9423 12.7997 12.9863 12.6172C12.9966 12.5741 13 12.5078 13 12.2002V9.79977C13 9.49326 12.9965 9.42679 12.9863 9.38375C12.9424 9.20104 12.7998 9.05762 12.6172 9.01364C12.5741 9.0033 12.5078 8.99996 12.2002 8.99996H9.79977ZM5.24996 0.999963C5.47841 0.999746 5.6761 1.00007 5.85055 1.04196C6.39869 1.17373 6.8272 1.60123 6.95895 2.14938C7.00083 2.32383 7.00018 2.52151 6.99996 2.74996V5.24996C7.00018 5.47841 7.00083 5.6761 6.95895 5.85055C6.82722 6.39882 6.39882 6.82722 5.85055 6.95895C5.6761 7.00083 5.47841 7.00018 5.24996 6.99996H2.74996C2.52151 7.00018 2.32383 7.00083 2.14938 6.95895C1.60123 6.8272 1.17373 6.39869 1.04196 5.85055C1.00007 5.6761 0.999746 5.47841 0.999963 5.24996V2.74996C0.999746 2.52151 1.00007 2.32383 1.04196 2.14938C1.17375 1.60136 1.60136 1.17375 2.14938 1.04196C2.32383 1.00007 2.52151 0.999746 2.74996 0.999963H5.24996ZM12.25 0.999963C12.4784 0.999746 12.6761 1.00007 12.8505 1.04196C13.3987 1.17373 13.8272 1.60123 13.9589 2.14938C14.0008 2.32383 14.0002 2.52151 14 2.74996V5.24996C14.0002 5.47841 14.0008 5.6761 13.9589 5.85055C13.8272 6.39882 13.3988 6.82722 12.8505 6.95895C12.6761 7.00083 12.4784 7.00018 12.25 6.99996H9.74996C9.52151 7.00018 9.32383 7.00083 9.14938 6.95895C8.60123 6.8272 8.17373 6.39869 8.04196 5.85055C8.00007 5.6761 7.99975 5.47841 7.99996 5.24996V2.74996C7.99975 2.52151 8.00007 2.32383 8.04196 2.14938C8.17375 1.60136 8.60136 1.17375 9.14938 1.04196C9.32383 1.00007 9.52151 0.999746 9.74996 0.999963H12.25ZM2.79977 1.99996C2.49333 1.99997 2.42679 2.00339 2.38375 2.01364C2.20093 2.05753 2.05753 2.20093 2.01364 2.38375C2.00339 2.42679 1.99997 2.49333 1.99996 2.79977V5.20016C1.99996 5.50783 2.0033 5.57412 2.01364 5.61715C2.05762 5.79982 2.20104 5.94243 2.38375 5.98629C2.42679 5.99654 2.49326 5.99996 2.79977 5.99996H5.20016C5.50783 5.99996 5.57412 5.99662 5.61715 5.98629C5.79968 5.94233 5.94233 5.79968 5.98629 5.61715C5.99662 5.57412 5.99996 5.50783 5.99996 5.20016V2.79977C5.99996 2.49326 5.99654 2.42679 5.98629 2.38375C5.94243 2.20104 5.79982 2.05762 5.61715 2.01364C5.57412 2.0033 5.50783 1.99996 5.20016 1.99996H2.79977ZM9.79977 1.99996C9.49333 1.99997 9.42679 2.00339 9.38375 2.01364C9.20093 2.05753 9.05753 2.20093 9.01364 2.38375C9.00339 2.42679 8.99997 2.49333 8.99996 2.79977V5.20016C8.99996 5.50783 9.0033 5.57412 9.01364 5.61715C9.05762 5.79982 9.20104 5.94243 9.38375 5.98629C9.42679 5.99654 9.49326 5.99996 9.79977 5.99996H12.2002C12.5078 5.99996 12.5741 5.99662 12.6172 5.98629C12.7997 5.94233 12.9423 5.79968 12.9863 5.61715C12.9966 5.57412 13 5.50783 13 5.20016V2.79977C13 2.49326 12.9965 2.42679 12.9863 2.38375C12.9424 2.20104 12.7998 2.05762 12.6172 2.01364C12.5741 2.0033 12.5078 1.99996 12.2002 1.99996H9.79977Z" fill="#818cf8"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Dashboard

Analytics

Settings

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 @radix-ui/react-icons) 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. DashboardIconIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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