ICONYZ
Español
Icono Voicemail de IconPark

Icono Voicemail

icon-park:voicemail

El icono Voicemail (icon-park:voicemail) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark 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
IconPark
Autor
ByteDance
Licencia
Apache-2.0
Tamaño
48 × 48
Categoría
Música
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M11 31C14.866 31 18 27.866 18 24C18 20.134 14.866 17 11 17C7.13401 17 4 20.134 4 24C4 27.866 7.13401 31 11 31Z"/><path fill="#2F88FF" d="M37 31C40.866 31 44 27.866 44 24C44 20.134 40.866 17 37 17C33.134 17 30 20.134 30 24C30 27.866 33.134 31 37 31Z"/><path stroke-linecap="round" d="M12 31H36"/></g></svg>

Cómo usar el icono Voicemail

React

import { Icon } from "@iconify/react";

<Icon icon="icon-park:voicemail" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="icon-park:voicemail" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="icon-park:voicemail" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--voicemail]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:voicemail"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="icon-park:voicemail"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/icon-park/voicemail.svg" alt="Icono Voicemail" width="24" height="24">

El icono Voicemail en otras colecciones

Preguntas frecuentes sobre Icono Voicemail

¿El icono Voicemail es gratis para uso comercial?

Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Voicemail en React?

Instala @iconify/react y renderiza <Icon icon="icon-park:voicemail" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Voicemail a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/voicemail.svg" alt="Icono Voicemail">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos IconPark →