Иконка Cloudup
raphael:cloudup
Иконка Cloudup (raphael:cloudup) — бесплатная SVG-иконка из набора Raphael от Dmitry Baranovskiy. Она нарисована на сетке 32 × 32. Raphael icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Raphael
- Автор
- Dmitry Baranovskiy
- Лицензия
- MIT
- Размер
- 32 × 32
Код SVG
<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>Как использовать иконку Cloudup
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>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="raphael:cloudup"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/raphael/cloudup.svg" alt="Иконка Cloudup" width="24" height="24">Вопросы и ответы: Иконка Cloudup
Можно ли бесплатно использовать иконку Cloudup в коммерческих проектах?
Да. Raphael icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cloudup в React?
Установите @iconify/react и выведите <Icon icon="raphael:cloudup" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cloudup на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/raphael/cloudup.svg" alt="Иконка Cloudup">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.