Icône Rocket Chat Icon
logos:rocket-chat-icon
L'icône Rocket Chat Icon (logos:rocket-chat-icon) est une icône SVG gratuite de la collection SVG Logos par Gil Barbara. Elle est dessinée sur une grille de 256 × 230. Les SVG Logos icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- SVG Logos
- Auteur
- Gil Barbara
- Licence
- CC0-1.0
- Taille
- 256 × 230
- Mots-clés
- rocketchat, chaticon, rocketchaticon
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="230" viewBox="0 0 256 230"><path fill="#f5455c" d="M4.278 5.108C17.561.324 43.861-5.242 73.692 9.68a106.6 106.6 0 0 1 22.126 16.374c10.467-1.891 21.248-2.846 32.192-2.846c32.754 0 63.808 8.584 87.443 24.165c12.233 8.077 21.963 17.653 28.906 28.47c7.725 12.057 11.65 25.013 11.641 38.914c0 13.52-3.916 26.494-11.65 38.543c-6.943 10.826-16.674 20.393-28.906 28.47c-23.626 15.58-54.68 24.155-87.444 24.155c-10.944 0-21.725-.956-32.191-2.846a106.6 106.6 0 0 1-22.126 16.374c-29.842 14.922-56.131 9.356-69.414 4.563c-4.364-1.575-5.702-7.113-2.484-10.444c9.368-9.7 24.867-28.88 21.057-46.314C8.032 152.089 0 133.796 0 114.386c0-19.047 8.031-37.34 22.852-52.52c3.81-17.433-11.689-36.604-21.057-46.304c-3.228-3.332-1.88-8.879 2.483-10.454m122.395 43.631c-57.469 0-104.06 30.15-104.06 67.337c0 16.201 8.842 31.076 23.587 42.695q6.23 19.866-7.296 44.786c-.43.803-.83 1.604-1.27 2.397c7.735-.64 15.556-2.769 23.472-6.654a82.4 82.4 0 0 0 16.597-12.345l8.996-8.679c12.309 3.313 25.812 5.146 39.974 5.146c57.468 0 104.059-30.14 104.068-67.346c0-37.187-46.6-67.337-104.068-67.337M76.882 100.6c8.47 0 15.336 6.836 15.336 15.266s-6.866 15.267-15.336 15.267s-15.336-6.836-15.336-15.267S68.412 100.6 76.882 100.6m49.37 0c8.47 0 15.337 6.836 15.337 15.266s-6.867 15.267-15.336 15.267s-15.337-6.836-15.337-15.267s6.866-15.265 15.337-15.265m49.37 0c8.46 0 15.336 6.836 15.336 15.266s-6.866 15.267-15.335 15.267s-15.337-6.836-15.337-15.267s6.866-15.265 15.337-15.265"/></svg>Comment utiliser l'icône Rocket Chat Icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:rocket-chat-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:rocket-chat-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:rocket-chat-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--rocket-chat-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:rocket-chat-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:rocket-chat-icon"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/logos/rocket-chat-icon.svg" alt="Icône Rocket Chat Icon" width="24" height="24">Icônes similaires dans SVG Logos
FAQ : Icône Rocket Chat Icon
L'icône Rocket Chat Icon est-elle gratuite pour un usage commercial ?
Oui. Les SVG Logos icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Rocket Chat Icon dans React ?
Installez @iconify/react et affichez <Icon icon="logos:rocket-chat-icon" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Rocket Chat Icon à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/logos/rocket-chat-icon.svg" alt="Icône Rocket Chat Icon">, ou collez le code SVG directement dans la page pour le styliser en CSS.