Launch アイコン
token:launch
Launch アイコン(token:launch)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.582 8.611c.813-.771 3.93-2.006 5.39-2.525c-.993.514-3.158 1.697-3.883 2.345c-.72.648-1.162 1.98-1.29 2.566c.128.005.225.042.225.14c-.432 4.062-3.872 4.936-4.947 5.235c2.345-1.517 2.798-2.803 2.746-3.256c-.103.062-.288.17-.375.17c1.162-3.559 1.121-3.703 2.134-4.675m-.376-2.515c-2.541.288-2.639 2.242-2.392 3.075c.617-1.784 1.389-2.252 1.919-2.252c.534 0 1.048.421 1.47.421c.427 0 .834-.267.92-.421c-.385-.623-1.408-.885-1.918-.823"/><path fill="currentColor" d="M13.373 7.958c0-.077.185-.252.277-.33c.088.068.273.217.273.284c0 .077-.185.231-.33.231c-.148 0-.22-.092-.22-.185M8.22 6.754C5.206 5.417 4.157 3.694 4.028 3v1.466c0 .596.335 1.255.56 1.543c.222.293.448.745.36.745a2.3 2.3 0 0 1-.585-.154c.493 1.733 2.556 2.484 4.304 2.793c1.749.308 3.27 1.074 3.605 1.321c-.02-.535-1.296-2.7-4.052-3.96m.633 3.106c1.877.36 2.694.952 2.874 1.204c-.684.411-1.84.74-2.417.669c-3.877-.443-4.18-2.834-4.18-3.076c.9.556 1.377.761 3.723 1.204m1.223 3.692c.499-.16 1.332-.93 1.635-1.296c.154.679-.936 1.635-1.337 1.913c-.396.278-1.512 1.234-1.399 1.337c.221.196 1.646-.566 1.847-.627q.13-.044.267-.052c.051 0 .088.016.088.052c-1.533 1.178-2.089 1.697-2.536 2.314c-.442.617-.33 1.553-.555 2.057A3.03 3.03 0 0 1 5.463 21c-.026-.088-.052-.35.072-.72a2.4 2.4 0 0 0 .144-.695c0-.072 0-.128-.036-.128c-.247 0-.71.586-.91 1.028c-.052-.431-.155-1.331-.155-1.614c0-1.692 1.42-2.988 2.134-3.425l3.364-2.33z"/></svg>Launch アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:launch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:launch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:launch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--launch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:launch"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:launch"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/launch.svg" alt="Launch アイコン" width="24" height="24">他のアイコンセットの Launch アイコン
Launch アイコン のよくある質問
Launch アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Launch アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:launch" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Launch アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/launch.svg" alt="Launch アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。