island icon

island-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name: island-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

island island-bold island-duotone 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="M239.55 226.65A8 8 0 0 1 232 232H24a8 8 0 0 1-5-14.25c1.63-1.3 38.53-30.26 98.29-33.45a120 120 0 0 1-3.29-37.93c1.73-21.71 10.91-50.63 42.95-72.48a66.3 66.3 0 0 0-15-1.87h-1.67c-19 .62-30.94 11.71-36.5 33.92A8 8 0 0 1 96 112a7.7 7.7 0 0 1-2-.24a8 8 0 0 1-5.82-9.7c9.25-36.95 33.11-45.42 51.5-46a81.4 81.4 0 0 1 21.68 2.45c-3.82-6.33-9.42-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.88 25c6.17-9.64 13.87-16.17 22.38-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.34-6.93c-7.3 2.35-12.87 10-16.38 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.06-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.75-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 2.58 8.85M52 168a28 28 0 1 0-28-28a28 28 0 0 0 28 28"/></svg>

React

import type { SVGProps } from "react";

export function PhIslandFill(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="M239.55 226.65A8 8 0 0 1 232 232H24a8 8 0 0 1-5-14.25c1.63-1.3 38.53-30.26 98.29-33.45a120 120 0 0 1-3.29-37.93c1.73-21.71 10.91-50.63 42.95-72.48a66.3 66.3 0 0 0-15-1.87h-1.67c-19 .62-30.94 11.71-36.5 33.92A8 8 0 0 1 96 112a7.7 7.7 0 0 1-2-.24a8 8 0 0 1-5.82-9.7c9.25-36.95 33.11-45.42 51.5-46a81.4 81.4 0 0 1 21.68 2.45c-3.82-6.33-9.42-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.88 25c6.17-9.64 13.87-16.17 22.38-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.34-6.93c-7.3 2.35-12.87 10-16.38 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.06-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.75-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 2.58 8.85M52 168a28 28 0 1 0-28-28a28 28 0 0 0 28 28"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M239.55 226.65A8 8 0 0 1 232 232H24a8 8 0 0 1-5-14.25c1.63-1.3 38.53-30.26 98.29-33.45a120 120 0 0 1-3.29-37.93c1.73-21.71 10.91-50.63 42.95-72.48a66.3 66.3 0 0 0-15-1.87h-1.67c-19 .62-30.94 11.71-36.5 33.92A8 8 0 0 1 96 112a7.7 7.7 0 0 1-2-.24a8 8 0 0 1-5.82-9.7c9.25-36.95 33.11-45.42 51.5-46a81.4 81.4 0 0 1 21.68 2.45c-3.82-6.33-9.42-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.88 25c6.17-9.64 13.87-16.17 22.38-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.34-6.93c-7.3 2.35-12.87 10-16.38 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.06-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.75-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 2.58 8.85M52 168a28 28 0 1 0-28-28a28 28 0 0 0 28 28"/></svg>
</template>

CSS

.icon-island-fill {
  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%22M239.55%20226.65A8%208%200%200%201%20232%20232H24a8%208%200%200%201-5-14.25c1.63-1.3%2038.53-30.26%2098.29-33.45a120%20120%200%200%201-3.29-37.93c1.73-21.71%2010.91-50.63%2042.95-72.48a66.3%2066.3%200%200%200-15-1.87h-1.67c-19%20.62-30.94%2011.71-36.5%2033.92A8%208%200%200%201%2096%20112a7.7%207.7%200%200%201-2-.24a8%208%200%200%201-5.82-9.7c9.25-36.95%2033.11-45.42%2051.5-46a81.4%2081.4%200%200%201%2021.68%202.45c-3.82-6.33-9.42-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.88%2025c6.17-9.64%2013.87-16.17%2022.38-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.34-6.93c-7.3%202.35-12.87%2010-16.38%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.06-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.75-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%202.58%208.85M52%20168a28%2028%200%201%200-28-28a28%2028%200%200%200%2028%2028%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%22M239.55%20226.65A8%208%200%200%201%20232%20232H24a8%208%200%200%201-5-14.25c1.63-1.3%2038.53-30.26%2098.29-33.45a120%20120%200%200%201-3.29-37.93c1.73-21.71%2010.91-50.63%2042.95-72.48a66.3%2066.3%200%200%200-15-1.87h-1.67c-19%20.62-30.94%2011.71-36.5%2033.92A8%208%200%200%201%2096%20112a7.7%207.7%200%200%201-2-.24a8%208%200%200%201-5.82-9.7c9.25-36.95%2033.11-45.42%2051.5-46a81.4%2081.4%200%200%201%2021.68%202.45c-3.82-6.33-9.42-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.88%2025c6.17-9.64%2013.87-16.17%2022.38-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.34-6.93c-7.3%202.35-12.87%2010-16.38%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.06-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.75-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%202.58%208.85M52%20168a28%2028%200%201%200-28-28a28%2028%200%200%200%2028%2028%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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