Ícone Rocketchat
la:rocketchat
O ícone Rocketchat (la:rocketchat) é um ícone SVG gratuito da coleção Line Awesome de Icons8. Ele é desenhado em uma grade de 32 × 32. Line Awesome icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Line Awesome
- Autor
- Icons8
- Licença
- Apache-2.0
- Tamanho
- 32 × 32
- Categoria
- Outros
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M7.549 5A7.76 7.76 0 0 0 4 5.85a7.9 7.9 0 0 1 2.836 4.45C5.066 11.855 4 13.84 4 16c0 2.1 1.003 4.11 2.84 5.717a7.9 7.9 0 0 1-1.758 3.406l-1.068 1.223l1.572.406c.64.166 1.3.248 1.963.248c2.228 0 4.293-.802 5.875-2.271A17.4 17.4 0 0 0 16.5 25c6.893 0 12.5-4.038 12.5-9s-5.607-9-12.5-9c-1.06 0-2.082.106-3.064.285A8.64 8.64 0 0 0 7.549 5M16.5 9C22.29 9 27 12.14 27 16s-4.71 7-10.5 7c-1.088 0-2.161-.111-3.191-.332l-.551-.12l-.387.409C11.147 24.252 9.47 24.976 7.641 25a9.8 9.8 0 0 0 1.28-3.521l.093-.583l-.465-.36C6.906 19.255 6 17.645 6 16c0-3.86 4.71-7 10.5-7m-5 6a1.5 1.5 0 0 0 0 3a1.5 1.5 0 0 0 0-3m5 0a1.5 1.5 0 0 0 0 3a1.5 1.5 0 0 0 0-3m5 0a1.5 1.5 0 0 0 0 3a1.5 1.5 0 0 0 0-3"/></svg>Como usar o ícone Rocketchat
React
import { Icon } from "@iconify/react";
<Icon icon="la:rocketchat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:rocketchat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:rocketchat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--rocketchat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:rocketchat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:rocketchat"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/la/rocketchat.svg" alt="Ícone Rocketchat" width="24" height="24">O ícone Rocketchat em outras coleções
Perguntas frequentes sobre Ícone Rocketchat
O ícone Rocketchat é grátis para uso comercial?
Sim. Line Awesome icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Rocketchat no React?
Instale @iconify/react e renderize <Icon icon="la:rocketchat" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Rocketchat a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/la/rocketchat.svg" alt="Ícone Rocketchat">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.