Icono Rocket Chat
selfhst:rocket-chat
El icono Rocket Chat (selfhst:rocket-chat) 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
- rocketchat
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#f5455c" d="M488.7 178.7c-13.9-21.6-33.3-40.7-57.8-56.8C383.6 90.8 321.5 73.7 256 73.7c-21.9 0-43.5 1.9-64.4 5.7c-13-12.5-28.2-23.8-44.3-32.7C87.7 16.9 35.1 28 8.6 37.6c-8.7 3.1-11.4 14.2-5 20.9c18.7 19.4 49.7 57.6 42.1 92.4C16.1 181.1 0 217.6 0 255.6c0 38.7 16.1 75.2 45.7 105.5c7.6 34.8-23.4 73.1-42.1 92.4c-6.4 6.6-3.8 17.7 5 20.8c26.6 9.6 79.1 20.7 138.8-9.1c16.1-8.9 31.3-20.2 44.3-32.7c20.9 3.8 42.5 5.7 64.4 5.7c65.5 0 127.6-17.1 174.9-48.2c24.5-16.1 43.9-35.2 57.8-56.8c15.5-24 23.3-49.9 23.3-76.9c-.1-27.7-7.9-53.5-23.4-77.6M253.3 393.4c-28.3 0-55.3-3.7-79.9-10.3l-18 17.3c-9.8 9.4-21.2 17.9-33.2 24.6c-15.8 7.8-31.5 12-46.9 13.3c.9-1.6 1.7-3.2 2.5-4.8c18-33.2 22.9-62.9 14.6-89.4C62.9 321 45.2 291.3 45.2 259c0-74.2 93.2-134.4 208.1-134.4S461.4 184.8 461.4 259c.1 74.3-93.1 134.4-208.1 134.4m-99.5-165.3c-16.9 0-30.7 13.6-30.7 30.5s13.7 30.5 30.7 30.5c16.9 0 30.7-13.6 30.7-30.5s-13.8-30.5-30.7-30.5m98.7 0c-16.9 0-30.7 13.6-30.7 30.5s13.7 30.5 30.7 30.5c16.9 0 30.7-13.6 30.7-30.5s-13.8-30.5-30.7-30.5m98.7 0c-16.9 0-30.7 13.6-30.7 30.5s13.7 30.5 30.7 30.5s30.7-13.6 30.7-30.5s-13.7-30.5-30.7-30.5"/></svg>Cómo usar el icono Rocket Chat
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:rocket-chat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:rocket-chat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:rocket-chat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--rocket-chat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:rocket-chat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:rocket-chat"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/selfhst/rocket-chat.svg" alt="Icono Rocket Chat" width="24" height="24">Iconos relacionados en selfh.st/icons
El icono Rocket Chat en otras colecciones
Preguntas frecuentes sobre Icono Rocket Chat
¿El icono Rocket Chat 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 Rocket Chat en React?
Instala @iconify/react y renderiza <Icon icon="selfhst:rocket-chat" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Rocket Chat a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/rocket-chat.svg" alt="Icono Rocket Chat">, o pega el código SVG en línea para darle estilo con CSS.