Lightning アイコン

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

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

reicon:lightning

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

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: デバイス

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.25 5a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75m2.35 7.45a.75.75 0 1 0-1.2-.9l-1.5 2a.75.75 0 0 0 .6 1.2H12l-.6.8a.75.75 0 1 0 1.2.9l1.5-2a.75.75 0 0 0-.6-1.2H12z"/><path fill-rule="evenodd" d="M11.962 1.25c-.67 0-1.229 0-1.681.046c-.473.048-.913.153-1.309.417a2.8 2.8 0 0 0-.759.76c-.264.395-.369.835-.417 1.308c-.046.452-.046 1.011-.046 1.68v1.933c-.603.115-1.135.332-1.573.764c-.516.508-.733 1.145-.832 1.874c-.095.695-.095 1.573-.095 2.641v2.654c0 1.068 0 1.946.095 2.64c.1.73.316 1.367.832 1.875c.514.507 1.156.718 1.891.815c.703.093 1.593.093 2.68.093h.502V22a.75.75 0 0 0 1.5 0v-1.25h.503c1.086 0 1.976 0 2.679-.093c.735-.097 1.377-.308 1.891-.815c.516-.508.733-1.145.832-1.874c.095-.695.095-1.573.095-2.641v-2.654c0-1.068 0-1.946-.095-2.64c-.1-.73-.316-1.367-.832-1.875c-.439-.432-.97-.65-1.573-.764V5.462c0-.67 0-1.229-.046-1.681c-.048-.473-.153-.913-.418-1.309a2.8 2.8 0 0 0-.758-.759c-.396-.264-.835-.369-1.309-.417c-.452-.046-1.011-.046-1.68-.046zm2.788 6.012V5.5c0-.718 0-1.2-.038-1.567c-.036-.355-.1-.519-.173-.627a1.3 1.3 0 0 0-.344-.345c-.109-.073-.273-.137-.628-.173c-.367-.037-.85-.038-1.567-.038c-.718 0-1.2 0-1.567.038c-.355.036-.519.1-.627.173a1.3 1.3 0 0 0-.345.345c-.073.108-.137.272-.173.627c-.037.367-.038.85-.038 1.567v1.762c.45-.012.948-.012 1.497-.012h2.506c.549 0 1.047 0 1.497.012m.985 11.908c-.593.078-1.383.08-2.535.08h-2.4c-1.152 0-1.942-.002-2.535-.08c-.572-.076-.847-.211-1.036-.397c-.187-.184-.322-.45-.398-1.008c-.08-.581-.081-1.357-.081-2.492v-2.546c0-1.136.002-1.91.081-2.492c.076-.558.211-.824.398-1.008c.189-.186.464-.321 1.036-.397c.593-.078 1.383-.08 2.535-.08h2.4c1.152 0 1.942.002 2.535.08c.573.076.847.211 1.036.397c.187.184.322.45.398 1.008c.08.581.081 1.357.081 2.492v2.546c0 1.136-.002 1.91-.081 2.492c-.076.558-.211.824-.398 1.008c-.189.186-.463.321-1.036.397" clip-rule="evenodd"/></g></svg>

Lightning アイコンの使い方

React

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

<Icon icon="reicon:lightning" width="24" />

Vue

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

<template>
  <Icon icon="reicon:lightning" width="24" />
</template>

Svelte

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

<Icon icon="reicon:lightning" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:lightning"></iconify-icon>

HTML 画像

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

Reicon の関連アイコン

他のアイコンセットの Lightning アイコン

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

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

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

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

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

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

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

Reicon アイコンをすべて見る →