Rocket アイコン

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

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

codicon:rocket

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

アイコンセット: Codicons
作者: Microsoft Corporation
ライセンス: CC-BY-4.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.14 13.15c.2-.2.51-.2.71 0s.2.51 0 .71l-2 2a.485.485 0 0 1-.7 0c-.2-.2-.2-.51 0-.71zm1.5 1.5c.2-.2.51-.2.71 0s.2.51 0 .71l-.5.5a.485.485 0 0 1-.7 0c-.2-.2-.2-.51 0-.71l.5-.5z"/><path fill-rule="evenodd" d="M9 5c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2m0 1c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1" clip-rule="evenodd"/><path fill-rule="evenodd" d="M9.65 1.19c1.13-.29 2.35-.26 3.47.09c.77.24 1.37.86 1.61 1.64h-.01c.68 2.23.08 4.64-1.57 6.29l-.47.47c.55 1.11.37 2.48-.54 3.39l-1.53 1.53a.485.485 0 0 1-.7 0l-1.08-1.08c-.21.15-.47.23-.73.23c-.33 0-.64-.13-.88-.37l-.77-.77l-.54.97c-.13.24-.35.39-.62.43h-.12a.84.84 0 0 1-.6-.25l-2.34-2.34a.845.845 0 0 1 .19-1.34l.97-.54l-.77-.77c-.44-.43-.48-1.11-.14-1.6L1.4 6.09c-.2-.2-.2-.51 0-.71l1.53-1.53c.92-.92 2.29-1.1 3.39-.55l.47-.47a6.34 6.34 0 0 1 2.86-1.64m-.11 11.63l.72.72l1.18-1.18c.51-.52.68-1.26.48-1.92zm-6.47-1.95l2.06 2.06l.58-1.04l-1.6-1.6zM11.24 2A5.24 5.24 0 0 0 7.5 3.55L3.32 7.73c-.1.09-.1.25 0 .35l4.6 4.6c.05.04.11.07.18.07l.01.01c.01.01.11-.01.17-.07l4.17-4.18a5.29 5.29 0 0 0 1.32-5.29c-.14-.47-.5-.84-.95-.98c-.51-.16-1.04-.24-1.58-.24m-5.7 2.09a1.9 1.9 0 0 0-1.9.48L2.46 5.75l.71.71z" clip-rule="evenodd"/><path d="M.64 11.64c.2-.2.51-.2.71 0s.2.51 0 .71l-.5.5A.47.47 0 0 1 .5 13H.49c-.12 0-.25-.05-.35-.15c-.2-.2-.2-.51 0-.71z"/></g></svg>

Rocket アイコンの使い方

React

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

<Icon icon="codicon:rocket" width="24" />

Vue

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

<template>
  <Icon icon="codicon:rocket" width="24" />
</template>

Svelte

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

<Icon icon="codicon:rocket" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="codicon:rocket"></iconify-icon>

HTML 画像

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

Codicons の関連アイコン

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

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

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

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

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

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

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

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

Codicons をすべて見る →