Icono Cloud In A Bottle

selfhst:cloud-in-a-bottle

El icono Cloud In A Bottle (selfhst:cloud-in-a-bottle) es un icono SVG gratuito de la colección selfh.st/icons de selfh.st. Está dibujado en una cuadrícula de 512 × 512. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: selfh.st/icons
Autor: selfh.st
Licencia: CC-BY-4.0
Tamaño: 512 × 512
Etiquetas: cloudin, ina, abottle, cloudinabottle

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#ebebeb" d="M177.2 275.7h19.7v19.7h-19.7zM157.5 256h-19.7v19.7h-19.7v19.7h39.4v-19.7h19.7V256zm137.9 19.7H256V256h-39.4v19.7h19.7v19.7h78.8V256h-19.7zm59.1-59.1h-19.7v-19.7h-39.4v19.7H256V256h39.4v-19.7h19.7V256h39.4zm19.7 39.4h-19.7v19.7h39.4V256zm-39.4 39.4h19.7v-19.7h-19.7zm59-19.7v19.7h19.7v-19.7z"/><path fill="#fff" d="M177.2 236.3V256h-39.4v19.7h-19.7v19.7H98.5v19.7H78.8v-19.7H59.1v-19.7h39.4V256h19.7v-19.7zm137.9 0h-19.7V256h19.7zm-39.4 39.4h19.7V256H256v19.7zm39.4-98.5h-39.4v19.7h-39.4v19.7h-19.7v19.7h-19.7V256h-19.7v19.7h39.4V256H256v-39.4h39.4v-19.7h39.4v-19.7zm19.7 19.7v19.7h19.7v-19.7zm39.4 19.7h-19.7V256h39.4v-19.7h-19.7zm98.4-39.4v19.7h19.7v-19.7zm-19.7 39.4v19.7h19.7v-39.4h-19.7zm-295.4-78.8v-19.7h-39.4v19.7zm157.6 0h19.7v-19.7h-59.1v19.7zm59.1 0h-19.7v19.7h19.7zM78.8 157.5h19.7v-39.4H59.1v19.7h19.7zm-19.7 19.7h19.7v-19.7H59.1v-19.7H39.4v59.1h19.7zm0 59.1H39.4V256h19.7zm354.4 59.1h19.7v-19.7h-19.7zM19.7 315.1h19.7v-19.7H19.7z"/><path fill="#98adc2" d="M374.2 275.7v19.7h-19.7v-19.7zm-236.4 39.4h19.7v-19.7h-19.7zm98.5-19.7v-19.7h-39.4v19.7h19.7v19.7h59.1v-19.7zm59.1 0v19.7h39.4v-19.7z"/><path fill="#cad2e3" d="M334.8 256h19.7v19.7h-19.7v19.7h-19.7V256zm-177.3 39.4h19.7v-19.7h-19.7zm216.7-19.7v19.7h19.7v-19.7zM98.5 295.4v19.7h39.4v-19.7zm256 19.7v-19.7h-19.7v19.7z"/><path fill="#206ce3" d="M98.5 118.2h19.7v19.7H98.5zm-19.7 19.6H59.1v19.7h19.7zm-19.7 59.1H39.4v19.7h19.7zm118.1 0v19.7h39.4v-59.1H256v-19.7h-59.1v19.7h-39.4v19.7h-19.7v19.7zm177.3 19.7h39.4v-19.7h-19.7v-19.7h-39.4v19.7h19.7zM59.1 256h19.7v-19.7H59.1zm334.7-19.7v39.4h19.7v-39.4zm0 78.8h19.7v-19.7h-19.7zm-334.7 0H39.4v19.7h19.7v19.7h39.4v-39.4zm295.4 0h-59.1v39.4h39.4v-19.7h59.1v-19.7zM256 354.5h19.7v-19.7H256zm-39.4 0v-19.7h-39.4v19.7h-39.4v19.7H256v-19.7z"/><path fill="#2a79f0" d="M374.2 157.5v19.7h-98.5v19.7h-39.4v19.7h-19.7v-59.1H256v-19.7h-59.1v19.7h-39.4v19.7h-19.7v19.7h39.4v19.7h39.4v19.7h-19.7V256h-19.7v-19.7h-59.1V256H98.5v19.7H59.1v19.7h19.7v19.7H39.4V256h39.4v-19.7H39.4v-19.7h19.7v-39.4h19.7v-19.7h19.7v-19.7h59.1v-19.7h118.1v19.7h78.8v19.7zm0 19.7v19.7h19.7v-19.7zm19.6 19.7v19.7h-19.7v19.7h39.4v-39.4zm-39.3 98.5v19.7h39.4v-19.7zm-19.7 59.1h19.7v-19.7h-19.7zm-39.4 0v-59.1h-19.7v19.7h-59.1v-19.7h-59.1v19.7h-59v39.4H59.1v-19.7H39.4v39.4h98.5v-19.7h39.4v-19.7h39.4v19.7H256v-19.7h19.7v19.7H256v19.7h78.8v-19.7z"/><path fill="#165cca" d="M275.7 393.8h19.7v19.7H256v-19.7H59.1v-19.7h216.6zm137.8-157.5v39.4h19.7v-39.4zm0 78.8h19.7v-19.7h-19.7zm-19.7 19.7h19.7v-19.7h-19.7zm-39.3 19.7h19.7v-19.7h-19.7zm-19.7 19.7h19.7v-19.7h-19.7zm-39.4 0v19.7h39.4v-19.7z"/><path fill="#a0d9ff" d="M472.6 177.2v19.7h-19.7v-19.7zm0 19.7v39.4h-19.7v98.5h39.4V196.9zm-118.1-59.1v-19.7h-19.7v19.7zm19.7 19.7v19.7h19.7v-19.7zm19.6 19.7v19.7h19.7v-19.7zm19.7 39.4v19.7h19.7v-39.4h-19.7zm-39.3 137.9h19.7v-19.7h-19.7zm-19.7 19.7h19.7v-19.7h-19.7zm-59.1-256h39.4V98.5H59.1v19.7zm-256 19.6h19.7v-19.7H39.4zm-19.7 19.7v137.9h19.7V137.8H19.7zm19.7 177.3v-19.7H19.7v59.1h19.7zm0 39.4v19.7h19.7v-19.7zm236.3 0v19.7h19.7v-19.7zm59.1 19.6h19.7v-19.7h-19.7zm-118.2 0H59.1v19.7H256v-19.7zm78.8 0v19.7h39.4v-19.7z"/><path d="M393.8 334.8h19.7v19.7h-19.7zm-19.6 39.4h19.7v-19.7h-19.7zM98.5 98.5h236.3V78.8H59.1v19.7zm-39.4 0H39.4v19.7h19.7zm295.4 19.7V98.5h-19.7v19.7zm-315.1 0H19.7v19.7h19.7zm334.8 19.6v-19.7h-19.7v19.7zm19.6 19.7v-19.7h-19.7v19.7zm19.7 19.7v-19.7h-19.7v19.7zm78.8 0v157.6H512V177.2zm0 0v-19.7h-39.4v19.7zm-39.4 118.2V177.2h-39.4v19.7h19.7v118.2h-19.7v19.7h39.4zm0 39.4v19.7h39.4v-19.7zm-433.2 0v-197H0v236.4h19.7zm0 39.4v19.7h19.7v-19.7zm334.8 19.6h19.7v-19.7h-19.7zm-315.1 0v19.7h19.7v-19.7zm295.4 19.7h19.7v-19.7h-19.7zm-39.4 0H59.1v19.7h275.7v-19.7z"/></svg>

Cómo usar el icono Cloud In A Bottle

React

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

<Icon icon="selfhst:cloud-in-a-bottle" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:cloud-in-a-bottle" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:cloud-in-a-bottle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--cloud-in-a-bottle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:cloud-in-a-bottle"></div>

Web component

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

<iconify-icon icon="selfhst:cloud-in-a-bottle"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/selfhst/cloud-in-a-bottle.svg" alt="Icono Cloud In A Bottle" width="24" height="24">

Iconos relacionados en selfh.st/icons

Preguntas frecuentes sobre Icono Cloud In A Bottle

¿El icono Cloud In A Bottle es gratis para uso comercial?

Sí. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Cloud In A Bottle en React?

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

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

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

Ver todos los selfh.st/icons →