Rocket Vertical Duotone アイコン

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

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

keyline-icons:rocket-vertical-duotone

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M9.7794 21.8056L14.2206 21.8056L14.8292 22.4141C15.2042 22.7892 15.7129 22.9999 16.2434 22.9999C17.0627 22.9999 17.7991 22.5002 18.1018 21.7389L19.8584 17.3215C19.9519 17.0864 20 16.8356 20 16.5825C20 16.0521 19.7892 15.5434 19.4142 15.1683L17.0166 12.7708C17.0954 12.1749 17.135 11.5746 17.135 10.9735C17.135 7.5097 15.8236 4.1742 13.4644 1.6379C13.0861 1.2311 12.5556 1 12 1C11.4444 1 10.9139 1.2311 10.5356 1.6379C8.1764 4.1742 6.865 7.5097 6.865 10.9735C6.865 11.5746 6.9046 12.1749 6.9834 12.7708L4.5858 15.1683C4.2108 15.5434 4 16.0521 4 16.5825C4 16.8356 4.0481 17.0864 4.1416 17.3215L5.8982 21.7389C6.2009 22.5002 6.9373 22.9999 7.7566 22.9999C8.2871 22.9999 8.7958 22.7892 9.1708 22.4141L9.7794 21.8056Z" stroke="none"/><path d="M14.6348 20.8056L15.9523 13.1206M9.3652 20.8056L8.0477 13.1206"/></g></svg>

Rocket Vertical Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:rocket-vertical-duotone"></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-duotone"></iconify-icon>

HTML 画像

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

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →