Rocket Flat アイコン
streamline-flex-color:rocket-flat
Rocket Flat アイコン(streamline-flex-color:rocket-flat)は、Flex color icons セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Rocket Flat アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。