ICONYZ
Español
Icono Cloud Storage de IconPark Solid

Icono Cloud Storage

icon-park-solid:cloud-storage

El icono Cloud Storage (icon-park-solid:cloud-storage) es un icono SVG gratuito de la colección IconPark Solid de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark Solid 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
IconPark Solid
Autor
ByteDance
Licencia
Apache-2.0
Tamaño
48 × 48
Categoría
Hardware
Etiquetas
cloudstorage
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><mask id="SVGkw1k1bOo"><g fill="none"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M44 29H4v13h40z"/><path fill="#000" d="M35.5 38a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5"/><path stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M4 29L9.038 4.999H39.02l4.98 24"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M19.006 16.026c-2.143 0-4.006 1.486-4.006 3.487C15 22 17.095 23 19.697 23h1.28m8.03-6.974c2.097 0 3.993.973 3.993 3.487C33 22 30.89 23 28.288 23h-1.3m2.019-6.974C29.007 13.042 27.023 11 24 11s-4.994 1.993-4.994 5.026"/><path stroke="#fff" stroke-width="4" d="M20 23h8"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGkw1k1bOo)"/></svg>

Cómo usar el icono Cloud Storage

React

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

<Icon icon="icon-park-solid:cloud-storage" width="24" />

Vue

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

<template>
  <Icon icon="icon-park-solid:cloud-storage" width="24" />
</template>

Svelte

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

<Icon icon="icon-park-solid:cloud-storage" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--cloud-storage]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:cloud-storage"></div>

Web component

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

<iconify-icon icon="icon-park-solid:cloud-storage"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/icon-park-solid/cloud-storage.svg" alt="Icono Cloud Storage" width="24" height="24">

Iconos relacionados en IconPark Solid

El icono Cloud Storage en otras colecciones

Preguntas frecuentes sobre Icono Cloud Storage

¿El icono Cloud Storage es gratis para uso comercial?

Sí. IconPark Solid icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Cloud Storage en React?

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

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

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park-solid/cloud-storage.svg" alt="Icono Cloud Storage">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos IconPark Solid →