umbrella beach icon

umbrella-beach from Font Awesome 6 Solid by Dave Gandy · Regular · Hotel · CC-BY-4.0 Attribution required.

Name
umbrella-beach
Set
Font Awesome 6 Solid
Style
Regular
Category
Hotel
Viewbox
576×512
License
CC BY 4.0

The same icon in other sets

umbrella-beachFont Awesome Solidumbrella-beachLine Awesomeumbrella-beachMaterial Design Icons

More hotel icons from Font Awesome 6 Solid

beddoor-closeddoor-opendumbbellinfinitykeyshowersmokingsnowflakesuitcasesuitcase-rollingutensils

Use the umbrella beach icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="m346.3 271.8l-60.1-21.9L214 448H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h512c17.7 0 32-14.3 32-32s-14.3-32-32-32H282.1l64.1-176.2zm121.1-.2l-3.3 9.1l67.7 24.6c18.1 6.6 38-4.2 39.6-23.4c6.5-78.5-23.9-155.5-80.8-208.5c2 8 3.2 16.3 3.4 24.8l.2 6c1.8 57-7.3 113.8-26.8 167.4M462 99.1c-1.1-34.4-22.5-64.8-54.4-77.4c-.9-.4-1.9-.7-2.8-1.1c-33-11.7-69.8-2.4-93.1 23.8l-4 4.5C272.4 88.3 245 134.2 226.8 184l-3.3 9.1L434 269.7l3.3-9.1c18.1-49.8 26.6-102.5 24.9-155.5zm-354.8 13.8c-11.1 15.7-2.8 36.8 15.3 43.4l71 25.8l3.3-9.1c19.5-53.6 49.1-103 87.1-145.5l4-4.5c6.2-6.9 13.1-13 20.5-18.2c-79.6 2.5-154.7 42.2-201.2 108z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidUmbrellaBeach(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="m346.3 271.8l-60.1-21.9L214 448H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h512c17.7 0 32-14.3 32-32s-14.3-32-32-32H282.1l64.1-176.2zm121.1-.2l-3.3 9.1l67.7 24.6c18.1 6.6 38-4.2 39.6-23.4c6.5-78.5-23.9-155.5-80.8-208.5c2 8 3.2 16.3 3.4 24.8l.2 6c1.8 57-7.3 113.8-26.8 167.4M462 99.1c-1.1-34.4-22.5-64.8-54.4-77.4c-.9-.4-1.9-.7-2.8-1.1c-33-11.7-69.8-2.4-93.1 23.8l-4 4.5C272.4 88.3 245 134.2 226.8 184l-3.3 9.1L434 269.7l3.3-9.1c18.1-49.8 26.6-102.5 24.9-155.5zm-354.8 13.8c-11.1 15.7-2.8 36.8 15.3 43.4l71 25.8l3.3-9.1c19.5-53.6 49.1-103 87.1-145.5l4-4.5c6.2-6.9 13.1-13 20.5-18.2c-79.6 2.5-154.7 42.2-201.2 108z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="m346.3 271.8l-60.1-21.9L214 448H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h512c17.7 0 32-14.3 32-32s-14.3-32-32-32H282.1l64.1-176.2zm121.1-.2l-3.3 9.1l67.7 24.6c18.1 6.6 38-4.2 39.6-23.4c6.5-78.5-23.9-155.5-80.8-208.5c2 8 3.2 16.3 3.4 24.8l.2 6c1.8 57-7.3 113.8-26.8 167.4M462 99.1c-1.1-34.4-22.5-64.8-54.4-77.4c-.9-.4-1.9-.7-2.8-1.1c-33-11.7-69.8-2.4-93.1 23.8l-4 4.5C272.4 88.3 245 134.2 226.8 184l-3.3 9.1L434 269.7l3.3-9.1c18.1-49.8 26.6-102.5 24.9-155.5zm-354.8 13.8c-11.1 15.7-2.8 36.8 15.3 43.4l71 25.8l3.3-9.1c19.5-53.6 49.1-103 87.1-145.5l4-4.5c6.2-6.9 13.1-13 20.5-18.2c-79.6 2.5-154.7 42.2-201.2 108z"/></svg>
</template>

CSS

.icon-umbrella-beach {
  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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m346.3%20271.8l-60.1-21.9L214%20448H32c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h512c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H282.1l64.1-176.2zm121.1-.2l-3.3%209.1l67.7%2024.6c18.1%206.6%2038-4.2%2039.6-23.4c6.5-78.5-23.9-155.5-80.8-208.5c2%208%203.2%2016.3%203.4%2024.8l.2%206c1.8%2057-7.3%20113.8-26.8%20167.4M462%2099.1c-1.1-34.4-22.5-64.8-54.4-77.4c-.9-.4-1.9-.7-2.8-1.1c-33-11.7-69.8-2.4-93.1%2023.8l-4%204.5C272.4%2088.3%20245%20134.2%20226.8%20184l-3.3%209.1L434%20269.7l3.3-9.1c18.1-49.8%2026.6-102.5%2024.9-155.5zm-354.8%2013.8c-11.1%2015.7-2.8%2036.8%2015.3%2043.4l71%2025.8l3.3-9.1c19.5-53.6%2049.1-103%2087.1-145.5l4-4.5c6.2-6.9%2013.1-13%2020.5-18.2c-79.6%202.5-154.7%2042.2-201.2%20108z%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m346.3%20271.8l-60.1-21.9L214%20448H32c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h512c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H282.1l64.1-176.2zm121.1-.2l-3.3%209.1l67.7%2024.6c18.1%206.6%2038-4.2%2039.6-23.4c6.5-78.5-23.9-155.5-80.8-208.5c2%208%203.2%2016.3%203.4%2024.8l.2%206c1.8%2057-7.3%20113.8-26.8%20167.4M462%2099.1c-1.1-34.4-22.5-64.8-54.4-77.4c-.9-.4-1.9-.7-2.8-1.1c-33-11.7-69.8-2.4-93.1%2023.8l-4%204.5C272.4%2088.3%20245%20134.2%20226.8%20184l-3.3%209.1L434%20269.7l3.3-9.1c18.1-49.8%2026.6-102.5%2024.9-155.5zm-354.8%2013.8c-11.1%2015.7-2.8%2036.8%2015.3%2043.4l71%2025.8l3.3-9.1c19.5-53.6%2049.1-103%2087.1-145.5l4-4.5c6.2-6.9%2013.1-13%2020.5-18.2c-79.6%202.5-154.7%2042.2-201.2%20108z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/umbrella-beach.svg?color=%231a73e8&size=48