Rocketchat アイコン
la:rocketchat
Rocketchat アイコン(la:rocketchat)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- その他
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>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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:rocketchat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/la/rocketchat.svg" alt="Rocketchat アイコン" width="24" height="24">他のアイコンセットの Rocketchat アイコン
Rocketchat アイコン のよくある質問
Rocketchat アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rocketchat アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:rocketchat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rocketchat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/rocketchat.svg" alt="Rocketchat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。