Иконка Rocketchat
la:rocketchat
Иконка Rocketchat (la:rocketchat) — бесплатная SVG-иконка из набора Line Awesome от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Rocketchat в React?
Установите @iconify/react и выведите <Icon icon="la:rocketchat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Rocketchat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/la/rocketchat.svg" alt="Иконка Rocketchat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.