Icono Viber Messenger Line
mingcute:viber-messenger-line
El icono Viber Messenger Line (mingcute:viber-messenger-line) es un icono SVG gratuito de la colección MingCute Icon de MingCute Design. Está dibujado en una cuadrícula de 24 × 24. MingCute Icon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- MingCute Icon
- Autor
- MingCute Design
- Licencia
- Apache-2.0
- Tamaño
- 24 × 24
- Etiquetas
- vibermessenger, messengerline, vibermessengerline
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/mingcute/viber-messenger-line.svg" alt="Icono Viber Messenger Line" width="24" height="24">Iconos relacionados en MingCute Icon
Preguntas frecuentes sobre Icono Viber Messenger Line
¿El icono Viber Messenger Line es gratis para uso comercial?
Sí. MingCute Icon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Viber Messenger Line en React?
Instala @iconify/react y renderiza <Icon icon="mingcute:viber-messenger-line" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Viber Messenger Line a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/mingcute/viber-messenger-line.svg" alt="Icono Viber Messenger Line">, o pega el código SVG en línea para darle estilo con CSS.