island icon

island-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: island-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

island island-bold island-duotone island-fill island-thin

The same icon in other sets

islandHuge Icons islandMaterial Design Icons

Use the island icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function PhIslandLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-island-light {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M236.69%20227.75a6%206%200%200%201-8.44.94C227.87%20228.38%20189%20198%20128%20198c-61.19%200-99.87%2030.38-100.25%2030.69a6%206%200%200%201-7.5-9.38c1.63-1.3%2039-30.65%2099.59-33.14a118.3%20118.3%200%200%201-3.84-39.64c1.76-22.07%2011.39-51.75%2045.8-73.43a70.5%2070.5%200%200%200-21.61-3.1c-19.74.64-32.65%2012.56-38.37%2035.43A6%206%200%200%201%2096%20110a6%206%200%200%201-1.46-.18a6%206%200%200%201-4.36-7.28c8.95-35.74%2031.92-43.93%2049.63-44.5a83%2083%200%200%201%2025.64%203.61C161.55%2054%20155%2044.69%20145%2040.41c-10.55-4.51-23.36-2.62-38.09%205.59a6%206%200%201%201-5.84-10.47c18.17-10.14%2034.56-12.2%2048.71-6.12c13.42%205.76%2021.77%2017.64%2026.57%2027.16c4.65-8.13%2012.14-17.51%2023.1-21.08c11.2-3.65%2023.37-.6%2036.16%209.07a6%206%200%201%201-7.24%209.57c-9.46-7.15-17.93-9.59-25.17-7.24c-9.3%203-15.45%2013.07-18.7%2020A68.9%2068.9%200%200%201%20207%2074.8c14.15%208.09%2031%2025.27%2031%2061.21a6%206%200%200%201-12%200c0-37.92-21.2-51-36-55.59a54.08%2054.08%200%200%201%207.38%2036.49a57.2%2057.2%200%200%201-8.51%2022.56a6%206%200%200%201-9.82-6.91c.78-1.12%2017.81-26.37-4.39-53.06C146.19%2095%20130.5%20117.69%20128%20147.05a106.7%20106.7%200%200%200%204.3%2039c62.82%201.35%20101.77%2031.92%20103.43%2033.25a6%206%200%200%201%20.96%208.45M26%20140a26%2026%200%201%201%2026%2026a26%2026%200%200%201-26-26m12%200a14%2014%200%201%200%2014-14a14%2014%200%200%200-14%2014%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M236.69%20227.75a6%206%200%200%201-8.44.94C227.87%20228.38%20189%20198%20128%20198c-61.19%200-99.87%2030.38-100.25%2030.69a6%206%200%200%201-7.5-9.38c1.63-1.3%2039-30.65%2099.59-33.14a118.3%20118.3%200%200%201-3.84-39.64c1.76-22.07%2011.39-51.75%2045.8-73.43a70.5%2070.5%200%200%200-21.61-3.1c-19.74.64-32.65%2012.56-38.37%2035.43A6%206%200%200%201%2096%20110a6%206%200%200%201-1.46-.18a6%206%200%200%201-4.36-7.28c8.95-35.74%2031.92-43.93%2049.63-44.5a83%2083%200%200%201%2025.64%203.61C161.55%2054%20155%2044.69%20145%2040.41c-10.55-4.51-23.36-2.62-38.09%205.59a6%206%200%201%201-5.84-10.47c18.17-10.14%2034.56-12.2%2048.71-6.12c13.42%205.76%2021.77%2017.64%2026.57%2027.16c4.65-8.13%2012.14-17.51%2023.1-21.08c11.2-3.65%2023.37-.6%2036.16%209.07a6%206%200%201%201-7.24%209.57c-9.46-7.15-17.93-9.59-25.17-7.24c-9.3%203-15.45%2013.07-18.7%2020A68.9%2068.9%200%200%201%20207%2074.8c14.15%208.09%2031%2025.27%2031%2061.21a6%206%200%200%201-12%200c0-37.92-21.2-51-36-55.59a54.08%2054.08%200%200%201%207.38%2036.49a57.2%2057.2%200%200%201-8.51%2022.56a6%206%200%200%201-9.82-6.91c.78-1.12%2017.81-26.37-4.39-53.06C146.19%2095%20130.5%20117.69%20128%20147.05a106.7%20106.7%200%200%200%204.3%2039c62.82%201.35%20101.77%2031.92%20103.43%2033.25a6%206%200%200%201%20.96%208.45M26%20140a26%2026%200%201%201%2026%2026a26%2026%200%200%201-26-26m12%200a14%2014%200%201%200%2014-14a14%2014%200%200%200-14%2014%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/island-light.svg?color=%231a73e8&size=48