Ikon Contact
fluent-mdl2:contact
Ikon Contact (fluent-mdl2:contact) adalah ikon SVG gratis dari set Fluent UI MDL2 karya Microsoft Corporation. Ikon ini digambar pada grid 2048 × 2048. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Fluent UI MDL2
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 2048 × 2048
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1330 1203q136 47 245 131t186 196t118 243t41 275h-128q0-164-58-304t-162-244t-243-161t-305-59q-107 0-206 27t-184 76t-155 119t-119 155t-77 185t-27 206H128q0-144 42-275t119-242t186-194t245-133q-78-42-140-102T475 969t-67-157t-24-172q0-133 50-249t137-204T774 50t250-50q133 0 249 50t204 137t137 203t50 250q0 88-23 171t-67 156t-105 133t-139 103M512 640q0 106 40 199t110 162t163 110t199 41t199-40t162-110t110-163t41-199t-40-199t-110-162t-163-110t-199-41t-199 40t-162 110t-110 163t-41 199"/></svg>
Cara memakai ikon Contact
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:contact" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:contact" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:contact" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--contact]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:contact"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:contact"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/contact.svg" alt="Ikon Contact" width="24" height="24">
Ikon terkait di Fluent UI MDL2
Ikon Contact di set ikon lain
FAQ Ikon Contact
Apakah ikon Contact gratis untuk penggunaan komersial?
Ya. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Contact di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2: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/fluent-mdl2/contact.svg" alt="Ikon Contact">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Fluent UI MDL2 →
ICONYZ
