Иконка Cloud Upload Bold

solar:cloud-upload-bold

Иконка Cloud Upload Bold (solar:cloud-upload-bold) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Погода
Теги: cloudupload, uploadbold, clouduploadbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6.50001 18L6.50001 17.9105C6.49991 17.0449 6.49981 16.2512 6.58661 15.6056C6.6822 14.8946 6.90709 14.1432 7.52514 13.5251C8.14319 12.9071 8.89464 12.6822 9.6056 12.5866C10.2512 12.4998 11.0449 12.4999 11.9105 12.5H12.0895C12.9551 12.4999 13.7488 12.4998 14.3944 12.5866C15.1054 12.6822 15.8568 12.9071 16.4749 13.5251C17.0929 14.1432 17.3178 14.8946 17.4134 15.6056C17.4989 16.2417 17.5001 17.0215 17.5 17.8722C20.0726 17.3221 22 15.0599 22 12.3529C22 9.88113 20.393 7.78024 18.1551 7.01498C17.8371 4.19371 15.4159 2 12.4762 2C9.32028 2 6.7619 4.52827 6.7619 7.64706C6.7619 8.33687 6.88706 8.9978 7.11616 9.60887C6.8475 9.55673 6.56983 9.52941 6.28571 9.52941C3.91878 9.52941 2 11.4256 2 13.7647C2 16.1038 3.91878 18 6.28571 18L6.50001 18Z"/><path fill-rule="evenodd" d="M12 14C10.1144 14 9.17157 14 8.58579 14.5858C8 15.1716 8 16.1144 8 18C8 19.8856 8 20.8284 8.58579 21.4142C9.17157 22 10.1144 22 12 22C13.8856 22 14.8284 22 15.4142 21.4142C16 20.8284 16 19.8856 16 18C16 16.1144 16 15.1716 15.4142 14.5858C14.8284 14 13.8856 14 12 14ZM13.8047 17.0842L12.4714 15.7508C12.2111 15.4905 11.7889 15.4905 11.5286 15.7508L10.1953 17.0842C9.93491 17.3445 9.93491 17.7666 10.1953 18.027C10.4556 18.2873 10.8777 18.2873 11.1381 18.027L11.3333 17.8317V19.7778C11.3333 20.146 11.6318 20.4444 12 20.4444C12.3682 20.4444 12.6667 20.146 12.6667 19.7778V17.8317L12.8619 18.027C13.1223 18.2873 13.5444 18.2873 13.8047 18.027C14.0651 17.7666 14.0651 17.3445 13.8047 17.0842Z" clip-rule="evenodd"/></g></svg>

Как использовать иконку Cloud Upload Bold

React

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

<Icon icon="solar:cloud-upload-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:cloud-upload-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:cloud-upload-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cloud-upload-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cloud-upload-bold"></div>

Веб-компонент

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

<iconify-icon icon="solar:cloud-upload-bold"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/solar/cloud-upload-bold.svg" alt="Иконка Cloud Upload Bold" width="24" height="24">

Иконка Cloud Upload Bold в других наборах

Вопросы и ответы: Иконка Cloud Upload Bold

Можно ли бесплатно использовать иконку Cloud Upload Bold в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Cloud Upload Bold в React?

Установите @iconify/react и выведите <Icon icon="solar:cloud-upload-bold" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Cloud Upload Bold на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/cloud-upload-bold.svg" alt="Иконка Cloud Upload Bold">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →