ICONYZ
Bahasa Indonesia
Ikon Data Transfer Document Module dari Freehand color icons

Ikon Data Transfer Document Module

streamline-freehand-color:data-transfer-document-module

Ikon Data Transfer Document Module (streamline-freehand-color:data-transfer-document-module) adalah ikon SVG gratis dari set Freehand color icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Freehand color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Freehand color icons
Pembuat
Streamline
Lisensi
CC-BY-4.0
Ukuran
24 × 24
Kategori
Internet, jaringan, dan server
Tag
datatransfer, transferdocument, documentmodule, datatransferdocumentmodule
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#020202" d="M6.768 19.836L5.123 17.78a.321.321 0 0 0-.57.153a.3.3 0 0 0 .069.238l1.374 2.246l.21.311a4.7 4.7 0 0 1-2.446-.732a4.2 4.2 0 0 1-1.003-.822a3.5 3.5 0 0 1-.622-1.003a3.01 3.01 0 0 1 .371-2.817a.28.28 0 0 0-.06-.391a.27.27 0 0 0-.39.06a3.54 3.54 0 0 0-.071 4.833a4.4 4.4 0 0 0 1.253 1.002c.75.392 1.581.602 2.427.612l-2.006 2.056a.26.26 0 0 0 0 .39a.27.27 0 0 0 .391 0c.682-.48 1.394-.952 2.006-1.483q.657-.548 1.243-1.174a.63.63 0 0 0 0-.752a9 9 0 0 0-.531-.671M17.255 4.114L18.9 6.17a.33.33 0 0 0 .451.06a.34.34 0 0 0 .06-.451l-1.384-2.246l-.21-.311a4.67 4.67 0 0 1 2.446.732c.355.227.676.504.953.822c.266.294.477.633.622 1.003a3 3 0 0 1-.371 2.817a.284.284 0 1 0 .46.33a3.67 3.67 0 0 0 .883-3.468a3.6 3.6 0 0 0-.772-1.364a4.5 4.5 0 0 0-1.253-1.003a5.24 5.24 0 0 0-2.427-.611L20.364.475a.27.27 0 0 0 0-.392a.27.27 0 0 0-.391 0a58 58 0 0 0-2.006 1.484q-.659.553-1.253 1.174a.64.64 0 0 0 0 .751c.12.12.501.582.541.622m5.335 11.44a.31.31 0 0 0-.331-.3a.32.32 0 0 0-.301.34v3.76a.7.7 0 0 1-.07.271a2.6 2.6 0 0 1-.923.812c-1.003.602-3.479 1.825-3.72 2.006c0-.462.09-.923.11-1.394a7 7 0 0 0 0-.802q.024-.406 0-.812c0-.381-.07-.762-.12-1.143c.07 0 .672-.411.802-.502l1.675-1.203l2.005-1.383s.431-.321.562-.452a.51.51 0 0 0 .18-.42a.94.94 0 0 0-.4-.612a7 7 0 0 0-.893-.512l-3.48-1.845a.32.32 0 0 0-.44.12a.31.31 0 0 0 .12.432s3.86 2.145 4.07 2.306c-.05.06-2.276 1.544-2.276 1.544s-2.195 1.434-2.135 1.434s-.732-.341-.923-.421l-2.386-.863c-.371-.12-.752-.24-1.133-.39a5.4 5.4 0 0 1-.692-.311l.441-.351a33 33 0 0 1 2.216-1.755c.391-.28 1.063-.772 1.614-1.153c.351-.25.722-.491 1.093-.712a.3.3 0 0 0 .1-.391a.28.28 0 0 0-.38-.1c-.391.21-.772.44-1.153.682c-.572.35-1.133.721-1.685 1.072c-.551.351-.802.532-1.203.803l-1.163.862c-.16.12-.441.28-.652.44a1.8 1.8 0 0 0-.34.342a.5.5 0 0 0 0 .611l.11.13c-.09.492-.17 1.003-.231 1.485c-.06.481-.12 1.213-.13 1.825a8 8 0 0 0 0 .882a.9.9 0 0 0 .14.41q.133.187.33.302c.221.15.502.25.693.36c.4.201 1.714.913 2.947 1.535a48 48 0 0 0 2.006.942c.268.104.564.104.832 0q.526-.25 1.003-.581c.762-.461 2.005-.933 3.008-1.584c.463-.288.855-.68 1.143-1.143q.127-.242.16-.512a9 9 0 0 0 0-.882zm-10.578 4.562c-.16-.07-.371-.14-.562-.23l-.15-.08a5 5 0 0 1 0-.833q-.045-.877 0-1.754c0-.381.07-.762.11-1.133c.25.14.501.27.762.39c.26.121.802.312 1.203.442l2.286.852c.23.09.532.271.812.381c-.06.411-.11.822-.15 1.244c-.04.42 0 .541 0 .812v.812c0 .27.07.762.12 1.133z"/><path fill="#0c6fff" d="M9.064 12.978c-1.07.13-2.15.13-3.219 0a2.9 2.9 0 0 1-1.765-.602a.7.7 0 0 1-.09-.401c0-.381.08-.792.07-1.063V8.035c0-.632 0-1.254.09-1.896l.171-3.108c0-.22 0-.521.09-.792q.021-.113.06-.22a1.6 1.6 0 0 1 .582-.07l2.527-.301h3.489c1.203 1.072 1.564 1.233 2.005 1.764c.076.288.116.585.12.883v1.614l.05 5.013a.29.29 0 0 0 .291.28a.29.29 0 0 0 .281-.29V7.904c0-.772.05-1.494.08-1.955s.12-1.113.12-1.674a5.2 5.2 0 0 0-.12-1.184a.8.8 0 0 0-.27-.39C11.27.534 11.91 1.095 11.62.875a1.1 1.1 0 0 0-.531-.211a6 6 0 0 0-.822 0c-.592-.02-1.264-.08-1.895-.09a9 9 0 0 0-.873 0l-2.506.26q-.418.005-.822.11c-.22.055-.414.183-.552.362a1.9 1.9 0 0 0-.23.561q-.114.536-.13 1.083l-.122 3.13v2.006c0 1.002.07 1.935.13 2.907c0 .311-.07.822 0 1.244c.008.257.096.506.251.711a3.72 3.72 0 0 0 2.326.833c1.138.092 2.282.048 3.41-.13a.31.31 0 0 0 .25-.372a.32.32 0 0 0-.441-.3"/><path fill="#0c6fff" d="M8.492 4.866a7 7 0 0 0-.812-.08a7 7 0 0 0-.812 0q-.946.115-1.875.33a.3.3 0 0 0-.26.312a.28.28 0 0 0 .31.25c.712 0 1.384.12 2.075.16h1.214q.936.008 1.864.121a.31.31 0 0 0 .382-.23a.33.33 0 0 0-.231-.392a12 12 0 0 0-1.855-.47m2.136 3.98a.31.31 0 0 0-.23-.381a6.9 6.9 0 0 0-2.317-.391q-.69.015-1.374.12c-.671.11-1.323.3-2.005.401a.28.28 0 0 0-.27.29a.29.29 0 0 0 .29.271q.833.06 1.715.06h.631c.301 0 .602 0 .913-.07a8.8 8.8 0 0 1 2.226-.06a.31.31 0 0 0 .42-.24"/></g></svg>

Cara memakai ikon Data Transfer Document Module

React

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

<Icon icon="streamline-freehand-color:data-transfer-document-module" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand-color:data-transfer-document-module" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand-color:data-transfer-document-module" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--data-transfer-document-module]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:data-transfer-document-module"></div>

Web component

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

<iconify-icon icon="streamline-freehand-color:data-transfer-document-module"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/data-transfer-document-module.svg" alt="Ikon Data Transfer Document Module" width="24" height="24">

Ikon terkait di Freehand color icons

Ikon data-transfer-diagonal
data-transfer-diagonal
 Ikon data-transfer-edi-reload
data-transfer-edi-reload
 Ikon data-transfer-ftp
data-transfer-ftp
 Ikon data-transfer-horizontal
data-transfer-horizontal
 Ikon data-transfer-sync
data-transfer-sync
 Ikon data-transfer-vertical
data-transfer-vertical
 Ikon database
database
 Ikon database-check
database-check
 Ikon database-connection
database-connection
 Ikon database-hand
database-hand
 Ikon database-hierarchy
database-hierarchy
 Ikon database-network-1
database-network-1
 Ikon database-settings
database-settings
 Ikon database-share
database-share

Ikon Data Transfer Document Module di set ikon lain

Ikon Data Transfer Document Module dari Freehand free icons
Freehand free icons

FAQ Ikon Data Transfer Document Module

Apakah ikon Data Transfer Document Module gratis untuk penggunaan komersial?

Ya. Freehand color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Data Transfer Document Module di React?

Pasang @iconify/react lalu render <Icon icon="streamline-freehand-color:data-transfer-document-module" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Data Transfer Document Module ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/data-transfer-document-module.svg" alt="Ikon Data Transfer Document Module">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Freehand color icons →