ICONYZ
Español
Icono Dropbox de Material Design Iconic Font

Icono Dropbox

zmdi:dropbox

El icono Dropbox (zmdi:dropbox) es un icono SVG gratuito de la colección Material Design Iconic Font de MDI Community. Está dibujado en una cuadrícula de 432 × 400. Material Design Iconic Font 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
Material Design Iconic Font
Autor
MDI Community
Licencia
OFL-1.1
Tamaño
432 × 400
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="432" height="400" viewBox="0 0 432 400"><path fill="currentColor" d="m126 3l87 72l88-72l126 81l-87 69l87 69l-126 82l-88-73l-87 73L0 222l87-69L0 84zm87 72L87 153l126 78l127-78zm0 172l89 73l37-25v27l-126 75l-125-75v-27l38 25z"/></svg>

Cómo usar el icono Dropbox

React

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

<Icon icon="zmdi:dropbox" width="24" />

Vue

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

<template>
  <Icon icon="zmdi:dropbox" width="24" />
</template>

Svelte

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

<Icon icon="zmdi:dropbox" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--dropbox]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:dropbox"></div>

Web component

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

<iconify-icon icon="zmdi:dropbox"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/zmdi/dropbox.svg" alt="Icono Dropbox" width="24" height="24">

El icono Dropbox en otras colecciones

Preguntas frecuentes sobre Icono Dropbox

¿El icono Dropbox es gratis para uso comercial?

Sí. Material Design Iconic Font icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Dropbox en React?

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

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

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

Ver todos los Iconos Material Design Iconic Font →