Rocket Vertical アイコン

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

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

keyline-icons:rocket-vertical

Rocket Vertical アイコン(keyline-icons:rocket-vertical)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: rocketvertical

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.3652 20.8056L14.6348 20.8056L15.5363 21.707C15.7238 21.8945 15.9782 21.9999 16.2434 21.9999C16.653 21.9999 17.0212 21.7501 17.1726 21.3694L18.9292 16.952C18.9759 16.8344 19 16.7091 19 16.5825C19 16.3173 18.8946 16.063 18.7071 15.8754L15.9523 13.1206C16.0739 12.4114 16.135 11.6931 16.135 10.9735C16.135 7.7624 14.9192 4.6703 12.7322 2.319C12.543 2.1156 12.2778 2 12 2C11.7222 2 11.457 2.1156 11.2678 2.319C9.0808 4.6703 7.865 7.7624 7.865 10.9735C7.865 11.6931 7.9261 12.4114 8.0477 13.1206L5.2929 15.8754C5.1054 16.063 5 16.3173 5 16.5825C5 16.7091 5.0241 16.8344 5.0708 16.952L6.8274 21.3694C6.9788 21.7501 7.347 21.9999 7.7566 21.9999C8.0218 21.9999 8.2762 21.8945 8.4637 21.707L9.3652 20.8056ZM14.6348 20.8056L15.9523 13.1206M9.3652 20.8056L8.0477 13.1206"/></svg>

Rocket Vertical アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="keyline-icons:rocket-vertical"></iconify-icon>

HTML 画像

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

Keyline Icons の関連アイコン

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

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

はい。Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Keyline Icons をすべて見る →