Ikon Add Contact
openmoji:add-contact
Ikon Add Contact (openmoji:add-contact) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- OpenMoji
- Pembuat
- OpenMoji
- Lisensi
- CC-BY-SA-4.0
- Ukuran
- 72 × 72
- Kategori
- Ekstra OpenMoji
- Tag
- addcontact
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d0cfce" d="M32 50.08H21.92V40h-3.84v10.08H8v3.84h10.08V64h3.84V53.92H32z"/><path fill="#92d3f5" d="M61.395 57a.96.96 0 0 1-.962-.962v-.885c0-4.282-4.324-7.512-8.321-7.687c-5.969 4.82-12.015 4.82-17.983 0c-3.997.175-8.321 3.405-8.321 7.687V57"/><path fill="#f1b31c" d="M57.83 46.215a.96.96 0 0 1 0-1.36c1.762-1.763 3.411-6.224 1.557-10.624a116 116 0 0 0-1.114-2.532c-1.416-3.145-1.945-4.322-2.258-10.122c-.342-6.35-5.987-6.806-6.227-6.823a.96.96 0 0 1-.662-.33c-.09-.1-2.317-2.553-6.967-2.553c-5.965 0-11.005 3.253-12.257 7.912c-.675 2.512-.608 4.255-.543 5.94c.07 1.802.136 3.505-.732 5.733c-.289.744-.612 1.476-.933 2.206c-1.642 3.722-3.06 6.936-.124 11.34a.962.962 0 0 1-.8 1.495a1 1 0 0 1-.413-.102a29 29 0 0 0 3.275 2.523c1.371-.86 2.957-1.385 4.497-1.452c5.968 4.82 12.014 4.82 17.983 0c1.18.051 2.388.376 3.506.91a50 50 0 0 0 3.23-1.945a.96.96 0 0 1-1.018-.216"/><path fill="#fcea2b" d="M33.502 29.27v.876c0 7.01 4.225 12.503 9.618 12.503s9.619-5.492 9.619-12.503c0-4.265-1.63-6.888-4.843-10.205c-2.054 1.756-5.319 3.62-8.238 5.288c-2.426 1.384-5.733 3.273-6.156 4.04m-.02.039"/><path d="M26.77 46.496a.96.96 0 0 1-.8-.428c-3.521-5.28-1.67-9.478-.036-13.182c.31-.705.622-1.41.9-2.128c.724-1.856.668-3.295.603-4.961c-.067-1.743-.144-3.719.607-6.514c1.478-5.497 7.282-9.336 14.115-9.336c4.65 0 7.325 2.15 8.149 2.938c1.555.246 7.253 1.623 7.628 8.588c.293 5.442.71 6.368 2.091 9.436c.325.72.699 1.551 1.132 2.573c2.325 5.517.026 10.738-1.97 12.733a.961.961 0 1 1-1.36-1.36c1.763-1.763 3.412-6.224 1.558-10.624a116 116 0 0 0-1.114-2.532c-1.416-3.145-1.945-4.321-2.258-10.122c-.341-6.35-5.987-6.806-6.227-6.823a.96.96 0 0 1-.662-.33c-.089-.1-2.317-2.553-6.967-2.553c-5.965 0-11.005 3.253-12.257 7.912c-.675 2.512-.608 4.255-.542 5.94c.07 1.802.135 3.505-.733 5.734a54 54 0 0 1-.933 2.205c-1.642 3.722-3.06 6.936-.124 11.34a.962.962 0 0 1-.8 1.494"/><path d="M35.412 46.03c5.294 4.234 10.45 4.144 15.75-.272a.96.96 0 0 1 .615-.223c5.636.002 10.58 4.496 10.58 9.618v.885a.962.962 0 1 1-1.924 0v-.885c0-4.282-4.324-7.513-8.321-7.687c-5.968 4.82-12.014 4.82-17.983 0c0 0-.483-.55-.02-1.192c.465-.64 1.303-.245 1.303-.245m13.479-16.845a1.924 1.924 0 1 1-3.848-.002a1.924 1.924 0 0 1 3.848.002m-7.694 0a1.924 1.924 0 1 1-3.849-.002a1.924 1.924 0 0 1 3.849.002"/><path d="M43.12 44.573c-6.472 0-11.541-6.337-11.541-14.427v-.962c0-1.494 2.184-2.804 7.125-5.626c3.181-1.816 6.787-3.875 8.545-5.634a.96.96 0 0 1 1.36 0c3.926 3.925 6.053 7.036 6.053 12.222c0 8.09-5.07 14.427-11.542 14.427m-9.618-15.304v.877c0 7.01 4.225 12.503 9.618 12.503s9.619-5.492 9.619-12.503c0-4.265-1.63-6.888-4.843-10.205c-2.054 1.756-5.319 3.62-8.238 5.288c-2.426 1.384-5.733 3.273-6.156 4.04m-.02.04"/><path d="M43.12 38.804c-1.107 0-2.215-.275-3.315-.825a.962.962 0 1 1 .86-1.72c1.652.826 3.258.826 4.91 0a.962.962 0 0 1 .861 1.72q-1.652.825-3.316.825"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M32 50.08H21.92V40h-3.84v10.08H8v3.84h10.08V64h3.84V53.92H32z"/></svg>Cara memakai ikon Add Contact
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:add-contact" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:add-contact" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:add-contact" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--add-contact]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:add-contact"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:add-contact"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/openmoji/add-contact.svg" alt="Ikon Add Contact" width="24" height="24">Ikon terkait di OpenMoji
FAQ Ikon Add Contact
Apakah ikon Add Contact gratis untuk penggunaan komersial?
Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Add Contact di React?
Pasang @iconify/react lalu render <Icon icon="openmoji:add-contact" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Add Contact ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/add-contact.svg" alt="Ikon Add Contact">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.