ICONYZ
Español
Icono Cloud de PrestaShop Icons

Icono Cloud

ps:cloud

El icono Cloud (ps:cloud) es un icono SVG gratuito de la colección PrestaShop Icons de PrestaShop. Está dibujado en una cuadrícula de 512 × 448. PrestaShop Icons usan la licencia CC BY-NC 4.0, que no permite el uso comercial sin un permiso aparte del autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
PrestaShop Icons
Autor
PrestaShop
Licencia
CC-BY-NC-4.0
Tamaño
512 × 448
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="448" viewBox="0 0 512 448"><path fill="currentColor" d="M427 171v-11q0-65-47.5-112.5T267 0q-57 0-101 35.5T111 126q-48 6-79.5 42.5T0 254q0 53 38 91.5t90 38.5h299q37-8 61-38t24-69q0-38-24-68.5T427 171m0 170H128q-35 0-60-26t-25-61q0-31 25.5-54.5T128 171q4 0 11-11l10-32q8-39 41.5-62T267 43q48 0 82.5 34.5T384 160v32q0 9 6.5 15t14.5 6h13q22 5 36.5 23t14.5 41t-11 41.5t-31 22.5"/></svg>

Cómo usar el icono Cloud

React

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

<Icon icon="ps:cloud" width="24" />

Vue

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

<template>
  <Icon icon="ps:cloud" width="24" />
</template>

Svelte

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

<Icon icon="ps:cloud" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="ps:cloud"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/ps/cloud.svg" alt="Icono Cloud" width="24" height="24">

Iconos relacionados en PrestaShop Icons

El icono Cloud en otras colecciones

Preguntas frecuentes sobre Icono Cloud

¿El icono Cloud es gratis para uso comercial?

No. PrestaShop Icons usan la licencia CC BY-NC 4.0, que no permite el uso comercial sin un permiso aparte del autor.

¿Cómo uso el icono Cloud en React?

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

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

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

Ver todos los PrestaShop Icons →