Cloud9 icon

logos:cloud9

The Cloud9 icon (logos:cloud9) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 234 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 234

Download SVG

SVG code

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

How to use the Cloud9 icon

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>

HTML image

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

Cloud9 icon FAQ

Is the Cloud9 icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Cloud9 icon in React?

Install @iconify/react and render <Icon icon="logos:cloud9" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Cloud9 icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/cloud9.svg" alt="Cloud9 icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →