Иконка Rocket Chat

selfhst:rocket-chat

Иконка Rocket Chat (selfhst:rocket-chat) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: selfh.st/icons
Автор: selfh.st
Лицензия: CC-BY-4.0
Размер: 512 × 512
Теги: rocketchat

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#f5455c" d="M488.7 178.7c-13.9-21.6-33.3-40.7-57.8-56.8C383.6 90.8 321.5 73.7 256 73.7c-21.9 0-43.5 1.9-64.4 5.7c-13-12.5-28.2-23.8-44.3-32.7C87.7 16.9 35.1 28 8.6 37.6c-8.7 3.1-11.4 14.2-5 20.9c18.7 19.4 49.7 57.6 42.1 92.4C16.1 181.1 0 217.6 0 255.6c0 38.7 16.1 75.2 45.7 105.5c7.6 34.8-23.4 73.1-42.1 92.4c-6.4 6.6-3.8 17.7 5 20.8c26.6 9.6 79.1 20.7 138.8-9.1c16.1-8.9 31.3-20.2 44.3-32.7c20.9 3.8 42.5 5.7 64.4 5.7c65.5 0 127.6-17.1 174.9-48.2c24.5-16.1 43.9-35.2 57.8-56.8c15.5-24 23.3-49.9 23.3-76.9c-.1-27.7-7.9-53.5-23.4-77.6M253.3 393.4c-28.3 0-55.3-3.7-79.9-10.3l-18 17.3c-9.8 9.4-21.2 17.9-33.2 24.6c-15.8 7.8-31.5 12-46.9 13.3c.9-1.6 1.7-3.2 2.5-4.8c18-33.2 22.9-62.9 14.6-89.4C62.9 321 45.2 291.3 45.2 259c0-74.2 93.2-134.4 208.1-134.4S461.4 184.8 461.4 259c.1 74.3-93.1 134.4-208.1 134.4m-99.5-165.3c-16.9 0-30.7 13.6-30.7 30.5s13.7 30.5 30.7 30.5c16.9 0 30.7-13.6 30.7-30.5s-13.8-30.5-30.7-30.5m98.7 0c-16.9 0-30.7 13.6-30.7 30.5s13.7 30.5 30.7 30.5c16.9 0 30.7-13.6 30.7-30.5s-13.8-30.5-30.7-30.5m98.7 0c-16.9 0-30.7 13.6-30.7 30.5s13.7 30.5 30.7 30.5s30.7-13.6 30.7-30.5s-13.7-30.5-30.7-30.5"/></svg>

Как использовать иконку Rocket Chat

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:rocket-chat" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:rocket-chat" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:rocket-chat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--rocket-chat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:rocket-chat"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:rocket-chat"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/selfhst/rocket-chat.svg" alt="Иконка Rocket Chat" width="24" height="24">

Иконка Rocket Chat в других наборах

Вопросы и ответы: Иконка Rocket Chat

Можно ли бесплатно использовать иконку Rocket Chat в коммерческих проектах?

Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Rocket Chat в React?

Установите @iconify/react и выведите <Icon icon="selfhst:rocket-chat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Rocket Chat на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/rocket-chat.svg" alt="Иконка Rocket Chat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все selfh.st/icons →