Ikon Contact
cil:contact
Ikon Contact (cil:contact) adalah ikon SVG gratis dari set CoreUI Free karya creativeLabs Łukasz Holeczek. Ikon ini digambar pada grid 512 × 512. CoreUI Free 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
- CoreUI Free
- Pembuat
- creativeLabs Łukasz Holeczek
- Lisensi
- CC-BY-4.0
- Ukuran
- 512 × 512
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M472 48H40a24.03 24.03 0 0 0-24 24v368a24.03 24.03 0 0 0 24 24h88v-58.822a20.01 20.01 0 0 1 10.284-17.478l91.979-51.123L200 260.919V200a56 56 0 0 1 112 0v60.919l-30.263 75.655l91.979 51.126A20.01 20.01 0 0 1 384 405.178V464h88a24.03 24.03 0 0 0 24-24V72a24.03 24.03 0 0 0-24-24m-8 384h-48v-26.822a52.03 52.03 0 0 0-26.738-45.451L321.915 322.3L344 267.081V200a88 88 0 0 0-176 0v67.081l22.085 55.219l-67.347 37.432A52.03 52.03 0 0 0 96 405.178V432H48V80h416Z"/></svg>
Cara memakai ikon Contact
React
import { Icon } from "@iconify/react";
<Icon icon="cil:contact" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:contact" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:contact" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--contact]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:contact"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:contact"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/cil/contact.svg" alt="Ikon Contact" width="24" height="24">
Ikon Contact di set ikon lain
FAQ Ikon Contact
Apakah ikon Contact gratis untuk penggunaan komersial?
Ya. CoreUI Free 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 Contact di React?
Pasang @iconify/react lalu render <Icon icon="cil:contact" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Contact ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/cil/contact.svg" alt="Ikon Contact">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon CoreUI Free →
ICONYZ
