Dashboard icon
ls:dashboard
The Dashboard icon (ls:dashboard) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 717 × 646 grid. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 717 × 646
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="717" height="646" viewBox="0 0 717 646"><path fill="currentColor" 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>
How to use the Dashboard icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:dashboard" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:dashboard" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:dashboard" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--dashboard]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:dashboard"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:dashboard"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ls/dashboard.svg" alt="Dashboard icon" width="24" height="24">
Dashboard icon in other icon sets
Dashboard icon FAQ
Is the Dashboard icon free for commercial use?
Yes. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Dashboard icon in React?
Install @iconify/react and render <Icon icon="ls:dashboard" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Dashboard icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/dashboard.svg" alt="Dashboard icon">, or paste the SVG code inline to style it with CSS.
Browse all Ligature Symbols icons →
ICONYZ
