Lightning Tree アイコン

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

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:lightning-tree

Lightning Tree アイコン(game-icons:lightning-tree)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512
タグ: lightningtree

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M19.84 19.947v57.305l70.31 28.326l-1.896.434c12.213 53.392-5.893 155.87-30.828 212.508l-1.865 4.236l95.038 171.86h21.355l-53.166-96.143l70.908 11.306l49.078 84.835h21.59l-58.945-101.89l-94.11-15.006l-30.974-56.015c14.24-33.763 26.116-78.726 31.613-122.402c36.702 52.688 87.49 91.51 150.307 117.468l-42.524 56.25l110.696-3.39l-20.938 107.442l36.47 17.543h43.112l-58.478-28.13l6.715-34.452l93.666 24.994l30.886 37.588h36.646v-20.68l-47.094-56.037c-23.62 1.667-48.992-5.188-70.86-20.316c-.09-10.192.878-20.03 2.753-29.568l68.13-2.086l47.07 43.76V384.17l-39.97-37.156l-70.252 2.15c5.574-16.8 13.888-32.684 24.07-47.945c-43.356-22.47-72.41-50.796-90.066-82.745c21.43-2.416 42.896-6.837 64.38-13.75l47.82 74.295l64.02 9.26V269.4l-52.913-7.654l-51.078-79.355l-6.946 2.41c-60.644 21.063-121.398 20.804-182.894 10.532c-50.274-52.162-36.778-108.118 6.07-129.256l100.938 60.31l96.457-11.402l90.366 109.04V194.74l-82.464-99.51l-100.233 11.848l-145.833-87.13H19.84zm218.752 229.84q1.468-.011 2.912.008c55.755.72 85.412 33.977 90.57 90.85l-1.982 10.177l-75.91 2.323l33.88-44.815l-11.656-4.426c-32.562-12.363-61.618-27.98-87.12-47.056c18.2-4.643 34.633-6.954 49.306-7.06z"/></svg>

Lightning Tree アイコンの使い方

React

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

<Icon icon="game-icons:lightning-tree" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:lightning-tree" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:lightning-tree" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--lightning-tree]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:lightning-tree"></div>

Web コンポーネント

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

<iconify-icon icon="game-icons:lightning-tree"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/lightning-tree.svg" alt="Lightning Tree アイコン" width="24" height="24">

Game Icons の関連アイコン

Lightning Tree アイコンのよくある質問

Lightning Tree アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Lightning Tree アイコンを使うには?

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

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

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

Game Icons をすべて見る →