Rocket アイコン
f7:rocket
Rocket アイコン(f7:rocket)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M47.88 4.863a2 2 0 0 1 1.651 2.296Q48.204 15.294 46 20.547q-2 4.767-6.778 11.267l-.783 1.051l-.405.534a11 11 0 0 0-2.2 5.604Q35.418 43.3 34 45.154q-5.12 5.643-9.514 7.369a1 1 0 0 1-1.362-1.014l.765-9.175a1 1 0 0 0-1.086-1.08q-2.387.215-4.803-1.899q-2.128-1.861-2.25-3.755l-.009-.223a1 1 0 0 0-1.263-.962l-7.466 2.036a1 1 0 0 1-1.178-1.37l.398-.89l.387-.849l.376-.807l.366-.765l.354-.724l.173-.346l.338-.661l.326-.62l.16-.294l.31-.556l.3-.515q.22-.37.428-.694l.272-.41q.533-.78.978-1.225q1.659-1.66 6.483-3.062a10 10 0 0 0 4.402-2.656q.45-.467.892-.914l.874-.876a90 90 0 0 1 2.102-2.018l.809-.74l.79-.7q3.122-2.724 5.648-4.205q1.358-.795 3.156-1.62l.821-.368l.427-.185l.887-.372q.454-.187.93-.375l.975-.378l1.017-.38l1.062-.384l1.105-.386l1.148-.39l.591-.195l1.214-.394l.624-.197a2 2 0 0 1 .923-.067M15 39q.551.002 1.069.114q-1.182.572-1.495 3.994l-.025.303a1 1 0 0 0 1.08 1.074q3.669-.31 4.258-1.547Q20 43.453 20 44q0 2.76-4 4l-4.307.434a1 1 0 0 1-1.096-1.087L11 43q1.24-4 4-4M44.989 9.783l-.548.188l-1.06.373q-.519.186-1.015.37l-.97.365q-1.418.546-2.631 1.07l-.785.349a32 32 0 0 0-2.957 1.506c-2.314 1.357-5.197 3.724-8.592 7.09l-.825.826q-.417.422-.844.866a14 14 0 0 1-6.162 3.718c-1.419.413-2.57.831-3.441 1.243c-.698.329-1.143.62-1.33.806q-.26.26-.64.838l-.225.356l-.244.407l-.129.222l-.27.481l1.105-.301a5 5 0 0 1 6.315 4.809l.003.011l.043.08l.064.091l.098.122l.064.073l.159.17l.205.2q.115.108.257.233c.788.69 1.332.93 1.728.93l.083-.004a5 5 0 0 1 5.43 5.395l-.264 3.174a38 38 0 0 0 3.279-3.212c.381-.588.762-1.943.963-4.013a15 15 0 0 1 3-7.64q1.167-1.53 2.176-2.958l.655-.939c2.126-3.092 3.668-5.792 4.627-8.078c1.04-2.477 1.936-5.553 2.678-9.217M35.5 16a4.5 4.5 0 1 1 0 9a4.5 4.5 0 0 1 0-9"/></svg>
Rocket アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:rocket" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:rocket" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:rocket" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--rocket]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:rocket"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:rocket"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/rocket.svg" alt="Rocket アイコン" width="24" height="24">
Rocket アイコン のよくある質問
Rocket アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rocket アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:rocket" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rocket アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/rocket.svg" alt="Rocket アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
ICONYZ
