Icono Google Messages Light
selfhst:google-messages-light
El icono Google Messages Light (selfhst:google-messages-light) es un icono SVG gratuito de la colección selfh.st/icons de selfh.st. Está dibujado en una cuadrícula de 512 × 512. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- selfh.st/icons
- Autor
- selfh.st
- Licencia
- CC-BY-4.0
- Tamaño
- 512 × 512
- Etiquetas
- googlemessages, messageslight, googlemessageslight, message
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="m49.5 281l-2.3-2.3c-.2-.2-.4-.5-.7-.7c-.7-.7-1.4-1.5-2.1-2.2c-.3-.3-.5-.6-.8-.8c-.7-.7-1.3-1.4-1.9-2.2c-.5-.6-1.1-1.2-1.6-1.9c-1.3-8-2-15.5-2.3-22.7c-.1-2.4-.2-4.8-.2-7.1c-.1-91.6 69.1-166.1 154-166.1h167.3c32.2 0 63.3 10.9 89.1 30.5c.1 0 .1.1.2.1c1 .7 1.9 1.5 2.9 2.3c.2.1.4.3.6.5c.9.7 1.7 1.4 2.5 2.1c.3.2.5.4.8.6l2.4 2.1c.3.2.5.5.8.7c.8.7 1.6 1.4 2.3 2.1c.2.2.4.4.6.5c.8.8 1.7 1.6 2.5 2.4l.1.1c2.9 2.9 5.7 5.9 8.3 9c1.7 11.1 2.5 20.7 2.5 30.1c0 91.6-69.1 166.1-154.1 166.1H153c-1.3 0-2.6 0-4-.1c-35.4-1-69.6-15.3-96.3-40.1l-.2-.2c-.9-.8-1.7-1.6-2.6-2.5c-.1 0-.3-.1-.4-.3M512 234c0-31.4-8.9-61.3-24.6-86.4v.9c.1 1.2.1 2.3.2 3.5v1.4c0 1.6.1 3.2.1 4.8c0 98.9-75.1 179.4-167.4 179.4H153c-1.3 0-2.7 0-4-.1h-1.4c-.9 0-1.7-.1-2.6-.1c-.6 0-1.1-.1-1.7-.1c-.8 0-1.5-.1-2.3-.2c-.6 0-1.2-.1-1.8-.1c-.4 0-.8-.1-1.2-.1c-1.7-.2-3.4-.4-5-.6c-.3 0-.5-.1-.8-.1c-1-.1-2-.3-3-.4h-.3c-15.9-2.5-31.3-7.4-45.8-14.6c-11.2-5.5-21.8-12.3-31.5-20.2c7.7 17.5 18.4 33.4 31.6 46.9l156.5 161.3c1.6 1.7 3.9 2.7 6.3 2.7c5 0 9.2-4.5 9.2-9.7V393h102.9C443 393 512 321.7 512 234"/><path fill="#fff" d="M191.6 61.7h167.3c1.4 0 2.7 0 4.1.1h1.4c.9 0 1.8.1 2.7.1c.5 0 1.1.1 1.6.1c.8.1 1.6.1 2.4.2c.6 0 1.1.1 1.7.1c.8.1 1.7.2 2.5.2c1.1.1 2.2.2 3.3.4c.6.1 1.2.1 1.8.2c.8.1 1.6.2 2.4.4c.4.1.9.1 1.3.2c.9.1 1.8.3 2.6.5c.3.1.6.1.9.2c11.8 2.2 23.3 5.7 34.3 10.5c14.7 6.3 28.3 14.6 40.6 24.7C439.1 39.8 383.8.1 320.7.1H153.8C69 .1 0 72.8 0 162.2c0 31.5 8.8 61.8 24.4 87.5v-.2c0-.9-.1-1.9-.1-2.8v-5.5c-.1-99 75-179.5 167.3-179.5" opacity=".5"/></svg>
Cómo usar el icono Google Messages Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:google-messages-light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:google-messages-light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:google-messages-light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--google-messages-light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:google-messages-light"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:google-messages-light"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/selfhst/google-messages-light.svg" alt="Icono Google Messages Light" width="24" height="24">
Iconos relacionados en selfh.st/icons
Preguntas frecuentes sobre Icono Google Messages Light
¿El icono Google Messages Light es gratis para uso comercial?
Sí. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Google Messages Light en React?
Instala @iconify/react y renderiza <Icon icon="selfhst:google-messages-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Google Messages Light a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/google-messages-light.svg" alt="Icono Google Messages Light">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los selfh.st/icons →
