Icono Whiteboard
vs:whiteboard
El icono Whiteboard (vs:whiteboard) es un icono SVG gratuito de la colección Vesper Icons de TableCheck. Está dibujado en una cuadrícula de 1792 × 1792. Vesper Icons se publican bajo la Open Font License, 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
- Vesper Icons
- Autor
- TableCheck
- Licencia
- OFL-1.1
- Tamaño
- 1792 × 1792
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1792" viewBox="0 0 1792 1792"><path fill="currentColor" d="M128 64q0-26 19-45t45-19h1408q26 0 45 19t19 45v1024h98q12 0 21 9t9 21v68q0 12-9 21t-21 9h-579l131 487q7 25-6.5 48.5T1268 1782t-48.5-6.5t-29.5-38.5l-140-521h-90v384q0 26-19 45t-45 19t-45-19t-19-45v-384h-90l-140 521q-7 25-29.5 38.5T524 1782t-39.5-30.5t-6.5-48.5l131-487H30q-12 0-21-9t-9-21v-68q0-12 9-21t21-9h98zm128 1024h1280V128H256zm128-64V915q0-14 9.5-24t23.5-10h318q14 0 23.5 10t9.5 24v109z"/></svg>Cómo usar el icono Whiteboard
React
import { Icon } from "@iconify/react";
<Icon icon="vs:whiteboard" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:whiteboard" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:whiteboard" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--whiteboard]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:whiteboard"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:whiteboard"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/vs/whiteboard.svg" alt="Icono Whiteboard" width="24" height="24">El icono Whiteboard en otras colecciones
Preguntas frecuentes sobre Icono Whiteboard
¿El icono Whiteboard es gratis para uso comercial?
Sí. Vesper Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Whiteboard en React?
Instala @iconify/react y renderiza <Icon icon="vs:whiteboard" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Whiteboard a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/vs/whiteboard.svg" alt="Icono Whiteboard">, o pega el código SVG en línea para darle estilo con CSS.