Island Light アイコン
ph:island-light
Island Light アイコン(ph:island-light)は、Phosphor セットの無料 SVG アイコンです（作者: Phosphor Icons）。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Phosphor
- 作者
- Phosphor Icons
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- geography、beach、ocean、tropical、palm、vacation、trip、locations、places、islandlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M236.69 227.75a6 6 0 0 1-8.44.94C227.87 228.38 189 198 128 198c-61.19 0-99.87 30.38-100.25 30.69a6 6 0 0 1-7.5-9.38c1.63-1.3 39-30.65 99.59-33.14a118.3 118.3 0 0 1-3.84-39.64c1.76-22.07 11.39-51.75 45.8-73.43a70.5 70.5 0 0 0-21.61-3.1c-19.74.64-32.65 12.56-38.37 35.43A6 6 0 0 1 96 110a6 6 0 0 1-1.46-.18a6 6 0 0 1-4.36-7.28c8.95-35.74 31.92-43.93 49.63-44.5a83 83 0 0 1 25.64 3.61C161.55 54 155 44.69 145 40.41c-10.55-4.51-23.36-2.62-38.09 5.59a6 6 0 1 1-5.84-10.47c18.17-10.14 34.56-12.2 48.71-6.12c13.42 5.76 21.77 17.64 26.57 27.16c4.65-8.13 12.14-17.51 23.1-21.08c11.2-3.65 23.37-.6 36.16 9.07a6 6 0 1 1-7.24 9.57c-9.46-7.15-17.93-9.59-25.17-7.24c-9.3 3-15.45 13.07-18.7 20A68.9 68.9 0 0 1 207 74.8c14.15 8.09 31 25.27 31 61.21a6 6 0 0 1-12 0c0-37.92-21.2-51-36-55.59a54.08 54.08 0 0 1 7.38 36.49a57.2 57.2 0 0 1-8.51 22.56a6 6 0 0 1-9.82-6.91c.78-1.12 17.81-26.37-4.39-53.06C146.19 95 130.5 117.69 128 147.05a106.7 106.7 0 0 0 4.3 39c62.82 1.35 101.77 31.92 103.43 33.25a6 6 0 0 1 .96 8.45M26 140a26 26 0 1 1 26 26a26 26 0 0 1-26-26m12 0a14 14 0 1 0 14-14a14 14 0 0 0-14 14"/></svg>Island Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ph:island-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:island-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:island-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--island-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:island-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:island-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ph/island-light.svg" alt="Island Light アイコン" width="24" height="24">Phosphor の関連アイコン
Island Light アイコン のよくある質問
Island Light アイコンは商用利用でも無料ですか?
はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Island Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="ph:island-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Island Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ph/island-light.svg" alt="Island Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。