Flashlight アイコン

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

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

reicon:flashlight

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 12.25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75"/><path fill-rule="evenodd" d="M5.955 1.25c-.433 0-.83 0-1.152.043c-.356.048-.732.16-1.04.47c-.31.309-.422.684-.47 1.04c-.043.323-.043.72-.043 1.152v.297c-.001.325-.002.677.133 1.003c.135.327.385.575.616.805l.056.056L7.298 9.36c.621.621.775.793.857.991s.095.428.095 1.307v7.368c0 .445 0 .816.02 1.12c.022.317.069.617.19.907a2.75 2.75 0 0 0 1.487 1.489c.29.12.59.167.908.188c.304.021.675.021 1.12.021h.05c.444 0 .816 0 1.12-.02c.317-.022.617-.069.907-.19a2.75 2.75 0 0 0 1.489-1.488c.12-.29.166-.59.188-.907c.02-.304.02-.675.02-1.12v-7.368c0-.879.014-1.11.096-1.307c.082-.198.235-.37.857-.991l3.242-3.243l.057-.056c.231-.23.48-.478.616-.805c.135-.326.134-.678.133-1.003v-.297c0-.433 0-.83-.044-1.152c-.047-.356-.16-.731-.469-1.04s-.684-.422-1.04-.47c-.323-.043-.72-.043-1.152-.043zm-1.13 1.572l-.002.001l-.001.003l-.005.01a.7.7 0 0 0-.037.167c-.029.21-.03.504-.03.997v.25h14.5V4c0-.493-.002-.787-.03-.997a.7.7 0 0 0-.042-.177l-.001-.003l-.003-.001l-.01-.005a.7.7 0 0 0-.167-.037c-.21-.028-.505-.03-.997-.03H6c-.493 0-.787.002-.998.03a.7.7 0 0 0-.176.042M18.19 5.75H5.81l2.634 2.634c.312.31.583.581.793.866h5.525c.21-.285.482-.555.793-.866zm-3.926 5H9.737c.013.242.013.502.013.786V19c0 .476 0 .796.017 1.043c.017.241.046.358.078.435c.127.307.37.55.676.677c.078.032.195.061.436.078c.247.017.567.017 1.043.017s.796 0 1.043-.017c.24-.017.358-.046.435-.078c.306-.127.55-.37.677-.677c.032-.077.061-.194.078-.435c.016-.247.017-.567.017-1.043v-7.464c0-.284 0-.543.013-.786" clip-rule="evenodd"/></g></svg>

Flashlight アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Reicon の関連アイコン

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

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

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

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

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

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

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

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

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