Ikon Intercom
icon-park:intercom
Ikon Intercom (icon-park:intercom) 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
- Perangkat keras
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M13 14C13 12.3431 14.3431 11 16 11H32C33.6569 11 35 12.3431 35 14V25L33 31V41C33 42.6569 31.6569 44 30 44H18C16.3431 44 15 42.6569 15 41V31L13 25V14Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M19 11L19 4"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M28 11L28 7"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M28 19L20 19"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M26 26L22 26"/></g></svg>Cara memakai ikon Intercom
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:intercom" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:intercom" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:intercom" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--intercom]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:intercom"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:intercom"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/intercom.svg" alt="Ikon Intercom" width="24" height="24">Ikon Intercom di set ikon lain
FAQ Ikon Intercom
Apakah ikon Intercom 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 Intercom di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:intercom" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Intercom ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/intercom.svg" alt="Ikon Intercom">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.