Ikon Cloud In A Bottle

selfhst:cloud-in-a-bottle

Ikon Cloud In A Bottle (selfhst:cloud-in-a-bottle) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: selfh.st/icons
Pembuat: selfh.st
Lisensi: CC-BY-4.0
Ukuran: 512 × 512
Tag: cloudin, ina, abottle, cloudinabottle

Download SVG

Kode 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>

Cara memakai ikon 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>

Gambar HTML

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

Ikon terkait di selfh.st/icons

FAQ Ikon Cloud In A Bottle

Apakah ikon Cloud In A Bottle gratis untuk penggunaan komersial?

Ya. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Cloud In A Bottle di React?

Pasang @iconify/react lalu render <Icon icon="selfhst:cloud-in-a-bottle" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Cloud In A Bottle ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/cloud-in-a-bottle.svg" alt="Ikon Cloud In A Bottle">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua selfh.st/icons →