Иконка Cloud Data Transfer
streamline-stickies-color:cloud-data-transfer
Иконка Cloud Data Transfer (streamline-stickies-color:cloud-data-transfer) — бесплатная SVG-иконка из набора Stickies color icons от Streamline. Она нарисована на сетке 41 × 41. Stickies color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Stickies color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 41 × 41
- Категория
- Интернет и сайты
- Теги
- clouddata, datatransfer, clouddatatransfer
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="41" height="41" viewBox="0 0 41 41"><g fill="none" stroke-miterlimit="10"><path fill="#48eeff" stroke="#231f20" d="M27.64 15.86a7 7 0 0 0 0-2.38c-.52-3.41-2.77-5.39-6.56-4.81c-.32.05-.61.12-.9.19c-1.44-1.86-3.76-2.8-6.92-2.31C9 7.21 6.93 9.83 7 13.42q-.473 0-.94.07a3.75 3.75 0 0 0-3.44 4.69a5.6 5.6 0 0 0 .32 1.14A5.14 5.14 0 0 0 1 24.24c.29 1.83 1.72 4.1 3.92 4.25c1.14.31 6.88-.09 11.58-.82S26.81 25.6 27.8 25c2.05-.8 2.74-3.4 2.46-5.23a5.39 5.39 0 0 0-2.62-3.91Z"/><path stroke="#fff" stroke-linecap="round" d="M21.63 10.51a3.08 3.08 0 0 1 3.05 1"/><path fill="#ff52a1" stroke="#231f20" d="M37.8 27.94c.217-2.19.237-4.396.06-6.59c-.13-3.31-3-6-9.78-6.51s-10 1.71-10.65 5a36 36 0 0 0-.94 6.52a37 37 0 0 0-.06 6.59c.14 3.31 3 6 9.79 6.52s10-1.72 10.65-5c.505-2.144.817-4.33.93-6.53Z"/><path stroke="#231f20" stroke-linecap="round" d="M19.28 22.19c1.49 1.29 4.17 2.19 8 2.48s6.67-.19 8.34-1.24M18.91 27.1c1.49 1.3 4.17 2.19 8.05 2.49s6.67-.19 8.34-1.24M18.53 32c1.5 1.3 4.18 2.19 8.06 2.49s6.66-.19 8.34-1.24"/><path stroke="#fff" stroke-linecap="round" d="M30.49 16.6c1.61.38 3.53 1.18 3.94 1.77"/><path fill="#ffe236" stroke="#231f20" d="M32 2.85a9.3 9.3 0 0 0-1.61-1.3c-1.57-1.07-1.72-1-1.92-1a1 1 0 0 0-.6.11c-.18.09-.33.12-1.39 1.68a9.6 9.6 0 0 0-1 1.81a.89.89 0 0 0 .41 1a.89.89 0 0 0 1.05 0c.68-.41.68-.29.68-.29a28 28 0 0 0 1.08 4.4a1.17 1.17 0 0 0 2.24-.43a27 27 0 0 0-.64-4.54s0-.11.73 0a.89.89 0 0 0 1-.4a.9.9 0 0 0-.03-1.04Zm.47 9.15a9.8 9.8 0 0 0 1.61 1.31c1.57 1.07 1.72 1 1.92 1a1 1 0 0 0 .6-.11c.18-.1.33-.12 1.39-1.68a9.6 9.6 0 0 0 1-1.81a.92.92 0 0 0-.41-1a.89.89 0 0 0-1.05 0c-.68.41-.67.29-.67.29a29 29 0 0 0-1.07-4.4a1.17 1.17 0 0 0-2.24.4c.09 1.528.304 3.046.64 4.54c0 0 0 .1-.73 0a.92.92 0 0 0-1 .41a.89.89 0 0 0 .01 1.05ZM19.48 3.08a1.608 1.608 0 0 0 2.226 1.487A1.61 1.61 0 1 0 19.48 3.08ZM5.84 33.38a2.01 2.01 0 1 0 4.02 0a2.01 2.01 0 0 0-4.02 0Z"/></g></svg>
Как использовать иконку Cloud Data Transfer
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:cloud-data-transfer" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:cloud-data-transfer" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:cloud-data-transfer" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--cloud-data-transfer]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:cloud-data-transfer"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-stickies-color:cloud-data-transfer"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/cloud-data-transfer.svg" alt="Иконка Cloud Data Transfer" width="24" height="24">
Похожие иконки в наборе Stickies color icons
Иконка Cloud Data Transfer в других наборах
Вопросы и ответы: Иконка Cloud Data Transfer
Можно ли бесплатно использовать иконку Cloud Data Transfer в коммерческих проектах?
Да. Stickies color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Cloud Data Transfer в React?
Установите @iconify/react и выведите <Icon icon="streamline-stickies-color:cloud-data-transfer" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cloud Data Transfer на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/cloud-data-transfer.svg" alt="Иконка Cloud Data Transfer">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Stickies color icons →
ICONYZ
