ICONYZ
Español
Icono Message Emoji de IconPark

Icono Message Emoji

icon-park:message-emoji

El icono Message Emoji (icon-park:message-emoji) 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
Comunicar
Etiquetas
messageemoji
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-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M44 7H4V37H11V42L21 37H44V7Z"/><path stroke="#fff" d="M31 16V17"/><path stroke="#fff" d="M17 16V17"/><path stroke="#fff" d="M31 25C31 25 29 29 24 29C19 29 17 25 17 25"/></g></svg>

Cómo usar el icono Message Emoji

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="icon-park:message-emoji"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/icon-park/message-emoji.svg" alt="Icono Message Emoji" width="24" height="24">

Iconos relacionados en IconPark

El icono Message Emoji en otras colecciones

Preguntas frecuentes sobre Icono Message Emoji

¿El icono Message Emoji 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 Message Emoji en React?

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

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

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

Ver todos los Iconos IconPark →