Launch Background アイコン
token-branded:launch-background
Launch Background アイコン(token-branded:launch-background)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- launchbackground
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#c771bc" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.295 8.988c.722-.686 3.493-1.783 4.791-2.245c-.882.457-2.807 1.509-3.451 2.085c-.64.576-1.034 1.76-1.148 2.28c.114.005.201.037.201.124c-.384 3.612-3.442 4.389-4.398 4.654c2.085-1.348 2.488-2.491 2.442-2.894c-.092.055-.256.151-.334.151c1.033-3.163.997-3.291 1.897-4.155m-.335-2.236c-2.258.256-2.344 1.993-2.125 2.734c.548-1.587 1.234-2.003 1.705-2.003c.475 0 .933.375 1.307.375c.38 0 .741-.237.819-.375c-.343-.553-1.253-.786-1.706-.731"/><path fill="#fff" d="M13.22 8.407c0-.069.165-.224.247-.293c.078.06.242.192.242.252c0 .068-.164.205-.292.205c-.133 0-.197-.082-.197-.164m-4.58-1.07C5.96 6.15 5.028 4.617 4.914 4v1.303c0 .53.297 1.115.498 1.371c.197.26.398.663.32.663a2 2 0 0 1-.52-.137c.438 1.54 2.271 2.208 3.825 2.482c1.555.275 2.908.956 3.205 1.175c-.018-.475-1.152-2.4-3.602-3.52m.562 2.761c1.669.32 2.396.846 2.556 1.07c-.608.365-1.637.658-2.149.594c-3.447-.393-3.716-2.519-3.716-2.734c.8.494 1.225.677 3.31 1.07m1.087 3.282c.443-.141 1.184-.827 1.453-1.152c.137.604-.832 1.454-1.188 1.701c-.352.247-1.344 1.097-1.244 1.189c.197.174 1.463-.503 1.641-.558a1 1 0 0 1 .238-.046c.046 0 .078.014.078.046c-1.363 1.047-1.856 1.509-2.254 2.057c-.393.549-.293 1.38-.494 1.829A2.69 2.69 0 0 1 6.19 20c-.023-.078-.046-.31.064-.64c.091-.265.128-.489.128-.617c0-.064 0-.114-.032-.114c-.22 0-.631.52-.81.914c-.045-.384-.136-1.184-.136-1.435c0-1.504 1.261-2.656 1.897-3.045l2.99-2.071z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Launch Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:launch-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:launch-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:launch-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--launch-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:launch-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:launch-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/launch-background.svg" alt="Launch Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Launch Background アイコン のよくある質問
Launch Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Launch Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:launch-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Launch Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/launch-background.svg" alt="Launch Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。