Icono Schoolmessenger Light
selfhst:schoolmessenger-light
El icono Schoolmessenger Light (selfhst:schoolmessenger-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
- schoolmessengerlight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M471.1 357.3L358.9 469.6l-1.7 1.7l-.1.1c-56.7 54.8-148.2 54-203.9-1.8L125.7 442c14 5.7 28.9 9.4 44.1 10.9c5.1.5 10.3.8 15.4.8c23.1 0 46-5.1 67-14.9h.1c15.8-7.4 30.1-17.3 42.5-29.2c.7-.6 1.2-1.1 1.7-1.6l2.2-2.2l7.1-6.9h-.2l102-102.1l2.1-2.1c11.6-12.9 16.3-29.5 14.5-45.5l45.5 45.5c16.9 17.1 17.6 44.6 1.4 62.6M286.5 63.5c.5-.1.9-.2 1.4-.4c.9-.2 1.7-.4 2.6-.6c32.1-7.6 65.7-5 96 7.5l-27.6-27.6C330.7 14.2 293.4 0 256 0c-36.5 0-73 13.5-101 40.6l-.1.1c-.6.5-1.1 1-1.7 1.6L42.6 153c-.6.6-1.2 1.1-1.6 1.7c-16.2 17.9-15.5 45.4 1.6 62.6L88.1 263c-1.9-16 2.8-32.8 14.4-45.6c.7-.8 1.3-1.4 2.1-2.1L225.7 94v1c10.4-8.7 21.8-16 34.1-21.8c8.6-4 17.6-7.3 26.7-9.7M42.5 359l39.8 39.9l.1-.1c5 5 10.3 9.6 15.9 13.7c43 32.1 99.9 37.9 148.7 15.1c1.6-.8 3.2-1.5 4.8-2.4c.4-.2.7-.4 1.1-.6c.2-.1.4-.2.5-.3c-14-.6-27.7-6.2-38.4-16.9L33.8 226c-10.6-10.6-16.2-24.4-16.8-38.3C-12 242.7-3.4 313 42.5 359m427-206l-39.8-39.8l-.1-.1c-4.9-4.9-10.3-9.5-15.9-13.7c-42.9-32.1-99.9-37.8-148.7-15c-2.2 1-4.4 2.1-6.5 3.3c14 .6 27.7 6.3 38.4 16.9l110.6 110.7l.1-.1l70.7 70.8c10.6 10.6 16.2 24.2 16.8 38.1c28.9-55 20.3-125.1-25.6-171.1"/></svg>Cómo usar el icono Schoolmessenger Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:schoolmessenger-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:schoolmessenger-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:schoolmessenger-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--schoolmessenger-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:schoolmessenger-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:schoolmessenger-light"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/selfhst/schoolmessenger-light.svg" alt="Icono Schoolmessenger Light" width="24" height="24">Iconos relacionados en selfh.st/icons
Preguntas frecuentes sobre Icono Schoolmessenger Light
¿El icono Schoolmessenger 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 Schoolmessenger Light en React?
Instala @iconify/react y renderiza <Icon icon="selfhst:schoolmessenger-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Schoolmessenger Light a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/schoolmessenger-light.svg" alt="Icono Schoolmessenger Light">, o pega el código SVG en línea para darle estilo con CSS.