Ikon Viber Messenger Line
mingcute:viber-messenger-line
Ikon Viber Messenger Line (mingcute:viber-messenger-line) adalah ikon SVG gratis dari set MingCute Icon karya MingCute Design. Ikon ini digambar pada grid 24 × 24. MingCute Icon 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
- MingCute Icon
- Pembuat
- MingCute Design
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Tag
- vibermessenger, messengerline, vibermessengerline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m9.615 4.095l.056.999zm5.77 0l.056-.998zm0 14.81l.056.998zM4.058 13.388l-.999.054zm0-3.776l.998.053zm16.884 0l-.998.053zm0 3.776l.999.054zM4.614 16.704l.881-.472zm1.627 1.633l.475-.88zm12.518 0l-.475-.88zm1.628-1.633l-.882-.472zm-1.628-12.04l-.475.88zm1.628 1.632l-.882.472zM6.24 4.663l.475.88zM4.614 6.296l.881.472zM7 18.63h1a1 1 0 0 0-.75-.968zM7 21H6a1 1 0 0 0 1.625.78zm2.532-2.026l.048-.999a1 1 0 0 0-.672.218zm4.061-10.087a1 1 0 1 0-.666 1.886l.333-.943zm-.361 2.191a1 1 0 0 0 1.886-.666l-.943.333zm1.361-5.02a1 1 0 1 0-.666 1.885L14.26 7zm1.468 4.02a1 1 0 0 0 1.886-.667l-.943.333zM9.615 4.094l.056.999A52 52 0 0 1 12.5 5V3c-.9 0-1.93.04-2.941.097zM12.5 4v1c.848 0 1.837.038 2.83.094l.055-.999l.056-.998A54 54 0 0 0 12.5 3zm2.885 14.905l-.056-.999c-.992.056-1.981.094-2.829.094v2c.9 0 1.93-.04 2.941-.097zM4.058 13.388l.998-.053A35 35 0 0 1 5 11.5H3c0 .603.023 1.27.06 1.942zM4 11.5h1c0-.556.022-1.185.056-1.835l-.998-.053l-.999-.054A37 37 0 0 0 3 11.5zm16.942-1.888l-.998.053c.035.65.056 1.279.056 1.835h2c0-.603-.023-1.27-.06-1.942zM21 11.5h-1c0 .556-.021 1.185-.056 1.835l.998.053l.999.054A37 37 0 0 0 22 11.5zM4.058 13.388l-.999.054c.086 1.607.124 2.71.673 3.735l.882-.473l.881-.472c-.293-.546-.344-1.13-.439-2.897zm2.183 4.949l.475-.88a3.3 3.3 0 0 1-1.221-1.225l-.881.472l-.882.473a5.3 5.3 0 0 0 2.035 2.04zm9.144.568l.056.998c1.643-.092 2.768-.134 3.792-.686l-.474-.88l-.475-.88c-.544.293-1.145.348-2.955.45zm5.557-5.517l-.998-.053c-.095 1.767-.146 2.351-.439 2.897l.882.472l.881.473c.549-1.025.587-2.128.673-3.735zm-2.183 4.949l.474.88a5.3 5.3 0 0 0 2.035-2.04l-.881-.473l-.882-.472c-.25.467-.755.973-1.22 1.224zM15.385 4.095l-.056.999c1.81.101 2.41.156 2.955.45l.475-.88l.474-.88c-1.024-.553-2.15-.595-3.792-.687zm5.557 5.517l.999-.054c-.086-1.607-.124-2.71-.673-3.735l-.881.473l-.882.472c.293.546.345 1.13.439 2.897zM18.76 4.663l-.475.88c.466.252.971.758 1.221 1.225l.882-.472l.881-.473a5.3 5.3 0 0 0-2.035-2.04zm-9.144-.568l-.056-.998c-1.643.092-2.768.134-3.792.686l.474.88l.475.88c.544-.293 1.145-.348 2.955-.45zM4.058 9.612l.998.053c.095-1.767.146-2.351.439-2.897l-.881-.472l-.882-.473c-.549 1.025-.587 2.128-.673 3.735zM6.24 4.663l-.474-.88a5.3 5.3 0 0 0-2.035 2.04l.882.473l.881.472c.25-.467.755-.973 1.22-1.224zM7 18.63H6V21h2v-2.37zm0 0l.25-.968a2.3 2.3 0 0 1-.534-.206l-.475.88l-.474.88c.315.171.637.293.982.382zm5.5.37v-1c-.98 0-1.949.022-2.92-.025l-.048 1l-.048.998c1.035.05 2.096.027 3.016.027zM7 21l.625.78l2.532-2.025l-.625-.78l-.624-.782l-2.533 2.026zm6.26-11.17l-.333.943c.141.05.255.164.305.305l.943-.333l.942-.333a2.5 2.5 0 0 0-1.524-1.525zm1-2.83l-.333.943a3.51 3.51 0 0 1 2.134 2.134l.943-.333l.943-.333a5.51 5.51 0 0 0-3.354-3.354z"/><path fill="currentColor" fill-rule="evenodd" d="M14.535 16.807c-.72-.026-2.76-.308-4.898-2.444c-2.136-2.137-2.418-4.177-2.444-4.898a2 2 0 0 1 .066-.556l.008-.031a2.95 2.95 0 0 1 1.698-1.994a.74.74 0 0 1 .722.08c.721.525 1.241 1.294 1.684 1.948l.142.21a.75.75 0 0 1-.128.993l-.975.724a.24.24 0 0 0-.071.308c.22.402.614 1 1.064 1.45s1.076.87 1.506 1.115a.24.24 0 0 0 .322-.08l.634-.967a.75.75 0 0 1 1.028-.166l.135.092c.672.464 1.428.986 1.991 1.707a.74.74 0 0 1 .095.742a2.94 2.94 0 0 1-1.986 1.692l-.037.009c-.16.04-.35.074-.556.066" clip-rule="evenodd"/></svg>Cara memakai ikon Viber Messenger Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:viber-messenger-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:viber-messenger-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:viber-messenger-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--viber-messenger-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:viber-messenger-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:viber-messenger-line"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/mingcute/viber-messenger-line.svg" alt="Ikon Viber Messenger Line" width="24" height="24">Ikon terkait di MingCute Icon
FAQ Ikon Viber Messenger Line
Apakah ikon Viber Messenger Line gratis untuk penggunaan komersial?
Ya. MingCute Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Viber Messenger Line di React?
Pasang @iconify/react lalu render <Icon icon="mingcute:viber-messenger-line" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Viber Messenger Line ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mingcute/viber-messenger-line.svg" alt="Ikon Viber Messenger Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.