Ikon Connect Device Exchange
streamline-freehand-color:connect-device-exchange
Ikon Connect Device Exchange (streamline-freehand-color:connect-device-exchange) 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
- Telepon dan perangkat seluler
- Tag
- connectdevice, deviceexchange, connectdeviceexchange
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="m17.631 9.37l-.05.47l-.15.8l-.18 1.36a.34.34 0 0 0 .25.41a.35.35 0 0 0 .41-.25l.39-1.3l.29-.79l.14-.52a1.5 1.5 0 0 0-.14-1.19a1 1 0 0 0-.65-.359a5.4 5.4 0 0 0-.94 0l-.879.08l-1.35.16a.31.31 0 0 0-.31.29a.32.32 0 0 0 .29.31l1.39.12l.66.07l-3.669 2.439c-.46.32-1 .71-1.589 1.159c-1 .82-2.119 1.77-2.999 2.509v-.28l.21-2.089a.31.31 0 0 0-.23-.36a.3.3 0 0 0-.35.23c-.17.5-.35 1-.5 1.43c-.07.21-.13.43-.18.65c-.1.403-.1.825 0 1.229c.15.37.48.68 1.29.75l2.45-.06a.342.342 0 0 0 .397-.336a.34.34 0 0 0-.398-.334l-2.229-.37c.8-.51 1.75-1.12 2.65-1.74s1.518-1.089 2.118-1.489c.21-.15.53-.38.9-.67c.92-.72 2.139-1.729 2.938-2.369z"/><path fill="#020202" d="M12.394 17.817a.29.29 0 0 0-.33-.26a.3.3 0 0 0-.26.33c.06.53.12.92.16 1.43s.06.819.06 1.419a1.08 1.08 0 0 1-.38.88a3.7 3.7 0 0 1-1.66.539l-4.197.59c-.41 0-1.13.18-1.77.22a1.54 1.54 0 0 1-.85-.07a1.77 1.77 0 0 1-.469-.9a11 11 0 0 1-.36-2L1.188 10a5 5 0 0 1-.07-.78a.86.86 0 0 1 .15-.52a1.75 1.75 0 0 1 .62-.399l.45 1.08q.267.423.63.77c.139.137.306.243.49.309c.5.068 1.008.068 1.509 0q1.062-.075 2.09-.36c.329-.13.789-.28 1.139-.46q.308-.134.56-.36a1.5 1.5 0 0 0 .35-.65c.11-.389.16-.889.22-1.219v-.42a.34.34 0 0 1 .179.01c.347.247.606.597.74 1c.252.642.42 1.314.5 2a.34.34 0 0 0 .67-.08a8.6 8.6 0 0 0-.5-2.25a2.74 2.74 0 0 0-1-1.35a2.3 2.3 0 0 0-1.21-.2q-1.224.064-2.429.3l-2.738.41a9.5 9.5 0 0 0-1.84.41a3 3 0 0 0-1.209.76a1.74 1.74 0 0 0-.39.9c-.05.398-.05.801 0 1.2l1.09 9.995c.088.863.28 1.712.57 2.529c.15.435.425.817.79 1.1c.37.207.794.3 1.219.269q1.081-.1 2.149-.31l4.208-.75a4.3 4.3 0 0 0 1.999-.77a1.7 1.7 0 0 0 .59-1.439c0-.63-.06-1.08-.1-1.469c-.04-.39-.15-.91-.22-1.44M3.668 7.82l2.768-.49q.99-.227 2-.35h.28l-.07.31c-.08.26-.16.65-.28 1a1 1 0 0 1-.2.38a1.6 1.6 0 0 1-.47.19c-.31.1-.68.19-1 .26q-.609.14-1.23.22l-1.129.06a3.2 3.2 0 0 1-.65.06a.9.9 0 0 1-.3-.19a2 2 0 0 1-.38-.33L2.499 8q.577-.155 1.17-.23z"/><path fill="#0c6fff" d="M23.939 3.003a2.4 2.4 0 0 0-.47-1.45a2.3 2.3 0 0 0-1-.609a15 15 0 0 0-2.199-.44l-2.419-.36a7 7 0 0 0-1.679-.14c-.43.003-.853.113-1.23.32a1.54 1.54 0 0 0-.58.66a4.6 4.6 0 0 0-.28 1L13.004 8.36a.303.303 0 0 0 .23.36a.3.3 0 0 0 .36-.23l1.37-6.317q.056-.35.19-.68a.7.7 0 0 1 .29-.37c.175-.08.366-.12.56-.12a7.4 7.4 0 0 0-.12 1.17c.004.29.08.575.219.83c.105.152.242.282.4.38q.407.244.86.389c.721.23 1.465.385 2.219.46c.575.082 1.163.02 1.709-.18c.306-.234.55-.54.71-.89q.252-.51.41-1.06a.55.55 0 0 1 .19.14c.184.34.25.73.19 1.11a12.7 12.7 0 0 1-.33 2.21c-.14.689-.26 1.349-.38 1.998c-.16 1-.3 1.94-.48 2.999c-.12.74-.24 1.51-.39 2.269c-.11.5-.22 1-.36 1.46a.85.85 0 0 1-.68.639c-.43.075-.87.075-1.3 0c-.489-.06-1.129-.16-1.808-.28c-.68-.12-1.22-.22-1.78-.36a.33.33 0 0 0-.41.24a.33.33 0 0 0 .24.41c.45.13 1 .25 1.45.36c.81.17 1.62.31 2.189.41a4.06 4.06 0 0 0 1.929 0a1.67 1.67 0 0 0 1-1.1c.16-.5.3-1 .43-1.53c.18-.769.33-1.539.48-2.288l.999-4.928c.225-.936.342-1.896.35-2.859m-2.54-.44a1.8 1.8 0 0 1-.57.65a.8.8 0 0 1-.219 0a7 7 0 0 1-.91-.09q-1.014-.12-1.999-.39c-.17 0-.36-.08-.55-.14a.6.6 0 0 1-.3-.13a1.16 1.16 0 0 1-.17-.56a7 7 0 0 1 0-.909q.506.037 1 .15l2.46.45c.44.07 1.069.15 1.639.29c-.13.22-.25.45-.38.68"/></g></svg>Cara memakai ikon Connect Device Exchange
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:connect-device-exchange" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:connect-device-exchange" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:connect-device-exchange" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--connect-device-exchange]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:connect-device-exchange"></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:connect-device-exchange"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/connect-device-exchange.svg" alt="Ikon Connect Device Exchange" width="24" height="24">Ikon terkait di Freehand color icons
Ikon Connect Device Exchange di set ikon lain
FAQ Ikon Connect Device Exchange
Apakah ikon Connect Device Exchange 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 Connect Device Exchange di React?
Pasang @iconify/react lalu render <Icon icon="streamline-freehand-color:connect-device-exchange" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Connect Device Exchange ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/connect-device-exchange.svg" alt="Ikon Connect Device Exchange">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.