Lighthouse アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:lighthouse

Lighthouse アイコン(openmoji:lighthouse)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 旅行・場所

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m43.26 17.36l17.69-6.65m.02 17.89l-15.64-5.89m0-3.06l16.56-1.13"/><path fill="#92d3f5" d="M64.55 54.68v9.76H7.37v-9.76h.9c2.68 0 8.04 2.68 13.4 2.68c3.08 0 5.57-.88 8.15-1.64c1.9-.55 3.86-1.04 6.14-1.04c.29 0 .57 0 .85.03c3.74.18 7.06 1.59 10.27 2.27c1.07.23 2.12.38 3.17.38c1.68 0 2.99-.38 4.35-.86c2.24-.78 4.61-1.82 9.05-1.82z"/><path fill="#d22f27" d="M40.5 15.9c0 .17 0 .34-.03.5h-2.76c.02-.16.02-.33.02-.5c0-2.21-1.1-4.05-2.55-4.42c.27-.05.54-.08.82-.08c2.49 0 4.5 2.01 4.5 4.5"/><path fill="#fcea2b" d="M31.5 16.4h9v6.5h-9zm32.94-9v24.5l-23.94-9v-6.5z"/><path fill="#d22f27" d="M29.5 22.9h13v.04h-13zm-.38 5.62h13.76v.02H29.12z"/><path fill="#3f3f3f" d="M38 50.9v3.9c-.71-.07-1.45-.12-2.21-.12c-4.1 0-7.24 1.34-10.79 2.12v-5.9h12.99Z"/><path fill="#fff" d="M38 45.3v5.6H27.6l.38-5.6z"/><path fill="#d22f27" d="M38 39.71v5.59H27.98l.38-5.59z"/><path fill="#fff" d="M38 34.11v5.6h-9.64l.38-5.6z"/><path fill="#d22f27" d="M38 28.54v5.57h-9.26l.38-5.57z"/><path fill="#fff" d="M38 22.94v5.58h-8.88l.38-5.58z"/><path fill="#d0cfce" d="M44.4 50.9H38v-5.6h6.02z"/><path fill="#d22f27" d="M44.02 45.3H38v-5.59h5.64z"/><path fill="#d0cfce" d="M43.64 39.71H38v-5.6h5.26z"/><path fill="#d22f27" d="M43.26 34.11H38v-5.57h4.88z"/><path fill="#d0cfce" d="M42.88 28.52H38v-5.58h4.5z"/><path fill="#d22f27" d="M37.73 15.9c0 .17 0 .34-.02.5h-6.18a4 4 0 0 1-.03-.5c0-.16.01-.31.02-.46c.21-2 1.71-3.61 3.66-3.96c1.45.37 2.55 2.21 2.55 4.42"/><path fill="#d22f27" d="M31.5 15.9c0 .17.01.34.03.5h-.01c-.01-.16-.02-.33-.02-.5"/><path fill="#3f3f3f" d="M46.99 50.9v5.83c-2.84-.64-5.78-1.59-8.99-1.93v-3.9z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M40.5 15.9c0 .17 0 .34-.03.5h-8.94a4.494 4.494 0 0 1 4.47-5c2.49 0 4.5 2.01 4.5 4.5m-3.5 7h-7.5l-1.9 28h16.8l-1.9-28h-2v-6.5h-9v6.5zM26 53.42V50.9h20v2.62"/><path d="M35.92 28.51c0 1.1-.9 2-2 2s-2-.9-2-2s.9-2 2-2s2 .9 2 2m0 8.32c0 1.1-.9 2-2 2s-2-.9-2-2s.9-2 2-2s2 .9 2 2m0 8.01c0-1.1-.9-2-2-2s-2 .9-2 2v5.06H36v-5"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.12 54.92c2.68 0 8.04 2.68 13.4 2.68s8.93-2.68 14.29-2.68s9.83 2.68 14.29 2.68s6.25-2.68 13.4-2.68"/></svg>

Lighthouse アイコンの使い方

React

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

<Icon icon="openmoji:lighthouse" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:lighthouse" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:lighthouse" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:lighthouse"></iconify-icon>

HTML 画像

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

OpenMoji の関連アイコン

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

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

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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