Иконка Island Light

ph:island-light

Иконка Island Light (ph:island-light) — бесплатная SVG-иконка из набора Phosphor от 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

<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>

Веб-компонент

<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">

Вопросы и ответы: Иконка Island Light

Можно ли бесплатно использовать иконку Island Light в коммерческих проектах?

Да. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Island Light в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Phosphor →