Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

VS Code Icons · VscDashboard

Dashboard icon

A free dashboard icon from VS Code Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known ashome iconhouse iconmain iconstart icongrid iconapps iconlayout icontiles icon
License
CC BY 4.0 license
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/dashboard.json
components/icons/vscode-codicons-dashboard.tsx
import * as React from "react";

/**
 * Dashboard from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/dashboard. Sized in em, colored by currentColor.
 */
export function VscDashboardIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 16 16"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.25 5.25002C11.25 5.35802 11.215 5.46302 11.15 5.55002L8.79298 8.61102C8.70698 8.72602 8.59798 8.82002 8.47198 8.88902C8.34598 8.95702 8.20698 8.99802 8.06398 9.00802C7.92098 9.01802 7.77698 8.99702 7.64298 8.94702C7.50898 8.89702 7.38698 8.81802 7.28598 8.71702C7.18398 8.61602 7.10598 8.49402 7.05598 8.36002C7.00598 8.22502 6.98498 8.08202 6.99498 7.93902C7.00498 7.79602 7.04498 7.65702 7.11398 7.53102C7.18298 7.40602 7.27698 7.29602 7.39198 7.21002L10.447 4.85702C10.521 4.80102 10.61 4.76702 10.702 4.75902C10.795 4.75102 10.888 4.76802 10.971 4.81002C11.054 4.85102 11.124 4.91502 11.173 4.99402C11.222 5.07302 11.248 5.16402 11.248 5.25702L11.25 5.25002Z"
      />
      <path
        d="M5.5255 10.974C5.39368 10.9738 5.26688 10.9209 5.173 10.827C4.801 10.456 4.506 10.015 4.305 9.52998C4.104 9.04498 4 8.52498 4 7.99998C4 7.47498 4.104 6.95498 4.305 6.46998C4.506 5.98498 4.801 5.54398 5.173 5.17298C5.579 4.76798 6.067 4.45498 6.605 4.25498C7.142 4.05398 7.716 3.97098 8.288 4.00998C8.388 4.01698 8.479 4.02698 8.571 4.03998C8.636 4.04898 8.699 4.07098 8.755 4.10498C8.811 4.13798 8.861 4.18298 8.9 4.23498C8.939 4.28798 8.968 4.34698 8.984 4.41098C9 4.47498 9.004 4.54098 8.994 4.60598C8.973 4.73598 8.902 4.85298 8.797 4.93198C8.691 5.01098 8.559 5.04598 8.428 5.02998C8.358 5.01998 8.287 5.01298 8.217 5.00798C7.788 4.97898 7.357 5.04198 6.954 5.19198C6.551 5.34198 6.184 5.57698 5.879 5.87998C5.6 6.15798 5.379 6.48898 5.228 6.85198C5.077 7.21598 4.999 7.60598 4.999 7.99998C4.999 8.39398 5.077 8.78398 5.228 9.14798C5.379 9.51198 5.6 9.84198 5.879 10.12C5.949 10.19 5.997 10.279 6.016 10.376C6.035 10.473 6.025 10.574 5.988 10.665C5.95 10.756 5.886 10.835 5.803 10.89C5.72114 10.9449 5.62433 10.9739 5.5255 10.974Z"
      />
      <path
        d="M10.196 10.89C10.278 10.945 10.375 10.974 10.474 10.974C10.606 10.974 10.733 10.921 10.827 10.827C11.2 10.457 11.495 10.016 11.697 9.53103C11.898 9.04603 12.001 8.52503 12 8.00003C12 7.90003 11.997 7.80803 11.99 7.71203C11.983 7.61603 11.973 7.52103 11.96 7.42903C11.941 7.29803 11.871 7.17903 11.765 7.10003C11.659 7.02003 11.525 6.98603 11.394 7.00503C11.263 7.02403 11.144 7.09403 11.065 7.20003C10.985 7.30603 10.951 7.44003 10.97 7.57103C10.976 7.61403 10.98 7.65603 10.984 7.70003C10.986 7.72703 10.989 7.75503 10.992 7.78203C11 7.85403 11 7.92703 11 8.00003C11 8.39403 10.924 8.78403 10.773 9.14803C10.622 9.51203 10.4 9.84203 10.12 10.12C10.05 10.19 10.002 10.279 9.98304 10.376C9.96404 10.473 9.97404 10.574 10.011 10.665C10.049 10.756 10.113 10.835 10.196 10.89Z"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M7.99998 14C6.81398 14 5.65398 13.648 4.66698 12.989L4.66598 12.99C3.67898 12.33 2.90998 11.393 2.45598 10.297C2.00198 9.20002 1.88298 7.99402 2.11498 6.83002C2.34598 5.66602 2.91798 4.59702 3.75698 3.75802C4.59598 2.91902 5.66498 2.34802 6.82898 2.11602C7.99298 1.88402 9.19998 2.00302 10.296 2.45702C11.393 2.91102 12.33 3.68002 12.989 4.66702C13.648 5.65302 14 6.81302 14 8.00002C13.998 9.59102 13.366 11.116 12.241 12.241C11.116 13.366 9.59098 13.998 7.99998 14ZM8.00098 3.00002C7.01198 3.00002 6.04498 3.29402 5.22298 3.84302L5.22398 3.84402C4.40098 4.39302 3.75998 5.17402 3.38198 6.08802C3.00298 7.00202 2.90398 8.00702 3.09698 8.97702C3.28998 9.94702 3.76598 10.838 4.46498 11.537C5.16398 12.236 6.05498 12.712 7.02498 12.905C7.99498 13.097 8.99998 12.999 9.91398 12.62C10.828 12.241 11.609 11.6 12.158 10.778C12.708 9.95602 13.001 8.98902 13.001 8.00002C13 6.67402 12.472 5.40302 11.535 4.46602C10.597 3.52902 9.32698 3.00202 8.00098 3.00002Z"
      />
    </svg>
  );
}
With react-icons
import { VscDashboard } from "react-icons/vsc";

export function Example() {
  return <VscDashboard className="size-5" />;
}
dashboard.svg
<svg
  viewBox="0 0 16 16"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M11.25 5.25002C11.25 5.35802 11.215 5.46302 11.15 5.55002L8.79298 8.61102C8.70698 8.72602 8.59798 8.82002 8.47198 8.88902C8.34598 8.95702 8.20698 8.99802 8.06398 9.00802C7.92098 9.01802 7.77698 8.99702 7.64298 8.94702C7.50898 8.89702 7.38698 8.81802 7.28598 8.71702C7.18398 8.61602 7.10598 8.49402 7.05598 8.36002C7.00598 8.22502 6.98498 8.08202 6.99498 7.93902C7.00498 7.79602 7.04498 7.65702 7.11398 7.53102C7.18298 7.40602 7.27698 7.29602 7.39198 7.21002L10.447 4.85702C10.521 4.80102 10.61 4.76702 10.702 4.75902C10.795 4.75102 10.888 4.76802 10.971 4.81002C11.054 4.85102 11.124 4.91502 11.173 4.99402C11.222 5.07302 11.248 5.16402 11.248 5.25702L11.25 5.25002Z"
  />
  <path
    d="M5.5255 10.974C5.39368 10.9738 5.26688 10.9209 5.173 10.827C4.801 10.456 4.506 10.015 4.305 9.52998C4.104 9.04498 4 8.52498 4 7.99998C4 7.47498 4.104 6.95498 4.305 6.46998C4.506 5.98498 4.801 5.54398 5.173 5.17298C5.579 4.76798 6.067 4.45498 6.605 4.25498C7.142 4.05398 7.716 3.97098 8.288 4.00998C8.388 4.01698 8.479 4.02698 8.571 4.03998C8.636 4.04898 8.699 4.07098 8.755 4.10498C8.811 4.13798 8.861 4.18298 8.9 4.23498C8.939 4.28798 8.968 4.34698 8.984 4.41098C9 4.47498 9.004 4.54098 8.994 4.60598C8.973 4.73598 8.902 4.85298 8.797 4.93198C8.691 5.01098 8.559 5.04598 8.428 5.02998C8.358 5.01998 8.287 5.01298 8.217 5.00798C7.788 4.97898 7.357 5.04198 6.954 5.19198C6.551 5.34198 6.184 5.57698 5.879 5.87998C5.6 6.15798 5.379 6.48898 5.228 6.85198C5.077 7.21598 4.999 7.60598 4.999 7.99998C4.999 8.39398 5.077 8.78398 5.228 9.14798C5.379 9.51198 5.6 9.84198 5.879 10.12C5.949 10.19 5.997 10.279 6.016 10.376C6.035 10.473 6.025 10.574 5.988 10.665C5.95 10.756 5.886 10.835 5.803 10.89C5.72114 10.9449 5.62433 10.9739 5.5255 10.974Z"
  />
  <path
    d="M10.196 10.89C10.278 10.945 10.375 10.974 10.474 10.974C10.606 10.974 10.733 10.921 10.827 10.827C11.2 10.457 11.495 10.016 11.697 9.53103C11.898 9.04603 12.001 8.52503 12 8.00003C12 7.90003 11.997 7.80803 11.99 7.71203C11.983 7.61603 11.973 7.52103 11.96 7.42903C11.941 7.29803 11.871 7.17903 11.765 7.10003C11.659 7.02003 11.525 6.98603 11.394 7.00503C11.263 7.02403 11.144 7.09403 11.065 7.20003C10.985 7.30603 10.951 7.44003 10.97 7.57103C10.976 7.61403 10.98 7.65603 10.984 7.70003C10.986 7.72703 10.989 7.75503 10.992 7.78203C11 7.85403 11 7.92703 11 8.00003C11 8.39403 10.924 8.78403 10.773 9.14803C10.622 9.51203 10.4 9.84203 10.12 10.12C10.05 10.19 10.002 10.279 9.98304 10.376C9.96404 10.473 9.97404 10.574 10.011 10.665C10.049 10.756 10.113 10.835 10.196 10.89Z"
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M7.99998 14C6.81398 14 5.65398 13.648 4.66698 12.989L4.66598 12.99C3.67898 12.33 2.90998 11.393 2.45598 10.297C2.00198 9.20002 1.88298 7.99402 2.11498 6.83002C2.34598 5.66602 2.91798 4.59702 3.75698 3.75802C4.59598 2.91902 5.66498 2.34802 6.82898 2.11602C7.99298 1.88402 9.19998 2.00302 10.296 2.45702C11.393 2.91102 12.33 3.68002 12.989 4.66702C13.648 5.65302 14 6.81302 14 8.00002C13.998 9.59102 13.366 11.116 12.241 12.241C11.116 13.366 9.59098 13.998 7.99998 14ZM8.00098 3.00002C7.01198 3.00002 6.04498 3.29402 5.22298 3.84302L5.22398 3.84402C4.40098 4.39302 3.75998 5.17402 3.38198 6.08802C3.00298 7.00202 2.90398 8.00702 3.09698 8.97702C3.28998 9.94702 3.76598 10.838 4.46498 11.537C5.16398 12.236 6.05498 12.712 7.02498 12.905C7.99498 13.097 8.99998 12.999 9.91398 12.62C10.828 12.241 11.609 11.6 12.158 10.778C12.708 9.95602 13.001 8.98902 13.001 8.00002C13 6.67402 12.472 5.40302 11.535 4.46602C10.597 3.52902 9.32698 3.00202 8.00098 3.00002Z"
  />
</svg>
Attribution
"Dashboard" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: home, house, main, start

Dashboard icon in other sets