Иконка Rocket Flat
streamline-flex-color:rocket-flat
Иконка Rocket Flat (streamline-flex-color:rocket-flat) — бесплатная SVG-иконка из набора Flex color icons от Streamline. Она нарисована на сетке 14 × 14. Flex color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Flex color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 14 × 14
- Категория
- Природа и экология
- Теги
- rocketflat
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#2859c5" d="M3.617 7.445h-.021c-.877-.011-2.11 1.08-2.549 1.864c-.441.79-.612 1.799-.396 3.063c.122.715.76 1.16 1.422 1.16h.238c.864 0 1.386-.73 1.64-1.256c.088-.182.504-.492.774-.626l.05-.07l-.022-.044c-.393-.955-.901-2.467-1.136-4.091m5.582 4.136l.05.069c.27.134.686.444.774.626c.254.526.775 1.256 1.64 1.256h.238c.661 0 1.3-.445 1.422-1.16c.216-1.264.045-2.273-.397-3.063c-.438-.785-1.671-1.875-2.548-1.864h-.02c-.236 1.624-.744 3.136-1.138 4.091z"/><path fill="#8fbffa" d="M6.807.251a.5.5 0 0 1 .36 0c1.265.487 2.11 1.3 2.628 2.29c.512.978.694 2.104.692 3.215c-.004 2.215-.739 4.498-1.267 5.78a.5.5 0 0 1-.462.31H5.216a.5.5 0 0 1-.463-.31c-.527-1.282-1.262-3.565-1.266-5.78c-.002-1.111.18-2.237.692-3.215c.519-.99 1.363-1.803 2.628-2.29"/><path fill="#2859c5" d="M3.75 3.636a7 7 0 0 0-.225 1.25h6.923a7 7 0 0 0-.225-1.25zm3.987 4.396a.75.75 0 0 0-1.5 0v5a.75.75 0 0 0 1.5 0z"/></g></svg>Как использовать иконку Rocket Flat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex-color:rocket-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex-color:rocket-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex-color:rocket-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--rocket-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:rocket-flat"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex-color:rocket-flat"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-flex-color/rocket-flat.svg" alt="Иконка Rocket Flat" width="24" height="24">Похожие иконки в наборе Flex color icons
Вопросы и ответы: Иконка Rocket Flat
Можно ли бесплатно использовать иконку Rocket Flat в коммерческих проектах?
Да. Flex color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Rocket Flat в React?
Установите @iconify/react и выведите <Icon icon="streamline-flex-color:rocket-flat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Rocket Flat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-flex-color/rocket-flat.svg" alt="Иконка Rocket Flat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.