ICONYZ
Español
Icono Margin Top de Vaadin Icons

Icono Margin Top

vaadin:margin-top

El icono Margin Top (vaadin:margin-top) es un icono SVG gratuito de la colección Vaadin Icons de Vaadin. Está dibujado en una cuadrícula de 24 × 24. Vaadin Icons se publican bajo la licencia Apache 2.0, 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
Vaadin Icons
Autor
Vaadin
Licencia
Apache-2.0
Tamaño
24 × 24
Etiquetas
margintop
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15 2v1h-1V2h-1v1h-1V2h-1v1h-1V2H9v1H8V2H7v1H6V2H5v1H4V2H3v1H2V2H1v1H0v13h16V2zm0 13H1V4h14zm0-15h1v1h-1zm-1 1h1v1h-1zm-1-1h1v1h-1zm-1 1h1v1h-1zm-1-1h1v1h-1zm-1 1h1v1h-1zM9 0h1v1H9zM8 1h1v1H8zM7 0h1v1H7zM6 1h1v1H6zM5 0h1v1H5zM4 1h1v1H4zM3 0h1v1H3zM2 1h1v1H2zM1 0h1v1H1zM0 1h1v1H0z"/></svg>

Cómo usar el icono Margin Top

React

import { Icon } from "@iconify/react";

<Icon icon="vaadin:margin-top" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="vaadin:margin-top" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="vaadin:margin-top" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vaadin--margin-top]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vaadin -->
<div class="i-vaadin:margin-top"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="vaadin:margin-top"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/vaadin/margin-top.svg" alt="Icono Margin Top" width="24" height="24">

Iconos relacionados en Vaadin Icons

El icono Margin Top en otras colecciones

Preguntas frecuentes sobre Icono Margin Top

¿El icono Margin Top es gratis para uso comercial?

Sí. Vaadin Icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Margin Top en React?

Instala @iconify/react y renderiza <Icon icon="vaadin:margin-top" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Margin Top a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/vaadin/margin-top.svg" alt="Icono Margin Top">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Vaadin Icons →