Lightning Shout アイコン

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

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

game-icons:lightning-shout

Lightning Shout アイコン(game-icons:lightning-shout)は、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
タグ: lightningshout

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m19.094 20.313l1.718 345.656c15.676 8.518 35.93 6.658 49.75-1.626c7.5-4.496 12.794-10.568 14.97-17.03c2.175-6.465 1.855-13.604-3.626-22.69c-58.988-97.785-45.843-189.42 5.688-240.843c51.53-51.42 140.25-61.102 224.687-1.655c13.64 9.602 20.336 9.61 24.564 7.656c4.227-1.952 8.902-8.514 12.594-18.686c3.69-10.172 6.408-22.99 9.312-34.813c1.32-5.375 2.57-10.487 4.156-15.28l-343.812-.688zm172.625 39.25c-5.728.072-11.355.485-16.845 1.218L276 135.657l18.97-42.687c-35.907-23.667-71.29-33.814-103.25-33.407zm-84.064 31.093A128 128 0 0 0 100.78 97c-12.168 12.143-22.05 26.945-28.874 43.906l144.25 76.125L208 298.626l-29.625 88.906l-2.03 6.064l4.905 4.062l53.625 44.656l-23.28 52.125h20.5l17.686-39.687l47.657 39.688h29.188l-128.5-107.063l24.094-72.28L319.124 347l39.188 147.438h135.75v-74.782l-117-114.28l70.906-25.25l46.092 29.624v-22.22l-39.875-25.592l-3.875-2.5L446 261l-86.563 30.844l-109.093-35.625l-.313-46.47l111.407-4.47l4.75-.186l2.657-3.97l30.28-45.468l94.938-8.25v-18.78l-101 8.81l-4.5.376l-2.468 3.75l-30.156 45.22l-111.125 4.468l-126.72-68.438l-10.437-32.156zm-46 97.22c-1.952 34.125 6.586 73.24 29.313 115l33.468-21.688l-62.782-93.313z"/></svg>

Lightning Shout アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Game Icons の関連アイコン

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

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

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

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

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

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

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

Game Icons をすべて見る →