Beach Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Beach icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/304993.svg" alt="Beach icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/304993.svg" alt="Beach icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/304993.svg" alt="Beach icon" :width="24" :height="24" />
CSS background
.icon-beach {
background-image: url('https://proicons.com/icon/304993.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M906 601l-13-13c-11-11-28-11-39 0l-55 55H609c-12 0-22 10-22 22v97H471V454c19-22 47-36 78-36 40 0 77 24 92 62 16-38 52-62 93-62s77 24 93 62c0-200-158-362-356-370V78c0-9-6-16-15-16s-15 7-15 16v32C243 118 85 280 85 480c16-38 52-62 93-62s77 24 93 62c15-38 52-62 92-62 31 0 59 13 78 36v308H303c-16 0-28 12-28 28v18c0 15 12 28 28 28h73l-56 64c-8 10-7 24 2 32 5 4 10 5 15 5 6 0 12-2 17-7l55-64h258l58 58c9 9 23 9 31 0s9-23 0-32l-56-56h67c15 0 28-12 28-27v-19c0-10-6-19-14-24l125-125c11-11 11-29 0-40zM471 141s118 44 170 284c-24-24-57-38-92-38-29 0-56 9-78 25V141zM271 425c-24-24-57-38-93-38-18 0-36 4-52 10 36-142 163-249 315-256-135 52-170 284-170 284zm411 337h-51v-74h123l-72 74z"/></svg>
More from IcoFont
View all
Copied!