Rocket アイコン

Q: Rocket アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:rocket

Rocket アイコン(game-icons:rocket)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M18.78 25.97c2.6 25.278 9.316 48.72 19.532 69.75l-21.218-6.564L73.53 146.72l-.843-1.782c16.737 17.29 36.797 31.38 59.438 41.593c-13.546-18.845-21.597-41.677-22.03-69.28c27.78.35 50.396 8.56 69.25 22.063c-.627-1.4-1.284-2.776-1.94-4.157l.72.625l-34.438-86.655l-2.53 33.844c-30.974-31.598-73.044-52.084-122.376-57zm236.814 31.593L217.22 160.875c-30.663 7.52-54.566 32.236-60.907 63.344l-.188-.22l-106.563 39.563l74.313 74.312l93-8.03l.375-.033l23.03-2.468l-77.31-94.938l13.28-13.28l89.406 109.75l10.875 13.374l-17.124 1.844l-28.22 3.03a449 449 0 0 0 47.22 47.907c7.62-56.784 52.175-102.042 108.625-110.717a443.6 443.6 0 0 0-47.75-46.688l-2.78 26.125l-1.844 17.125L321.28 270l-107.874-88.03l13.25-13.25l93.094 75.905l2.22-20.844l7.905-91.936l-74.28-74.28zM401.53 301.625a111 111 0 0 0-25.436 4.156l13.875 16.908a116 116 0 0 1 23.467-5.282c-3.863-5.344-7.814-10.62-11.906-15.78zm-43.78 11.25a111 111 0 0 0-20.5 13.063l15.75 17.28a117 117 0 0 1 19.125-12.812zm68 22.438a99 99 0 0 0-22.97 3.03l14.5 17.688c6.108-1.82 12.447-3.043 18.97-3.686c-3.387-5.76-6.865-11.445-10.5-17.03zm-102.03 3.53a110.8 110.8 0 0 0-16.845 25.344l17.313 14.125c4.28-7.958 9.44-15.37 15.375-22.093l-15.844-17.376zm60.467 6.282c-6.67 3.247-12.908 7.267-18.625 11.875l16.282 17.875a102.3 102.3 0 0 1 17.312-11.47l-14.97-18.28zm-32 24.938a98.2 98.2 0 0 0-13.25 20.28l17.97 14.688a102.3 102.3 0 0 1 11.624-17l-16.342-17.967zm94.094.218v.22c-45.915 0-82.96 36.985-83.06 82.875a444.7 444.7 0 0 0 127.06 44.313c-8.284-45.328-23.3-88.145-44-127.407zM299.94 382.626a111 111 0 0 0-3.97 26.938a448 448 0 0 0 15.063 11.343c.93-8.58 2.75-16.88 5.44-24.812l-16.533-13.47zm32.156 26.25a99 99 0 0 0-3.094 24.375a448 448 0 0 0 16.063 9.938a101.5 101.5 0 0 1 4.218-20.282l-17.186-14.03z"/></svg>

Rocket アイコンの使い方

React

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

<Icon icon="game-icons:rocket" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:rocket" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:rocket" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:rocket"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/rocket.svg" alt="Rocket アイコン" width="24" height="24">

Game Icons の関連アイコン

他のアイコンセットの Rocket アイコン

Rocket アイコンのよくある質問

Rocket アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Rocket アイコンを使うには?

@iconify/react をインストールして <Icon icon="game-icons:rocket" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Rocket アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/rocket.svg" alt="Rocket アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Game Icons をすべて見る →