Cloudup icon
raphael:cloudup
The Cloudup icon (raphael:cloudup) is a free SVG icon from the Raphael set by Dmitry Baranovskiy. It is drawn on a 32 × 32 grid. Raphael icons are released under the MIT 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
- Raphael
- Author
- Dmitry Baranovskiy
- License
- MIT
- Size
- 32 × 32
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M24.345 13.904a6.25 6.25 0 0 0-6.22-6.84a6.24 6.24 0 0 0-5.847 4.058a3.2 3.2 0 0 0-2.372-1.06a3.22 3.22 0 0 0-3.22 3.22c0 .21.024.415.063.613c-2.373.39-4.188 2.436-4.188 4.918a5 5 0 0 0 5 5h2.312a1.98 1.98 0 0 1 .387-2.274l4.326-4.33a1.98 1.98 0 0 1 1.413-.585c.54 0 1.04.21 1.416.587l4.323 4.33a1.98 1.98 0 0 1 .384 2.272h1.312a5 5 0 0 0 5-5a4.99 4.99 0 0 0-4.09-4.91zm-7.64 4.012c-.192-.195-.45-.29-.705-.29s-.512.095-.707.29l-4.327 4.33a1 1 0 0 0 0 1.414l.557.555c.39.39.964.45 1.276.137s.567-.12.567.432v1.238c0 .55.45 1 1 1h3.265c.55 0 1-.45 1-1v-1.238c0-.55.256-.744.57-.432c.31.312.886.252 1.275-.137l.556-.555a1 1 0 0 0 0-1.414z"/></svg>How to use the Cloudup icon
React
import { Icon } from "@iconify/react";
<Icon icon="raphael:cloudup" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="raphael:cloudup" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="raphael:cloudup" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[raphael--cloudup]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/raphael -->
<div class="i-raphael:cloudup"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="raphael:cloudup"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/raphael/cloudup.svg" alt="Cloudup icon" width="24" height="24">Cloudup icon FAQ
Is the Cloudup icon free for commercial use?
Yes. Raphael icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Cloudup icon in React?
Install @iconify/react and render <Icon icon="raphael:cloudup" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cloudup icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/raphael/cloudup.svg" alt="Cloudup icon">, or paste the SVG code inline to style it with CSS.