Rocket Duotone アイコン

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

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

keyline-icons:rocket-duotone

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

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

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="M6.3961 14.5269L9.4731 17.6039L9.4731 18.5061C9.4731 19.6106 10.3685 20.5061 11.4731 20.5061C11.7075 20.5061 11.9401 20.4649 12.1602 20.3843L16.4175 18.8268C17.2059 18.5383 17.7303 17.7881 17.7303 16.9486L17.7303 13.2689C20.9158 10.8244 22.8469 7.088 22.9985 3.0756C22.9995 3.0504 22.9999 3.0252 22.9999 3.0001C22.9999 1.8955 22.1045 1.0001 20.9999 1.0001C20.9748 1.0001 20.9496 1.0005 20.9244 1.0015C16.912 1.1531 13.1756 3.0842 10.7311 6.2697L7.0514 6.2697C6.2119 6.2697 5.4617 6.7941 5.1732 7.5825L3.6157 11.8398C3.5351 12.0599 3.4939 12.2925 3.4939 12.5269C3.4939 13.6315 4.3894 14.5269 5.4939 14.5269L6.3961 14.5269ZM3.191 22.9908L4.5887 22.8568C6.2087 22.7014 7.4454 21.3404 7.4454 19.7129C7.4454 17.9686 6.0314 16.5546 4.2871 16.5546C2.6596 16.5546 1.2986 17.7913 1.1432 19.4113L1.0092 20.809C1.0031 20.8725 1.0001 20.9362 1.0001 20.9999C1.0001 22.1045 1.8955 22.9999 3.0001 22.9999C3.0638 22.9999 3.1275 22.9969 3.191 22.9908Z" stroke="none"/><path d="M10.4731 17.1897L16.7303 12.7638M6.8103 13.5269L11.2362 7.2697"/></g></svg>

Rocket Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

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

Keyline Icons をすべて見る →