Rocket Chat Icon アイコン
logos:rocket-chat-icon
Rocket Chat Icon アイコン(logos:rocket-chat-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 230 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 230
- タグ
- rocketchat、chaticon、rocketchaticon
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>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 コンポーネント
<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>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/rocket-chat-icon.svg" alt="Rocket Chat Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Rocket Chat Icon アイコン のよくある質問
Rocket Chat Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rocket Chat Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:rocket-chat-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rocket Chat Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/rocket-chat-icon.svg" alt="Rocket Chat Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。