Ikon Communication
icon-park:communication
Ikon Communication (icon-park:communication) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark 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
- IconPark
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Berkomunikasi
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-width="4"><path stroke="#000" stroke-linejoin="round" d="M33 38H22V30H36V22H44V38H39L36 41L33 38Z"/><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" d="M4 6H36V30H17L13 34L9 30H4V6Z"/><path stroke="#fff" d="M19 18H20"/><path stroke="#fff" d="M26 18H27"/><path stroke="#fff" d="M12 18H13"/></g></svg>
Cara memakai ikon Communication
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:communication" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:communication" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:communication" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--communication]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:communication"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:communication"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/communication.svg" alt="Ikon Communication" width="24" height="24">
Ikon Communication di set ikon lain
FAQ Ikon Communication
Apakah ikon Communication gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Communication di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:communication" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Communication ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/communication.svg" alt="Ikon Communication">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
