Иконка Data Transfer
streamline-kameleon-color:data-transfer
Иконка Data Transfer (streamline-kameleon-color:data-transfer) — бесплатная SVG-иконка из набора Kameleon color icons от Streamline. Она нарисована на сетке 48 × 48. Kameleon color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Kameleon color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Компьютеры и программирование
- Теги
- datatransfer
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#32bea6" d="M24 47.998c13.255 0 24-10.745 24-24C48 10.746 37.255 0 24 0S0 10.745 0 23.999s10.745 23.999 24 23.999"/><path fill="#3e3e3f" d="M27.49 24.872c0-.483.391-.873.873-.873h6.982c.482 0 .873.39.873.873v12.217c0 .482-.39.873-.873.873h-6.982a.873.873 0 0 1-.872-.873z"/><path fill="#5b5c5f" d="M36.218 26.56v-1.688a.873.873 0 0 0-.873-.873h-6.982a.873.873 0 0 0-.872.873v10.415z"/><path fill="#3e3e3f" d="M10.036 10.908c0-.482.39-.872.873-.872h12.218c.482 0 .873.39.873.872v8.727c0 .482-.39.873-.873.873H10.909a.873.873 0 0 1-.873-.873z"/><path fill="#5b5c5f" d="M10.909 10.036a.873.873 0 0 0-.873.872v8.727c0 .482.391.873.873.873h.226l10.473-10.472z"/><path fill="#f0f1f1" d="M20.51 22.69c0 .24-.196.436-.437.436h-6.11a.437.437 0 0 1 0-.873h6.11c.24 0 .436.195.436.436"/><path fill="#cfd3d4" d="M18.763 20.508h-3.49v1.745h3.49z"/><path fill="#fff" d="M24 19.636v-2.618H10.036v2.618c0 .482.39.872.873.872h12.218c.482 0 .873-.39.873-.872"/><path fill="#b6bcbd" d="M17.018 19.636a.873.873 0 1 0 0-1.746a.873.873 0 0 0 0 1.746"/><path fill="#fff" d="M27.49 24.872v1.745h8.728v-1.745a.87.87 0 0 0-.873-.873h-6.982a.87.87 0 0 0-.872.873m8.727 12.218v-1.746h-8.727v1.745c0 .482.39.873.872.873h6.982c.482 0 .873-.39.873-.873"/><path fill="#b6bcbd" d="M31.855 37.526a.873.873 0 1 0 0-1.746a.873.873 0 0 0 0 1.745"/><path fill="#fbe158" d="M25.745 14.458a4 4 0 0 1 .655-.059a3.93 3.93 0 0 1 3.927 3.927h-1.964l3.273 3.927l3.273-3.927h-1.964a6.553 6.553 0 0 0-7.2-6.512zM23.128 33.54a4 4 0 0 1-.655.058a3.93 3.93 0 0 1-3.927-3.927h1.963l-3.272-3.927l-3.273 3.927h1.964a6.553 6.553 0 0 0 7.2 6.512z"/></g></svg>Как использовать иконку Data Transfer
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:data-transfer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:data-transfer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:data-transfer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--data-transfer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:data-transfer"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:data-transfer"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/data-transfer.svg" alt="Иконка Data Transfer" width="24" height="24">Похожие иконки в наборе Kameleon color icons
Иконка Data Transfer в других наборах
Вопросы и ответы: Иконка Data Transfer
Можно ли бесплатно использовать иконку Data Transfer в коммерческих проектах?
Да. Kameleon color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Data Transfer в React?
Установите @iconify/react и выведите <Icon icon="streamline-kameleon-color:data-transfer" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Data Transfer на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/data-transfer.svg" alt="Иконка Data Transfer">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.