dashboard square 03 icon
dashboard-square-03 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- dashboard-square-03
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the dashboard square 03 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M9.75 3h-4c-.698 0-1.047 0-1.33.086A2 2 0 0 0 3.085 4.42C3 4.703 3 5.052 3 5.75s0 1.047.086 1.33A2 2 0 0 0 4.42 8.415c.284.086.633.086 1.331.086h4c.698 0 1.047 0 1.33-.086a2 2 0 0 0 1.334-1.333c.086-.284.086-.633.086-1.331s0-1.047-.086-1.33a2 2 0 0 0-1.333-1.334C10.797 3 10.448 3 9.75 3ZM21 9.75v-4c0-.698 0-1.047-.086-1.33a2 2 0 0 0-1.333-1.334C19.297 3 18.948 3 18.25 3s-1.047 0-1.33.086a2 2 0 0 0-1.334 1.333c-.086.284-.086.633-.086 1.331v4c0 .698 0 1.047.086 1.33a2 2 0 0 0 1.333 1.334c.284.086.633.086 1.331.086s1.047 0 1.33-.086a2 2 0 0 0 1.334-1.333C21 10.797 21 10.448 21 9.75Zm-4.08 11.164c.283.086.632.086 1.33.086s1.047 0 1.33-.086a2 2 0 0 0 1.334-1.333c.086-.284.086-.633.086-1.331s0-1.047-.086-1.33a2 2 0 0 0-1.333-1.334c-.284-.086-.633-.086-1.331-.086s-1.047 0-1.33.086a2 2 0 0 0-1.334 1.333c-.086.284-.086.633-.086 1.331s0 1.047.086 1.33a2 2 0 0 0 1.333 1.334ZM8.5 11.5H7c-1.886 0-2.828 0-3.414.586S3 13.614 3 15.5V17c0 1.886 0 2.828.586 3.414S5.114 21 7 21h1.5c1.886 0 2.828 0 3.414-.586S12.5 18.886 12.5 17v-1.5c0-1.886 0-2.828-.586-3.414S10.386 11.5 8.5 11.5Z"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsDashboardSquare03(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.5" d="M9.75 3h-4c-.698 0-1.047 0-1.33.086A2 2 0 0 0 3.085 4.42C3 4.703 3 5.052 3 5.75s0 1.047.086 1.33A2 2 0 0 0 4.42 8.415c.284.086.633.086 1.331.086h4c.698 0 1.047 0 1.33-.086a2 2 0 0 0 1.334-1.333c.086-.284.086-.633.086-1.331s0-1.047-.086-1.33a2 2 0 0 0-1.333-1.334C10.797 3 10.448 3 9.75 3ZM21 9.75v-4c0-.698 0-1.047-.086-1.33a2 2 0 0 0-1.333-1.334C19.297 3 18.948 3 18.25 3s-1.047 0-1.33.086a2 2 0 0 0-1.334 1.333c-.086.284-.086.633-.086 1.331v4c0 .698 0 1.047.086 1.33a2 2 0 0 0 1.333 1.334c.284.086.633.086 1.331.086s1.047 0 1.33-.086a2 2 0 0 0 1.334-1.333C21 10.797 21 10.448 21 9.75Zm-4.08 11.164c.283.086.632.086 1.33.086s1.047 0 1.33-.086a2 2 0 0 0 1.334-1.333c.086-.284.086-.633.086-1.331s0-1.047-.086-1.33a2 2 0 0 0-1.333-1.334c-.284-.086-.633-.086-1.331-.086s-1.047 0-1.33.086a2 2 0 0 0-1.334 1.333c-.086.284-.086.633-.086 1.331s0 1.047.086 1.33a2 2 0 0 0 1.333 1.334ZM8.5 11.5H7c-1.886 0-2.828 0-3.414.586S3 13.614 3 15.5V17c0 1.886 0 2.828.586 3.414S5.114 21 7 21h1.5c1.886 0 2.828 0 3.414-.586S12.5 18.886 12.5 17v-1.5c0-1.886 0-2.828-.586-3.414S10.386 11.5 8.5 11.5Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M9.75 3h-4c-.698 0-1.047 0-1.33.086A2 2 0 0 0 3.085 4.42C3 4.703 3 5.052 3 5.75s0 1.047.086 1.33A2 2 0 0 0 4.42 8.415c.284.086.633.086 1.331.086h4c.698 0 1.047 0 1.33-.086a2 2 0 0 0 1.334-1.333c.086-.284.086-.633.086-1.331s0-1.047-.086-1.33a2 2 0 0 0-1.333-1.334C10.797 3 10.448 3 9.75 3ZM21 9.75v-4c0-.698 0-1.047-.086-1.33a2 2 0 0 0-1.333-1.334C19.297 3 18.948 3 18.25 3s-1.047 0-1.33.086a2 2 0 0 0-1.334 1.333c-.086.284-.086.633-.086 1.331v4c0 .698 0 1.047.086 1.33a2 2 0 0 0 1.333 1.334c.284.086.633.086 1.331.086s1.047 0 1.33-.086a2 2 0 0 0 1.334-1.333C21 10.797 21 10.448 21 9.75Zm-4.08 11.164c.283.086.632.086 1.33.086s1.047 0 1.33-.086a2 2 0 0 0 1.334-1.333c.086-.284.086-.633.086-1.331s0-1.047-.086-1.33a2 2 0 0 0-1.333-1.334c-.284-.086-.633-.086-1.331-.086s-1.047 0-1.33.086a2 2 0 0 0-1.334 1.333c-.086.284-.086.633-.086 1.331s0 1.047.086 1.33a2 2 0 0 0 1.333 1.334ZM8.5 11.5H7c-1.886 0-2.828 0-3.414.586S3 13.614 3 15.5V17c0 1.886 0 2.828.586 3.414S5.114 21 7 21h1.5c1.886 0 2.828 0 3.414-.586S12.5 18.886 12.5 17v-1.5c0-1.886 0-2.828-.586-3.414S10.386 11.5 8.5 11.5Z"/></svg> </template>
CSS
.icon-dashboard-square-03 {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9.75%203h-4c-.698%200-1.047%200-1.33.086A2%202%200%200%200%203.085%204.42C3%204.703%203%205.052%203%205.75s0%201.047.086%201.33A2%202%200%200%200%204.42%208.415c.284.086.633.086%201.331.086h4c.698%200%201.047%200%201.33-.086a2%202%200%200%200%201.334-1.333c.086-.284.086-.633.086-1.331s0-1.047-.086-1.33a2%202%200%200%200-1.333-1.334C10.797%203%2010.448%203%209.75%203ZM21%209.75v-4c0-.698%200-1.047-.086-1.33a2%202%200%200%200-1.333-1.334C19.297%203%2018.948%203%2018.25%203s-1.047%200-1.33.086a2%202%200%200%200-1.334%201.333c-.086.284-.086.633-.086%201.331v4c0%20.698%200%201.047.086%201.33a2%202%200%200%200%201.333%201.334c.284.086.633.086%201.331.086s1.047%200%201.33-.086a2%202%200%200%200%201.334-1.333C21%2010.797%2021%2010.448%2021%209.75Zm-4.08%2011.164c.283.086.632.086%201.33.086s1.047%200%201.33-.086a2%202%200%200%200%201.334-1.333c.086-.284.086-.633.086-1.331s0-1.047-.086-1.33a2%202%200%200%200-1.333-1.334c-.284-.086-.633-.086-1.331-.086s-1.047%200-1.33.086a2%202%200%200%200-1.334%201.333c-.086.284-.086.633-.086%201.331s0%201.047.086%201.33a2%202%200%200%200%201.333%201.334ZM8.5%2011.5H7c-1.886%200-2.828%200-3.414.586S3%2013.614%203%2015.5V17c0%201.886%200%202.828.586%203.414S5.114%2021%207%2021h1.5c1.886%200%202.828%200%203.414-.586S12.5%2018.886%2012.5%2017v-1.5c0-1.886%200-2.828-.586-3.414S10.386%2011.5%208.5%2011.5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9.75%203h-4c-.698%200-1.047%200-1.33.086A2%202%200%200%200%203.085%204.42C3%204.703%203%205.052%203%205.75s0%201.047.086%201.33A2%202%200%200%200%204.42%208.415c.284.086.633.086%201.331.086h4c.698%200%201.047%200%201.33-.086a2%202%200%200%200%201.334-1.333c.086-.284.086-.633.086-1.331s0-1.047-.086-1.33a2%202%200%200%200-1.333-1.334C10.797%203%2010.448%203%209.75%203ZM21%209.75v-4c0-.698%200-1.047-.086-1.33a2%202%200%200%200-1.333-1.334C19.297%203%2018.948%203%2018.25%203s-1.047%200-1.33.086a2%202%200%200%200-1.334%201.333c-.086.284-.086.633-.086%201.331v4c0%20.698%200%201.047.086%201.33a2%202%200%200%200%201.333%201.334c.284.086.633.086%201.331.086s1.047%200%201.33-.086a2%202%200%200%200%201.334-1.333C21%2010.797%2021%2010.448%2021%209.75Zm-4.08%2011.164c.283.086.632.086%201.33.086s1.047%200%201.33-.086a2%202%200%200%200%201.334-1.333c.086-.284.086-.633.086-1.331s0-1.047-.086-1.33a2%202%200%200%200-1.333-1.334c-.284-.086-.633-.086-1.331-.086s-1.047%200-1.33.086a2%202%200%200%200-1.334%201.333c-.086.284-.086.633-.086%201.331s0%201.047.086%201.33a2%202%200%200%200%201.333%201.334ZM8.5%2011.5H7c-1.886%200-2.828%200-3.414.586S3%2013.614%203%2015.5V17c0%201.886%200%202.828.586%203.414S5.114%2021%207%2021h1.5c1.886%200%202.828%200%203.414-.586S12.5%2018.886%2012.5%2017v-1.5c0-1.886%200-2.828-.586-3.414S10.386%2011.5%208.5%2011.5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/dashboard-square-03.svg?color=%231a73e8&size=48
