island icon

island from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name: island
Set: Phosphor
Style: Regular
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

island-bold island-duotone island-fill island-light 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="M238.25 229a8 8 0 0 1-11.25 1.25c-.37-.3-38.82-30.25-99-30.25s-98.64 30-99 30.26a8 8 0 0 1-10-12.51c1.63-1.3 38.52-30.26 98.29-33.45a120 120 0 0 1-3.29-37.93c1.74-21.71 10.92-50.63 43-72.48A64.7 64.7 0 0 0 140.26 72c-19 .62-30.94 11.71-36.5 33.92A8 8 0 0 1 96 112a7.6 7.6 0 0 1-1.94-.24a8 8 0 0 1-5.82-9.7c9.25-36.95 33.11-45.42 51.5-46a81.5 81.5 0 0 1 21.68 2.45c-3.83-6.33-9.43-12.93-17.21-16.25c-10-4.24-22.17-2.39-36.31 5.51a8 8 0 0 1-7.8-14c18.74-10.45 35.72-12.54 50.48-6.2c12.49 5.36 20.73 15.78 25.87 25c6.18-9.64 13.88-16.17 22.39-18.94c11.86-3.87 24.64-.72 38 9.37a8 8 0 0 1-9.64 12.76c-8.91-6.73-16.77-9.06-23.35-6.93c-7.29 2.35-12.87 10-16.37 16.61A70.5 70.5 0 0 1 208 73.07c14.61 8.35 32 26.05 32 62.94a8 8 0 0 1-16 0c0-23.46-8.07-40-24-49a51 51 0 0 0-5.75-2.8a55.64 55.64 0 0 1 5.06 33.06a59.4 59.4 0 0 1-8.86 23.41a8 8 0 0 1-13.09-9.2c.74-1.09 16.33-24.38-3.26-49.37c-27 15.21-41.89 37.25-44.16 65.59a104.3 104.3 0 0 0 3.83 36.44c62.65 1.81 101.52 32.33 103.2 33.66a8 8 0 0 1 1.28 11.2M24 140a28 28 0 1 1 28 28a28 28 0 0 1-28-28m16 0a12 12 0 1 0 12-12a12 12 0 0 0-12 12"/></svg>

React

import type { SVGProps } from "react";

export function PhIsland(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="M238.25 229a8 8 0 0 1-11.25 1.25c-.37-.3-38.82-30.25-99-30.25s-98.64 30-99 30.26a8 8 0 0 1-10-12.51c1.63-1.3 38.52-30.26 98.29-33.45a120 120 0 0 1-3.29-37.93c1.74-21.71 10.92-50.63 43-72.48A64.7 64.7 0 0 0 140.26 72c-19 .62-30.94 11.71-36.5 33.92A8 8 0 0 1 96 112a7.6 7.6 0 0 1-1.94-.24a8 8 0 0 1-5.82-9.7c9.25-36.95 33.11-45.42 51.5-46a81.5 81.5 0 0 1 21.68 2.45c-3.83-6.33-9.43-12.93-17.21-16.25c-10-4.24-22.17-2.39-36.31 5.51a8 8 0 0 1-7.8-14c18.74-10.45 35.72-12.54 50.48-6.2c12.49 5.36 20.73 15.78 25.87 25c6.18-9.64 13.88-16.17 22.39-18.94c11.86-3.87 24.64-.72 38 9.37a8 8 0 0 1-9.64 12.76c-8.91-6.73-16.77-9.06-23.35-6.93c-7.29 2.35-12.87 10-16.37 16.61A70.5 70.5 0 0 1 208 73.07c14.61 8.35 32 26.05 32 62.94a8 8 0 0 1-16 0c0-23.46-8.07-40-24-49a51 51 0 0 0-5.75-2.8a55.64 55.64 0 0 1 5.06 33.06a59.4 59.4 0 0 1-8.86 23.41a8 8 0 0 1-13.09-9.2c.74-1.09 16.33-24.38-3.26-49.37c-27 15.21-41.89 37.25-44.16 65.59a104.3 104.3 0 0 0 3.83 36.44c62.65 1.81 101.52 32.33 103.2 33.66a8 8 0 0 1 1.28 11.2M24 140a28 28 0 1 1 28 28a28 28 0 0 1-28-28m16 0a12 12 0 1 0 12-12a12 12 0 0 0-12 12"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M238.25 229a8 8 0 0 1-11.25 1.25c-.37-.3-38.82-30.25-99-30.25s-98.64 30-99 30.26a8 8 0 0 1-10-12.51c1.63-1.3 38.52-30.26 98.29-33.45a120 120 0 0 1-3.29-37.93c1.74-21.71 10.92-50.63 43-72.48A64.7 64.7 0 0 0 140.26 72c-19 .62-30.94 11.71-36.5 33.92A8 8 0 0 1 96 112a7.6 7.6 0 0 1-1.94-.24a8 8 0 0 1-5.82-9.7c9.25-36.95 33.11-45.42 51.5-46a81.5 81.5 0 0 1 21.68 2.45c-3.83-6.33-9.43-12.93-17.21-16.25c-10-4.24-22.17-2.39-36.31 5.51a8 8 0 0 1-7.8-14c18.74-10.45 35.72-12.54 50.48-6.2c12.49 5.36 20.73 15.78 25.87 25c6.18-9.64 13.88-16.17 22.39-18.94c11.86-3.87 24.64-.72 38 9.37a8 8 0 0 1-9.64 12.76c-8.91-6.73-16.77-9.06-23.35-6.93c-7.29 2.35-12.87 10-16.37 16.61A70.5 70.5 0 0 1 208 73.07c14.61 8.35 32 26.05 32 62.94a8 8 0 0 1-16 0c0-23.46-8.07-40-24-49a51 51 0 0 0-5.75-2.8a55.64 55.64 0 0 1 5.06 33.06a59.4 59.4 0 0 1-8.86 23.41a8 8 0 0 1-13.09-9.2c.74-1.09 16.33-24.38-3.26-49.37c-27 15.21-41.89 37.25-44.16 65.59a104.3 104.3 0 0 0 3.83 36.44c62.65 1.81 101.52 32.33 103.2 33.66a8 8 0 0 1 1.28 11.2M24 140a28 28 0 1 1 28 28a28 28 0 0 1-28-28m16 0a12 12 0 1 0 12-12a12 12 0 0 0-12 12"/></svg>
</template>

CSS

.icon-island {
  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%22M238.25%20229a8%208%200%200%201-11.25%201.25c-.37-.3-38.82-30.25-99-30.25s-98.64%2030-99%2030.26a8%208%200%200%201-10-12.51c1.63-1.3%2038.52-30.26%2098.29-33.45a120%20120%200%200%201-3.29-37.93c1.74-21.71%2010.92-50.63%2043-72.48A64.7%2064.7%200%200%200%20140.26%2072c-19%20.62-30.94%2011.71-36.5%2033.92A8%208%200%200%201%2096%20112a7.6%207.6%200%200%201-1.94-.24a8%208%200%200%201-5.82-9.7c9.25-36.95%2033.11-45.42%2051.5-46a81.5%2081.5%200%200%201%2021.68%202.45c-3.83-6.33-9.43-12.93-17.21-16.25c-10-4.24-22.17-2.39-36.31%205.51a8%208%200%200%201-7.8-14c18.74-10.45%2035.72-12.54%2050.48-6.2c12.49%205.36%2020.73%2015.78%2025.87%2025c6.18-9.64%2013.88-16.17%2022.39-18.94c11.86-3.87%2024.64-.72%2038%209.37a8%208%200%200%201-9.64%2012.76c-8.91-6.73-16.77-9.06-23.35-6.93c-7.29%202.35-12.87%2010-16.37%2016.61A70.5%2070.5%200%200%201%20208%2073.07c14.61%208.35%2032%2026.05%2032%2062.94a8%208%200%200%201-16%200c0-23.46-8.07-40-24-49a51%2051%200%200%200-5.75-2.8a55.64%2055.64%200%200%201%205.06%2033.06a59.4%2059.4%200%200%201-8.86%2023.41a8%208%200%200%201-13.09-9.2c.74-1.09%2016.33-24.38-3.26-49.37c-27%2015.21-41.89%2037.25-44.16%2065.59a104.3%20104.3%200%200%200%203.83%2036.44c62.65%201.81%20101.52%2032.33%20103.2%2033.66a8%208%200%200%201%201.28%2011.2M24%20140a28%2028%200%201%201%2028%2028a28%2028%200%200%201-28-28m16%200a12%2012%200%201%200%2012-12a12%2012%200%200%200-12%2012%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%22M238.25%20229a8%208%200%200%201-11.25%201.25c-.37-.3-38.82-30.25-99-30.25s-98.64%2030-99%2030.26a8%208%200%200%201-10-12.51c1.63-1.3%2038.52-30.26%2098.29-33.45a120%20120%200%200%201-3.29-37.93c1.74-21.71%2010.92-50.63%2043-72.48A64.7%2064.7%200%200%200%20140.26%2072c-19%20.62-30.94%2011.71-36.5%2033.92A8%208%200%200%201%2096%20112a7.6%207.6%200%200%201-1.94-.24a8%208%200%200%201-5.82-9.7c9.25-36.95%2033.11-45.42%2051.5-46a81.5%2081.5%200%200%201%2021.68%202.45c-3.83-6.33-9.43-12.93-17.21-16.25c-10-4.24-22.17-2.39-36.31%205.51a8%208%200%200%201-7.8-14c18.74-10.45%2035.72-12.54%2050.48-6.2c12.49%205.36%2020.73%2015.78%2025.87%2025c6.18-9.64%2013.88-16.17%2022.39-18.94c11.86-3.87%2024.64-.72%2038%209.37a8%208%200%200%201-9.64%2012.76c-8.91-6.73-16.77-9.06-23.35-6.93c-7.29%202.35-12.87%2010-16.37%2016.61A70.5%2070.5%200%200%201%20208%2073.07c14.61%208.35%2032%2026.05%2032%2062.94a8%208%200%200%201-16%200c0-23.46-8.07-40-24-49a51%2051%200%200%200-5.75-2.8a55.64%2055.64%200%200%201%205.06%2033.06a59.4%2059.4%200%200%201-8.86%2023.41a8%208%200%200%201-13.09-9.2c.74-1.09%2016.33-24.38-3.26-49.37c-27%2015.21-41.89%2037.25-44.16%2065.59a104.3%20104.3%200%200%200%203.83%2036.44c62.65%201.81%20101.52%2032.33%20103.2%2033.66a8%208%200%200%201%201.28%2011.2M24%20140a28%2028%200%201%201%2028%2028a28%2028%200%200%201-28-28m16%200a12%2012%200%201%200%2012-12a12%2012%200%200%200-12%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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