Icône Rocket Chat Light
selfhst:rocket-chat-light
L'icône Rocket Chat Light (selfhst:rocket-chat-light) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- selfh.st/icons
- Auteur
- selfh.st
- Licence
- CC-BY-4.0
- Taille
- 512 × 512
- Mots-clés
- rocketchat, chatlight, rocketchatlight
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" 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>Comment utiliser l'icône Rocket Chat Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:rocket-chat-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:rocket-chat-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:rocket-chat-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--rocket-chat-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:rocket-chat-light"></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-light"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/selfhst/rocket-chat-light.svg" alt="Icône Rocket Chat Light" width="24" height="24">Icônes similaires dans selfh.st/icons
FAQ : Icône Rocket Chat Light
L'icône Rocket Chat Light est-elle gratuite pour un usage commercial ?
Oui. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Rocket Chat Light dans React ?
Installez @iconify/react et affichez <Icon icon="selfhst:rocket-chat-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Rocket Chat Light à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/rocket-chat-light.svg" alt="Icône Rocket Chat Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.