Ikon Rocket Chat
logos:rocket-chat
Ikon Rocket Chat (logos:rocket-chat) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 87. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 87
- Tag
- rocketchat
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="87" viewBox="0 0 512 87"><path fill="#f5455c" d="M27.746 3.645a40 40 0 0 1 8.33 6.165c3.941-.712 8-1.071 12.121-1.071c12.332 0 24.025 3.231 32.924 9.098c4.605 3.04 8.27 6.646 10.883 10.72c2.909 4.539 4.387 9.417 4.383 14.651c0 5.09-1.474 9.975-4.386 14.512c-2.615 4.076-6.278 7.678-10.884 10.719c-8.895 5.866-20.588 9.094-32.923 9.094c-4.121 0-8.18-.36-12.12-1.07a40.2 40.2 0 0 1-8.332 6.164C16.507 88.246 6.608 86.15 1.607 84.345c-1.643-.593-2.146-2.678-.935-3.932C4.2 76.76 10.035 69.539 8.6 62.975C3.024 57.263 0 50.375 0 43.068c0-7.172 3.024-14.06 8.604-19.775C10.039 16.73 4.203 9.511.676 5.86C-.54 4.605-.032 2.516 1.61 1.923c5.001-1.8 14.903-3.896 26.135 1.722M47.694 18.35c-21.638 0-39.18 11.352-39.18 25.353c0 6.1 3.33 11.7 8.88 16.075q2.346 7.48-2.746 16.863c-.162.302-.313.604-.478.902c2.912-.24 5.857-1.042 8.837-2.505a31 31 0 0 0 5.783-4.208l.466-.44l3.387-3.268c4.635 1.247 9.719 1.938 15.05 1.938c21.638 0 39.18-11.349 39.184-25.357c0-14.001-17.546-25.353-39.183-25.353m120.67 3.878c6.17 0 11.38 2.082 15.626 6.169s6.41 9.213 6.41 15.223c0 6.007-2.164 11.136-6.41 15.22c-4.246 4.087-9.456 6.168-15.626 6.168s-11.38-2.08-15.625-6.168c-4.247-4.084-6.411-9.213-6.411-15.22c0-6.01 2.164-11.136 6.41-15.223s9.456-6.169 15.626-6.169m125.647.241c5.85 0 10.578 1.923 14.185 5.849c3.684 3.846 5.53 8.652 5.53 14.339c0 1.2-.08 2.405-.162 3.444h-30.932c.32 6.409 5.048 10.496 12.18 10.496c6.334 0 11.139-1.52 14.505-4.648v8.972q-5.891 4.087-14.904 4.087c-6.331 0-11.538-1.923-15.463-5.686c-3.927-3.847-5.85-8.973-5.85-15.303v-.399h-.004c0-6.33 1.925-11.456 5.85-15.302c3.926-3.926 8.975-5.849 15.065-5.849m209.093-12.308v13.271H512v8.732h-8.896v23.714h8.415v8.573c-1.362.32-3.047.482-4.97.482c-8.734 0-13.063-4.565-13.063-13.7v-41.07zm-172.516 0v13.271h8.894v8.732h-8.894v23.714H339v8.573c-1.362.32-3.044.482-4.969.482c-8.732 0-13.06-4.565-13.06-13.7v-41.07zM217.405 22.143q7.812.01 12.982 4.094v9.612c-3.446-3.285-7.613-4.967-12.42-4.967c-3.764 0-6.892 1.2-9.373 3.605c-2.485 2.405-3.685 5.45-3.685 9.051c0 3.606 1.2 6.65 3.685 9.052q3.727 3.606 9.372 3.605c4.892 0 9.055-1.682 12.421-4.968v9.613q-5.049 4.087-12.982 4.087c-6.247 0-11.457-2.002-15.704-6.09c-4.246-4.087-6.331-9.134-6.331-15.302s2.082-11.215 6.331-15.303c4.247-4.087 9.457-6.089 15.704-6.089m162.09 0c5.204.007 9.533 1.37 12.979 4.094v9.612c-3.446-3.285-7.614-4.967-12.419-4.967c-3.766 0-6.894 1.2-9.375 3.605c-2.483 2.405-3.684 5.45-3.684 9.051c0 3.606 1.201 6.65 3.684 9.052q3.728 3.606 9.375 3.605c4.885 0 9.052-1.682 12.419-4.968v9.613q-5.05 4.087-12.98 4.087c-6.249 0-11.46-2.002-15.705-6.09c-4.247-4.087-6.334-9.134-6.334-15.302s2.084-11.215 6.334-15.303c4.244-4.087 9.456-6.089 15.705-6.089m-30.503 31.073c3.19 0 5.775 2.573 5.775 5.747s-2.585 5.748-5.775 5.748c-3.187 0-5.773-2.574-5.773-5.748s2.586-5.747 5.773-5.747m113.436-30.667c6.648.004 11.538 2.808 12.903 6.733v-5.849h9.612V63.81h-9.612v-5.85c-1.365 3.926-6.25 6.73-12.903 6.73c-5.686 0-10.498-2.003-14.423-6.007c-3.848-4.087-5.77-9.051-5.77-15.062s1.922-10.974 5.77-14.982c3.925-4.088 8.732-6.09 14.423-6.09m-321.39.083q1.686 0 2.884.24v9.293a20.5 20.5 0 0 0-4.005-.399c-6.652 0-10.898 4.166-10.898 10.816v21.23h-9.535V23.433h9.535v6.007c1.924-4.245 6.332-6.808 12.02-6.808m268.104-12.47v18.88c1.843-3.847 6.249-6.41 11.778-6.41c9.293 0 14.746 6.168 14.746 16.183v24.994h-9.536V40.174c0-5.529-2.967-8.972-8.095-8.972c-5.21 0-8.893 3.846-8.893 9.37v23.233h-9.536V10.162zm-162.087 0v30.494l13.622-17.226h10.898l-15.306 19.307l16.586 21.068h-11.218l-14.582-18.667v18.667h-9.536V10.162zm-78.69 20.802c-3.607 0-6.57 1.2-8.975 3.685c-2.323 2.405-3.527 5.367-3.527 8.972c0 3.606 1.2 6.568 3.527 9.052c2.405 2.404 5.368 3.605 8.974 3.605q5.289.001 8.896-3.605c2.405-2.484 3.606-5.45 3.606-9.052c0-3.605-1.201-6.57-3.606-8.972c-2.406-2.484-5.369-3.685-8.896-3.685m295.343.32c-3.443 0-6.249 1.2-8.573 3.527c-2.245 2.322-3.367 5.287-3.367 8.814c0 3.526 1.122 6.488 3.367 8.81c2.322 2.322 5.127 3.527 8.573 3.527c3.448 0 6.413-1.205 8.735-3.527c2.406-2.322 3.607-5.287 3.607-8.81s-1.2-6.489-3.607-8.814c-2.322-2.323-5.29-3.527-8.735-3.527M66.124 37.877c3.185 0 5.774 2.574 5.774 5.748s-2.585 5.748-5.774 5.748s-5.774-2.574-5.774-5.748s2.585-5.748 5.774-5.748m-37.177 0c3.19 0 5.774 2.574 5.774 5.748s-2.585 5.748-5.774 5.748s-5.774-2.574-5.774-5.748s2.585-5.748 5.774-5.748m18.589 0c3.189 0 5.774 2.574 5.774 5.748s-2.585 5.748-5.774 5.748s-5.775-2.574-5.775-5.748s2.585-5.748 5.775-5.748m246.475-7.232c-2.967 0-5.53.88-7.69 2.562c-2.166 1.683-3.287 3.685-3.446 6.09h21.071c0-2.322-.96-4.407-2.885-6.09c-1.922-1.682-4.244-2.562-7.05-2.562"/></svg>Cara memakai ikon Rocket Chat
React
import { Icon } from "@iconify/react";
<Icon icon="logos:rocket-chat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:rocket-chat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:rocket-chat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--rocket-chat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:rocket-chat"></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"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/rocket-chat.svg" alt="Ikon Rocket Chat" width="24" height="24">Ikon terkait di SVG Logos
Ikon Rocket Chat di set ikon lain
FAQ Ikon Rocket Chat
Apakah ikon Rocket Chat gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Rocket Chat di React?
Pasang @iconify/react lalu render <Icon icon="logos:rocket-chat" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Rocket Chat ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/rocket-chat.svg" alt="Ikon Rocket Chat">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.