Flashlight Bold Duotone アイコン

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

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

solar:flashlight-bold-duotone

Flashlight Bold Duotone アイコン(solar:flashlight-bold-duotone)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: UI
タグ: flashlightbold、boldduotone、flashlightboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.00037 11.6569V19C9.00037 19.9319 9.00037 20.3978 9.15261 20.7654C9.3556 21.2554 9.74495 21.6448 10.235 21.8478C10.6025 22 11.0685 22 12.0004 22C12.9323 22 13.3982 22 13.7657 21.8478C14.2558 21.6448 14.6451 21.2554 14.8481 20.7654C15.0004 20.3978 15.0004 19.9319 15.0004 19V11.6569C15.0004 10.8394 15.0004 10.4306 15.1526 10.0631C15.1614 10.0418 15.1707 10.0208 15.1804 10H8.82031C8.83006 10.0208 8.83933 10.0418 8.84813 10.0631C9.00037 10.4306 9.00037 10.8394 9.00037 11.6569Z" opacity=".5"/><path fill-rule="evenodd" d="M12 12.25C12.4142 12.25 12.75 12.5858 12.75 13V15C12.75 15.4142 12.4142 15.75 12 15.75C11.5858 15.75 11.25 15.4142 11.25 15V13C11.25 12.5858 11.5858 12.25 12 12.25Z" clip-rule="evenodd"/><path d="M20 4.17157V4C20 3.05719 20 2.58579 19.7071 2.29289C19.4142 2 18.9428 2 18 2H6C5.05719 2 4.58579 2 4.29289 2.29289C4 2.58579 4 3.05719 4 4V4.17157C4 4.58032 4 4.7847 4.07612 4.96847C4.08052 4.9791 4.08516 4.9896 4.09003 5H19.91C19.9148 4.9896 19.9195 4.9791 19.9239 4.96847C20 4.7847 20 4.58032 20 4.17157Z" opacity=".5"/><path d="M16.1714 8.82843L19.414 5.58579C19.6863 5.31347 19.8304 5.16944 19.9098 5H4.08984C4.16926 5.16944 4.31329 5.31347 4.5856 5.58579L7.82824 8.82843C8.37287 9.37305 8.66093 9.66112 8.81975 10H15.1799C15.3387 9.66112 15.6268 9.37305 16.1714 8.82843Z"/></g></svg>

Flashlight Bold Duotone アイコンの使い方

React

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

<Icon icon="solar:flashlight-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:flashlight-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:flashlight-bold-duotone" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:flashlight-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/flashlight-bold-duotone.svg" alt="Flashlight Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

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

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

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

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

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

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

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

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