island icon

island-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: island-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

island island-bold island-duotone island-fill island-light

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="M235.12 226.5a4 4 0 0 1-5.62.62c-.39-.31-39.78-31.12-101.5-31.12S26.89 226.81 26.5 227.13a4 4 0 0 1-5-6.25c1.63-1.31 39.56-31.08 101-32.79a116.1 116.1 0 0 1-4.45-41.4c1.79-22.37 11.85-52.74 48.61-74.16c-6.46-2.24-16.29-4.83-26.49-4.49c-20.74.67-34.28 13.1-40.25 36.94a4 4 0 1 1-7.8-1.98c8.64-34.54 30.74-42.45 47.75-43c11.46-.36 22.22 2.44 29.34 4.91c-3.63-8.39-10.93-21-23.4-26.37c-11.15-4.77-24.56-2.87-39.86 5.67a4 4 0 1 1-3.9-7c17.6-9.82 33.4-11.85 47-6c14.6 6.28 23 20.15 27.23 29.74c4.21-8.4 11.87-19.69 23.84-23.59c10.55-3.43 22.1-.49 34.33 8.76a4 4 0 1 1-4.82 6.38c-10-7.57-19.1-10.11-27-7.54c-11.14 3.61-18 16.42-21 23.46A67.5 67.5 0 0 1 206 76.53c24.81 14.18 30 40.17 30 59.47a4 4 0 0 1-8 0c0-43.89-27.5-55.67-42.53-58.83c10.67 15 11.46 29.37 9.92 39.44a54.8 54.8 0 0 1-8.18 21.7a4 4 0 0 1-3.27 1.69a3.92 3.92 0 0 1-2.3-.73a4 4 0 0 1-1-5.57c.85-1.22 19.26-28.4-5.57-56.73c-30 15.86-46.55 39.42-49.1 70.06a108.8 108.8 0 0 0 4.84 41c63 .91 102 31.5 103.65 32.83a4 4 0 0 1 .66 5.64M28 140a24 24 0 1 1 24 24a24 24 0 0 1-24-24m8 0a16 16 0 1 0 16-16a16 16 0 0 0-16 16"/></svg>

React

import type { SVGProps } from "react";

export function PhIslandThin(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="M235.12 226.5a4 4 0 0 1-5.62.62c-.39-.31-39.78-31.12-101.5-31.12S26.89 226.81 26.5 227.13a4 4 0 0 1-5-6.25c1.63-1.31 39.56-31.08 101-32.79a116.1 116.1 0 0 1-4.45-41.4c1.79-22.37 11.85-52.74 48.61-74.16c-6.46-2.24-16.29-4.83-26.49-4.49c-20.74.67-34.28 13.1-40.25 36.94a4 4 0 1 1-7.8-1.98c8.64-34.54 30.74-42.45 47.75-43c11.46-.36 22.22 2.44 29.34 4.91c-3.63-8.39-10.93-21-23.4-26.37c-11.15-4.77-24.56-2.87-39.86 5.67a4 4 0 1 1-3.9-7c17.6-9.82 33.4-11.85 47-6c14.6 6.28 23 20.15 27.23 29.74c4.21-8.4 11.87-19.69 23.84-23.59c10.55-3.43 22.1-.49 34.33 8.76a4 4 0 1 1-4.82 6.38c-10-7.57-19.1-10.11-27-7.54c-11.14 3.61-18 16.42-21 23.46A67.5 67.5 0 0 1 206 76.53c24.81 14.18 30 40.17 30 59.47a4 4 0 0 1-8 0c0-43.89-27.5-55.67-42.53-58.83c10.67 15 11.46 29.37 9.92 39.44a54.8 54.8 0 0 1-8.18 21.7a4 4 0 0 1-3.27 1.69a3.92 3.92 0 0 1-2.3-.73a4 4 0 0 1-1-5.57c.85-1.22 19.26-28.4-5.57-56.73c-30 15.86-46.55 39.42-49.1 70.06a108.8 108.8 0 0 0 4.84 41c63 .91 102 31.5 103.65 32.83a4 4 0 0 1 .66 5.64M28 140a24 24 0 1 1 24 24a24 24 0 0 1-24-24m8 0a16 16 0 1 0 16-16a16 16 0 0 0-16 16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M235.12 226.5a4 4 0 0 1-5.62.62c-.39-.31-39.78-31.12-101.5-31.12S26.89 226.81 26.5 227.13a4 4 0 0 1-5-6.25c1.63-1.31 39.56-31.08 101-32.79a116.1 116.1 0 0 1-4.45-41.4c1.79-22.37 11.85-52.74 48.61-74.16c-6.46-2.24-16.29-4.83-26.49-4.49c-20.74.67-34.28 13.1-40.25 36.94a4 4 0 1 1-7.8-1.98c8.64-34.54 30.74-42.45 47.75-43c11.46-.36 22.22 2.44 29.34 4.91c-3.63-8.39-10.93-21-23.4-26.37c-11.15-4.77-24.56-2.87-39.86 5.67a4 4 0 1 1-3.9-7c17.6-9.82 33.4-11.85 47-6c14.6 6.28 23 20.15 27.23 29.74c4.21-8.4 11.87-19.69 23.84-23.59c10.55-3.43 22.1-.49 34.33 8.76a4 4 0 1 1-4.82 6.38c-10-7.57-19.1-10.11-27-7.54c-11.14 3.61-18 16.42-21 23.46A67.5 67.5 0 0 1 206 76.53c24.81 14.18 30 40.17 30 59.47a4 4 0 0 1-8 0c0-43.89-27.5-55.67-42.53-58.83c10.67 15 11.46 29.37 9.92 39.44a54.8 54.8 0 0 1-8.18 21.7a4 4 0 0 1-3.27 1.69a3.92 3.92 0 0 1-2.3-.73a4 4 0 0 1-1-5.57c.85-1.22 19.26-28.4-5.57-56.73c-30 15.86-46.55 39.42-49.1 70.06a108.8 108.8 0 0 0 4.84 41c63 .91 102 31.5 103.65 32.83a4 4 0 0 1 .66 5.64M28 140a24 24 0 1 1 24 24a24 24 0 0 1-24-24m8 0a16 16 0 1 0 16-16a16 16 0 0 0-16 16"/></svg>
</template>

CSS

.icon-island-thin {
  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%22M235.12%20226.5a4%204%200%200%201-5.62.62c-.39-.31-39.78-31.12-101.5-31.12S26.89%20226.81%2026.5%20227.13a4%204%200%200%201-5-6.25c1.63-1.31%2039.56-31.08%20101-32.79a116.1%20116.1%200%200%201-4.45-41.4c1.79-22.37%2011.85-52.74%2048.61-74.16c-6.46-2.24-16.29-4.83-26.49-4.49c-20.74.67-34.28%2013.1-40.25%2036.94a4%204%200%201%201-7.8-1.98c8.64-34.54%2030.74-42.45%2047.75-43c11.46-.36%2022.22%202.44%2029.34%204.91c-3.63-8.39-10.93-21-23.4-26.37c-11.15-4.77-24.56-2.87-39.86%205.67a4%204%200%201%201-3.9-7c17.6-9.82%2033.4-11.85%2047-6c14.6%206.28%2023%2020.15%2027.23%2029.74c4.21-8.4%2011.87-19.69%2023.84-23.59c10.55-3.43%2022.1-.49%2034.33%208.76a4%204%200%201%201-4.82%206.38c-10-7.57-19.1-10.11-27-7.54c-11.14%203.61-18%2016.42-21%2023.46A67.5%2067.5%200%200%201%20206%2076.53c24.81%2014.18%2030%2040.17%2030%2059.47a4%204%200%200%201-8%200c0-43.89-27.5-55.67-42.53-58.83c10.67%2015%2011.46%2029.37%209.92%2039.44a54.8%2054.8%200%200%201-8.18%2021.7a4%204%200%200%201-3.27%201.69a3.92%203.92%200%200%201-2.3-.73a4%204%200%200%201-1-5.57c.85-1.22%2019.26-28.4-5.57-56.73c-30%2015.86-46.55%2039.42-49.1%2070.06a108.8%20108.8%200%200%200%204.84%2041c63%20.91%20102%2031.5%20103.65%2032.83a4%204%200%200%201%20.66%205.64M28%20140a24%2024%200%201%201%2024%2024a24%2024%200%200%201-24-24m8%200a16%2016%200%201%200%2016-16a16%2016%200%200%200-16%2016%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%22M235.12%20226.5a4%204%200%200%201-5.62.62c-.39-.31-39.78-31.12-101.5-31.12S26.89%20226.81%2026.5%20227.13a4%204%200%200%201-5-6.25c1.63-1.31%2039.56-31.08%20101-32.79a116.1%20116.1%200%200%201-4.45-41.4c1.79-22.37%2011.85-52.74%2048.61-74.16c-6.46-2.24-16.29-4.83-26.49-4.49c-20.74.67-34.28%2013.1-40.25%2036.94a4%204%200%201%201-7.8-1.98c8.64-34.54%2030.74-42.45%2047.75-43c11.46-.36%2022.22%202.44%2029.34%204.91c-3.63-8.39-10.93-21-23.4-26.37c-11.15-4.77-24.56-2.87-39.86%205.67a4%204%200%201%201-3.9-7c17.6-9.82%2033.4-11.85%2047-6c14.6%206.28%2023%2020.15%2027.23%2029.74c4.21-8.4%2011.87-19.69%2023.84-23.59c10.55-3.43%2022.1-.49%2034.33%208.76a4%204%200%201%201-4.82%206.38c-10-7.57-19.1-10.11-27-7.54c-11.14%203.61-18%2016.42-21%2023.46A67.5%2067.5%200%200%201%20206%2076.53c24.81%2014.18%2030%2040.17%2030%2059.47a4%204%200%200%201-8%200c0-43.89-27.5-55.67-42.53-58.83c10.67%2015%2011.46%2029.37%209.92%2039.44a54.8%2054.8%200%200%201-8.18%2021.7a4%204%200%200%201-3.27%201.69a3.92%203.92%200%200%201-2.3-.73a4%204%200%200%201-1-5.57c.85-1.22%2019.26-28.4-5.57-56.73c-30%2015.86-46.55%2039.42-49.1%2070.06a108.8%20108.8%200%200%200%204.84%2041c63%20.91%20102%2031.5%20103.65%2032.83a4%204%200%200%201%20.66%205.64M28%20140a24%2024%200%201%201%2024%2024a24%2024%200%200%201-24-24m8%200a16%2016%200%201%200%2016-16a16%2016%200%200%200-16%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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