Ikon Cloud9

logos:cloud9

Ikon Cloud9 (logos:cloud9) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 234. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: SVG Logos
Pembuat: Gil Barbara
Lisensi: CC0-1.0
Ukuran: 256 × 234

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="234" viewBox="0 0 256 234"><path fill="#00a8e9" d="M14.694 222.613c3.899 1.8 7.797 2.599 11.696 2.599c3.698 0 7.297-.8 10.795-2.499c1.5-.7 2.7-1.1 3.5-1.3c1.499-.3 2.598-.7 2.998-1.1c1.1-.999 2.1-2.298 2.899-3.997c.8-1.7 1.2-3.2 1.2-4.599c0-1.1-.3-1.999-.9-2.799s-1.3-1.1-2.1-1.1c-.6 0-1.299.4-2.199 1.3c-1 1-2.499 1.8-4.298 2.5c-1.9.6-3.699.899-5.598.899c-5.098 0-9.096-2.2-11.795-6.697c-2-3.3-3.099-6.998-3.099-11.096c0-2.899.7-5.298 2.1-6.997c1.399-1.7 3.298-2.6 5.697-2.6c2.499 0 4.898.8 7.097 2.4c.9.7 1.7 1.4 2.3 2.199c.6.8 1.399 2.1 2.498 3.998c.7 1.3 1.4 2.2 2.2 2.7s1.699.799 2.898.799c1.3 0 2.5-.4 3.499-1.1c1.9-1.3 2.899-3.398 2.899-6.197c0-3.999-1.1-7.397-3.399-10.096c-.9-1.1-1.999-1.7-3.199-1.7c-.4 0-.7 0-1 .1c-.899.2-1.599.3-1.998.3c-.6 0-1.6-.4-3.1-1.1a23 23 0 0 0-9.895-2.198c-3.599 0-7.197.7-10.596 2.199c-4.498 1.999-8.197 4.798-10.996 8.496C1.6 190.226 0 194.924 0 200.122c0 4.498 1.3 8.696 3.898 12.795c2.7 4.498 6.198 7.697 10.796 9.696m38.585-35.386c1.3.8 2.1 2 2.5 3.598c.3 1.6.499 5.298.499 10.996c0 5.598-.2 9.896-.6 12.995c-.2 1.8-.8 2.899-1.7 3.299c-.999.4-1.598.8-1.898 1.1s-.4.7-.4 1.299c0 .7.3 1.4.8 2c.5.599 1.199 1.099 2.099 1.399c1.799.7 4.998 1 9.496 1c3.998 0 6.797-.3 8.497-.8c.9-.3 1.599-.7 2.199-1.3c.5-.6.8-1.3.8-2.1c0-.599-.1-1.099-.4-1.399s-.9-.7-1.7-1.1c-1-.4-1.799-1.099-1.899-1.898c-.2-.8-.4-3.7-.4-8.697v-11.296c0-3.498.4-7.297.7-11.495c.2-2.7.5-4.398.5-5.198c0-2.3-.9-3.399-2.7-3.399c-1.199 0-2.998.2-5.597.7c-2.599.4-4.598.9-6.298 1.4c-2.399.7-4.198 1.499-5.297 2.398c-1.1.9-1.6 1.9-1.6 3c0 .699.2 1.299.5 1.799c.3.6 1 1.2 1.9 1.699m42.783 37.985q8.547 0 15.295-5.098c4.698-3.599 6.997-7.897 6.997-12.895c0-2.899-.7-5.698-2.2-8.397c-1.399-2.599-3.298-4.598-5.597-6.197c-3.199-2.2-6.997-3.299-11.296-3.299c-6.097 0-11.395 1.8-15.694 5.498c-4.098 3.499-6.197 7.997-6.197 13.495c0 4.998 1.7 8.996 4.998 12.095c3.598 3.199 8.197 4.798 13.694 4.798m-1.999-26.69c.6-.8 1.4-1.1 2.5-1.1c1.399 0 2.498.9 3.198 2.5s1.4 3.599 1.9 6.098s.799 4.698.799 6.697c0 2.599-1 3.998-3.099 3.998c-1.6 0-2.799-1-3.498-2.899s-1.4-3.998-1.9-6.397s-.8-4.298-.8-5.698s.3-2.399.9-3.199m54.579 26.09c.4.3 1.2.4 2.299.4c2.699 0 5.598-.3 8.497-1c4.998-1.1 7.497-2.798 7.497-4.898c0-1.1-.4-1.899-1.5-2.499c-1.4-.7-1.799-1.4-1.799-2.199v-15.494c0-1.6-.2-2.999-.2-4.098c0-.8-.1-1.3-.1-1.6c0-2.499-1.2-3.798-3.598-3.798c-4.199 0-8.597.5-12.895 1.6c-2.3.6-3.499 1.599-3.499 2.998c0 1.1.7 2 2 2.7c.699.399 1.099.699 1.299.899c.2.3.4.7.5 1.3c.3 1.399.4 3.998.4 7.896c0 3.899-.3 6.398-.8 7.497c-.3.6-.7 1-1.4 1.4s-1.3.6-1.999.6c-2.699 0-3.998-2-3.998-6.098v-18.993q0-1.8-2.1-1.799q-6.897 0-13.794 1.5c-2.7.6-3.999 1.799-3.999 3.498c0 .5.1.9.4 1.2c.2.3.8.7 1.7 1.1c1 .499 1.499 1.299 1.899 2.198c.4.9.5 2.4.5 4.399v6.497c0 5.098.8 8.797 2.399 10.996c1.799 2.599 4.998 3.898 9.496 3.898c2.699 0 5.298-.8 7.597-2.399c1.2-.8 1.9-1.3 2.1-1.4s.499-.2.799-.2c.8 0 1.2.7 1.3 2.2c.3 1 .6 1.5.999 1.7m26.29-3.398c2.899 2.699 6.197 3.998 9.796 3.998c2.899 0 5.598-1 7.997-2.899c.8-.7 1.5-1.1 1.899-1.1c.7 0 1.1.6 1.3 1.8c.1.8.2 1.4.4 1.6q.3.3 1.499.3c3.398 0 6.797-.4 10.196-1.3c3.798-1 5.598-2.4 5.598-4.299c0-.6-.1-1.2-.4-1.599c-.3-.4-.9-1-1.7-1.5c-.7-.5-1.599-1-1.699-1.499c-.2-.5-.7-1.7-.7-3.499V179.23c0-1.9-.6-2.899-2.599-2.899s-5.797.8-11.795 2.5c-3.399.999-4.998 2.298-4.998 3.998c0 1.2.8 1.999 2.299 2.499c1.1.3 1.8.7 2.2 1.2c.399.499.599 1.099.599 1.998c0 2-.4 3-1.1 3c-.2 0-.5-.1-.8-.3c-2.099-1.2-4.598-1.8-7.297-1.8c-2.399 0-4.798.6-7.197 1.9c-2.899 1.499-5.198 3.698-6.897 6.497c-1.8 3.099-2.699 6.197-2.699 9.496c0 2.799.7 5.598 2.1 8.297c.899 2.099 2.298 3.998 3.998 5.598m12.295-21.892q1.35-2.4 3.598-2.399c1.2 0 2.1.5 2.8 1.5q1.2 1.799 1.199 7.197c0 3.898-.3 6.797-1 8.496c-.7 1.8-1.799 2.6-3.298 2.6q-2.1 0-3.3-1.8c-1.099-1.6-1.698-3.998-1.698-7.197c-.1-3.499.5-6.298 1.699-8.397m43.283 16.994c1.3-.1 2.1-.2 2.399-.2c.9 0 1.4.4 1.4 1.3c0 1.099-.6 2.598-1.7 4.397c-1.2 2-2.699 3.499-4.398 4.599q-2.1 1.35-2.1 2.099c0 .7 1.1 1.7 3.4 2.899c2.198 1.2 4.098 1.799 5.497 1.799c.8 0 1.8-.4 2.999-1.3c4.998-3.698 9.296-8.696 12.995-14.894c3.299-5.598 4.998-10.995 4.998-16.093c0-6.298-2.499-10.896-7.597-13.795c-3.899-2.1-8.097-3.199-12.795-3.199c-5.798 0-10.696 1.5-14.694 4.398c-3.799 2.7-5.698 6.598-5.698 11.596c0 2.499.5 4.898 1.4 7.197s2.298 4.298 3.998 5.898c2.299 2.199 5.298 3.199 8.996 3.199c.4.2.7.2.9.1m2-20.992c.699-.8 1.499-1.3 2.498-1.3q1.65 0 2.999 1.5q1.05 1.2 1.8 3.598c.5 1.6.799 2.999.799 4.299q0 1.65-.9 2.698c-.6.7-1.4 1.1-2.299 1.1c-1.6 0-2.999-.9-4.198-2.599s-1.8-3.798-1.8-6.198c.1-1.199.5-2.199 1.1-3.098m8.496-128.05a51.2 51.2 0 0 0-50.18-13.095C187.825 23.79 162.135 0 131.048 0c-28.789 0-52.88 20.292-58.677 47.381c-18.993-6.097-40.584-1.599-55.679 13.495c-21.491 21.492-21.491 56.278 0 77.77c17.794 17.793 43.783 22.89 57.278 22.89h105.06c20.392.1 42.483-2.198 61.876-21.49c20.092-20.193 20.092-52.68.1-72.772m-85.567 43.283c-3.998 6.797-18.393 28.089-25.39 28.089c-3.698 0-17.293-6.798-17.293-11.596c0-1.699 1.9-3.498 2.899-4.098c6.297-4.098 13.195-16.094 13.195-22.691c0-2.2-1.2-3.099-2.8-3.099c-2.098 0-4.298.5-6.397.5c-19.292 0-28.189-20.892-28.189-39.685c0-26.49 20.592-38.585 39.385-38.585c19.992 0 40.184 12.296 40.184 40.185c0 19.092-6.697 35.986-15.594 50.98m-25.59-66.774c-4.398 0-6.797 5.798-6.797 10.796c0 8.296 3.698 21.391 11.595 21.391c4.099 0 6.298-4.598 6.298-9.296c-.1-7.097-3.399-22.891-11.096-22.891"/></svg>

Cara memakai ikon Cloud9

React

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

<Icon icon="logos:cloud9" width="24" />

Vue

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

<template>
  <Icon icon="logos:cloud9" width="24" />
</template>

Svelte

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

<Icon icon="logos:cloud9" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:cloud9"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/logos/cloud9.svg" alt="Ikon Cloud9" width="24" height="24">

FAQ Ikon Cloud9

Apakah ikon Cloud9 gratis untuk penggunaan komersial?

Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Cloud9 di React?

Pasang @iconify/react lalu render <Icon icon="logos:cloud9" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Cloud9 ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/cloud9.svg" alt="Ikon Cloud9">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon SVG Logos →