Lighthouse アイコン

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

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

file-icons:lighthouse

Lighthouse アイコン(file-icons:lighthouse)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: File Icons
作者: John Gardner
ライセンス: ISC
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M424.728 238.062H372.36v-25.698h-23.27v-57.11c27.94-10.27 51.778 7.986 57.238 28.501h18.396c36.144 1.67 35.935 52.391.005 54.307m-262.896 20.844l-7.112 48h31.458c43.163-2.37 41.945-62.115 0-64.001H165.38c-4.359-13.815-13.664-23.808-25.744-30.541v46.542zM477.81 127.891c-97.817-170.36-344.571-170.562-443.093-.36S59.13 511.84 255.468 512s320.158-213.747 222.341-384.109m-292.504 290.17l13.31-89.826l109.5-35.583l12.087 81.571zM302.542 212.36h-93.089v-67.292L256 115.985l46.542 29.083zm78.07 252.057l-30.444-205.51h22.192v-12.118h52.368c47.371-2.27 48.488-68.968 0-71.76H412.4c-11.324-24.836-36.23-36.766-63.311-29.045V119.27L256 61.09l-93.093 58.18v93.093h-7.166c-10.497-9.153-24.13-14.548-38.652-14.548c-79.36 3.586-77.547 115.074 0 117.817h36.338l1.293-8.727h-37.63c-65.873-2.109-66.989-97.736 0-100.363c8.313 0 15.496 2.096 22.547 5.82h16.09c6.733 5.87 12.19 13.267 15.735 21.815h14.717c54.427 2.926 53.97 79.34 0 81.455h-32.75L131.344 464.68C24.122 399.993-24.116 255.286 46.06 134.053c93.483-161.498 327.62-161.308 420.435.342c69.507 121.056 21.07 265.282-85.882 330.022"/></svg>

Lighthouse アイコンの使い方

React

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

<Icon icon="file-icons:lighthouse" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:lighthouse" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:lighthouse" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--lighthouse]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="file-icons:lighthouse"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/file-icons/lighthouse.svg" alt="Lighthouse アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

File Icons をすべて見る →