Ikon Contact Phonebook
streamline-plump-color:contact-phonebook
Ikon Contact Phonebook (streamline-plump-color:contact-phonebook) adalah ikon SVG gratis dari set Plump color icons karya Streamline. Ikon ini digambar pada grid 48 × 48. Plump color 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
- Plump color icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 48 × 48
- Kategori
- Telepon
- Tag
- contactphonebook
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M39.848 44.496c2.55-.218 4.477-2.198 4.664-4.75C44.75 36.516 45 31.365 45 24s-.25-12.517-.488-15.745c-.188-2.554-2.113-4.532-4.664-4.75C36.908 3.252 32.37 3 26 3s-10.909.253-13.848.504c-2.55.219-4.476 2.197-4.664 4.75C7.25 11.484 7 16.635 7 24s.25 12.517.488 15.745c.188 2.553 2.113 4.533 4.664 4.75C15.092 44.748 19.63 45 26 45s10.909-.253 13.848-.504"/><path fill="#fff" d="M30.209 25.071a6 6 0 1 0-6.438-.014c-2.862 1.034-5.054 3.416-5.769 6.356c-.312 1.28.438 2.498 1.713 2.834c1.425.376 3.732.753 7.255.753c3.524 0 5.83-.377 7.255-.753c1.275-.336 2.025-1.553 1.713-2.834c-.712-2.927-2.887-5.3-5.73-6.342ZM5.489 37.978c-1.36-.04-2.433-.913-2.478-2.272a21 21 0 0 1 0-1.412c.045-1.36 1.118-2.232 2.478-2.272a52 52 0 0 1 3.022 0c1.36.04 2.433.913 2.478 2.272a21 21 0 0 1 0 1.412c-.045 1.36-1.118 2.232-2.478 2.272a52 52 0 0 1-3.022 0m0-11c-1.36-.04-2.433-.913-2.478-2.272a21 21 0 0 1 0-1.412c.045-1.36 1.118-2.232 2.478-2.272a52 52 0 0 1 3.022 0c1.36.04 2.433.913 2.478 2.272a21 21 0 0 1 0 1.412c-.045 1.36-1.118 2.232-2.478 2.272a52 52 0 0 1-3.022 0m0-11c-1.36-.04-2.433-.913-2.478-2.272a21 21 0 0 1 0-1.412c.045-1.36 1.118-2.232 2.478-2.272a52 52 0 0 1 3.022 0c1.36.04 2.433.913 2.478 2.272a21 21 0 0 1 0 1.412c-.045 1.36-1.118 2.232-2.478 2.272a52 52 0 0 1-3.022 0"/><path stroke="#2859c5" stroke-linejoin="round" d="M5.489 37.978c-1.36-.04-2.433-.913-2.478-2.272a21 21 0 0 1 0-1.412c.045-1.36 1.118-2.232 2.478-2.272a52 52 0 0 1 3.022 0c1.36.04 2.433.913 2.478 2.272a21 21 0 0 1 0 1.412c-.045 1.36-1.118 2.232-2.478 2.272a52 52 0 0 1-3.022 0Zm0-11c-1.36-.04-2.433-.913-2.478-2.272a21 21 0 0 1 0-1.412c.045-1.36 1.118-2.232 2.478-2.272a52 52 0 0 1 3.022 0c1.36.04 2.433.913 2.478 2.272a21 21 0 0 1 0 1.412c-.045 1.36-1.118 2.232-2.478 2.272a52 52 0 0 1-3.022 0Zm0-11c-1.36-.04-2.433-.913-2.478-2.272a21 21 0 0 1 0-1.412c.045-1.36 1.118-2.232 2.478-2.272a52 52 0 0 1 3.022 0c1.36.04 2.433.913 2.478 2.272a21 21 0 0 1 0 1.412c-.045 1.36-1.118 2.232-2.478 2.272a52 52 0 0 1-3.022 0Z"/><path stroke="#2859c5" stroke-linejoin="round" d="M7.371 37.999q.059.951.117 1.746c.188 2.553 2.113 4.533 4.664 4.75c2.94.252 7.479.505 13.848.505s10.909-.253 13.848-.504c2.551-.218 4.477-2.198 4.664-4.75C44.75 36.516 45 31.365 45 24s-.25-12.517-.488-15.745c-.188-2.554-2.113-4.532-4.664-4.75C36.908 3.252 32.37 3 26 3s-10.909.253-13.848.504c-2.55.219-4.476 2.197-4.664 4.75q-.06.795-.117 1.747M7.109 32a261 261 0 0 1-.095-5m0-6c.017-1.824.05-3.488.095-5"/><path stroke="#2859c5" stroke-linejoin="round" d="M30.209 25.071a6 6 0 1 0-6.438-.014c-2.862 1.034-5.054 3.416-5.769 6.356c-.312 1.28.438 2.498 1.713 2.834c1.425.376 3.732.753 7.255.753c3.524 0 5.83-.377 7.255-.753c1.275-.336 2.025-1.553 1.713-2.834c-.712-2.927-2.887-5.3-5.73-6.342Z"/></g></svg>Cara memakai ikon Contact Phonebook
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:contact-phonebook" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:contact-phonebook" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:contact-phonebook" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--contact-phonebook]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:contact-phonebook"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:contact-phonebook"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/contact-phonebook.svg" alt="Ikon Contact Phonebook" width="24" height="24">Ikon terkait di Plump color icons
Ikon Contact Phonebook di set ikon lain
FAQ Ikon Contact Phonebook
Apakah ikon Contact Phonebook gratis untuk penggunaan komersial?
Ya. Plump color 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 Phonebook di React?
Pasang @iconify/react lalu render <Icon icon="streamline-plump-color:contact-phonebook" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Contact Phonebook ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/contact-phonebook.svg" alt="Ikon Contact Phonebook">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.