Icono Dashboard
il:dashboard
El icono Dashboard (il:dashboard) es un icono SVG gratuito de la colección Icalicons de Icalia Labs. Está dibujado en una cuadrícula de 700 × 700. Icalicons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Icalicons
- Autor
- Icalia Labs
- Licencia
- MIT
- Tamaño
- 700 × 700
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="700" height="700" viewBox="0 0 700 700"><path fill="currentColor" d="M443 108q-29-11-60-16t-66 0q-49 6-90 29t-71 58t-46 80t-17 94v15q0 10-7 16t-17 7H23q-10 0-16-7t-7-16v-14q0-66 23-127t63-108t96-79T303 0q58-8 112 3t100 37q5 4 6 10t-5 10q-14 11-33 25t-29 22q-6 4-11 1m218 89q34 70 34 148v23q0 10-7 16t-17 7h-45q-10 0-17-7t-7-16v-23q0-37-11-75q-2-7 2-11l49-64q4-5 11-5t8 7m-87-64q8-6 16-5t14 6t7 14t-5 17L403 433l-3 3l-3 4q-21 20-50 20t-49-20t-20-49t20-49q2-2 4-3t4-3z"/></svg>
Cómo usar el icono Dashboard
React
import { Icon } from "@iconify/react";
<Icon icon="il:dashboard" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="il:dashboard" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="il:dashboard" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[il--dashboard]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/il -->
<div class="i-il:dashboard"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="il:dashboard"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/il/dashboard.svg" alt="Icono Dashboard" width="24" height="24">
El icono Dashboard en otras colecciones
Preguntas frecuentes sobre Icono Dashboard
¿El icono Dashboard es gratis para uso comercial?
Sí. Icalicons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Dashboard en React?
Instala @iconify/react y renderiza <Icon icon="il:dashboard" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Dashboard a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/il/dashboard.svg" alt="Icono Dashboard">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Icalicons →
ICONYZ
