round beach access icon

round-beach-access from Google Material Icons by Material Design Authors · Baseline · Places · Apache-2.0 Free for personal and commercial use.

Name
round-beach-access
Set
Google Material Icons
Style
Baseline
Category
Places
Viewbox
24×24
License
Apache 2.0

More places icons from Google Material Icons

baseline-ac-unitbaseline-airport-shuttlebaseline-all-inclusivebaseline-apartmentbaseline-baby-changing-stationbaseline-backpackbaseline-balconybaseline-bathtubbaseline-beach-accessbaseline-bentobaseline-bungalowbaseline-business-centerbaseline-cabinbaseline-carpenterbaseline-casinobaseline-chaletbaseline-charging-stationbaseline-checkroombaseline-child-carebaseline-child-friendlybaseline-corporate-farebaseline-cottagebaseline-countertopsbaseline-crib

Use the round beach access icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.13 14.56l1.43-1.43l5.73 5.73c.39.39.39 1.03 0 1.43c-.39.39-1.03.39-1.43 0zm4.29-5.73l1.27-1.27c.89-.89.77-2.43-.31-3.08a10.1 10.1 0 0 0-12.4 1.47c3.93-1.3 8.31-.25 11.44 2.88M5.95 5.98c-3.36 3.37-3.85 8.51-1.48 12.4c.66 1.08 2.19 1.21 3.08.31l1.27-1.27C5.7 14.29 4.65 9.91 5.95 5.98m.02-.02l-.01.01c-.38 3.01 1.17 6.88 4.3 10.02l5.73-5.73c-3.13-3.13-7.01-4.68-10.02-4.3"/></svg>

React

import type { SVGProps } from "react";

export function IcRoundBeachAccess(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.13 14.56l1.43-1.43l5.73 5.73c.39.39.39 1.03 0 1.43c-.39.39-1.03.39-1.43 0zm4.29-5.73l1.27-1.27c.89-.89.77-2.43-.31-3.08a10.1 10.1 0 0 0-12.4 1.47c3.93-1.3 8.31-.25 11.44 2.88M5.95 5.98c-3.36 3.37-3.85 8.51-1.48 12.4c.66 1.08 2.19 1.21 3.08.31l1.27-1.27C5.7 14.29 4.65 9.91 5.95 5.98m.02-.02l-.01.01c-.38 3.01 1.17 6.88 4.3 10.02l5.73-5.73c-3.13-3.13-7.01-4.68-10.02-4.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.13 14.56l1.43-1.43l5.73 5.73c.39.39.39 1.03 0 1.43c-.39.39-1.03.39-1.43 0zm4.29-5.73l1.27-1.27c.89-.89.77-2.43-.31-3.08a10.1 10.1 0 0 0-12.4 1.47c3.93-1.3 8.31-.25 11.44 2.88M5.95 5.98c-3.36 3.37-3.85 8.51-1.48 12.4c.66 1.08 2.19 1.21 3.08.31l1.27-1.27C5.7 14.29 4.65 9.91 5.95 5.98m.02-.02l-.01.01c-.38 3.01 1.17 6.88 4.3 10.02l5.73-5.73c-3.13-3.13-7.01-4.68-10.02-4.3"/></svg>
</template>

CSS

.icon-round-beach-access {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m13.13%2014.56l1.43-1.43l5.73%205.73c.39.39.39%201.03%200%201.43c-.39.39-1.03.39-1.43%200zm4.29-5.73l1.27-1.27c.89-.89.77-2.43-.31-3.08a10.1%2010.1%200%200%200-12.4%201.47c3.93-1.3%208.31-.25%2011.44%202.88M5.95%205.98c-3.36%203.37-3.85%208.51-1.48%2012.4c.66%201.08%202.19%201.21%203.08.31l1.27-1.27C5.7%2014.29%204.65%209.91%205.95%205.98m.02-.02l-.01.01c-.38%203.01%201.17%206.88%204.3%2010.02l5.73-5.73c-3.13-3.13-7.01-4.68-10.02-4.3%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m13.13%2014.56l1.43-1.43l5.73%205.73c.39.39.39%201.03%200%201.43c-.39.39-1.03.39-1.43%200zm4.29-5.73l1.27-1.27c.89-.89.77-2.43-.31-3.08a10.1%2010.1%200%200%200-12.4%201.47c3.93-1.3%208.31-.25%2011.44%202.88M5.95%205.98c-3.36%203.37-3.85%208.51-1.48%2012.4c.66%201.08%202.19%201.21%203.08.31l1.27-1.27C5.7%2014.29%204.65%209.91%205.95%205.98m.02-.02l-.01.01c-.38%203.01%201.17%206.88%204.3%2010.02l5.73-5.73c-3.13-3.13-7.01-4.68-10.02-4.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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