Ikon Connect Source
carbon:connect-source
Ikon Connect Source (carbon:connect-source) adalah ikon SVG gratis dari set Carbon karya IBM. Ikon ini digambar pada grid 32 × 32. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Carbon
- Pembuat
- IBM
- Lisensi
- Apache-2.0
- Ukuran
- 32 × 32
- Kategori
- Aksi
- Tag
- connectsource
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m24 10l-1.414 1.414L26.172 15H11.899A5.01 5.01 0 0 0 8 11.101V2H6v9.101A5 5 0 0 0 6 20.9V30h2v-9.101A5.01 5.01 0 0 0 11.899 17h14.273l-3.586 3.586L24 22l6-6ZM7 19a3 3 0 1 1 3-3a3.003 3.003 0 0 1-3 3"/></svg>
Cara memakai ikon Connect Source
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:connect-source" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:connect-source" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:connect-source" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--connect-source]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:connect-source"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:connect-source"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/carbon/connect-source.svg" alt="Ikon Connect Source" width="24" height="24">
FAQ Ikon Connect Source
Apakah ikon Connect Source gratis untuk penggunaan komersial?
Ya. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Connect Source di React?
Pasang @iconify/react lalu render <Icon icon="carbon:connect-source" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Connect Source ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/carbon/connect-source.svg" alt="Ikon Connect Source">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Carbon →
ICONYZ
