umbrella beach icon
umbrella-beach from Line Awesome by Icons8 · Line · Travel · Apache-2.0 Free for personal and commercial use.
- Name
- umbrella-beach
- Set
- Line Awesome
- Style
- Line
- Category
- Travel
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- umbrella-beach-solid
The same icon in other sets
More travel icons from Line Awesome
Use the umbrella beach icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15 3v1.625c-1.96.207-4.46.984-6.781 2.281C5.504 8.426 3 10.664 3 13.656C3 15.441 4.45 17 6.344 17c.906 0 1.687-.379 2.281-.906q.016-.013.031-.032C9.242 16.676 10.09 17 11 17c.988 0 1.82-.418 2.406-.969c.414.395.957.688 1.594.844v6.719a6.6 6.6 0 0 0-2.594 1.093l1.188 1.625S14.754 25.5 16 25.5s2.406.813 2.406.813l1.188-1.625S18.535 23.87 17 23.593v-6.75a3.66 3.66 0 0 0 1.438-.75c.585.593 1.417.906 2.312.906a3.5 3.5 0 0 0 2.438-1c.042.04.082.086.125.125c.605.52 1.402.875 2.28.875C27.462 17 29 15.496 29 13.687c0-2.984-2.46-5.214-5.156-6.75C21.539 5.625 19.008 4.832 17 4.626V3zm.938 4c.132.188.25.281.406.594c.511 1.031 1.086 2.847 1.156 5.812a.8.8 0 0 0 0 .188c.004.136 0 .265 0 .406c0 .016-.09.324-.344.563S16.536 15 16 15c-1.09 0-1.5-.875-1.5-1v-.5c.055-3.262.621-5.098 1.125-6.063c.125-.242.203-.289.313-.437m2.53.625c.212.121.38.164.595.313c1.574 1.085 3.054 2.796 3.156 5.75a1.55 1.55 0 0 1-.344.812c-.242.281-.55.5-1.125.5c-.473 0-.719-.14-.906-.344s-.344-.531-.344-1.062a1 1 0 0 0-.031-.281c-.07-2.59-.485-4.372-1-5.688zm-5.093.344c-.434 1.281-.781 2.93-.844 5.343v.032a1 1 0 0 0-.031.187v.063c0 .234-.133.625-.375.906s-.55.5-1.125.5c-.473 0-.719-.14-.906-.344s-.344-.531-.344-1.062q-.001-.128-.031-.25v-.031c.238-2.383 1.687-4.004 3.219-5.126c.218-.16.222-.082.437-.218m-3.156.25C8.875 9.668 7.688 11.449 7.688 14c0 .023-.094.344-.375.594s-.676.406-.97.406C5.536 15 5 14.371 5 13.656c0-1.804 1.766-3.644 4.188-5c.332-.183.683-.273 1.03-.437zm11.937.156c.227.113.469.156.688.281C25.242 10.023 27 11.871 27 13.687C27 14.38 26.426 15 25.594 15c-.32 0-.7-.145-.969-.375c-.27-.23-.375-.508-.375-.625c0-.14.004-.273 0-.406a1 1 0 0 0-.031-.281c-.157-2.122-1.028-3.657-2.063-4.938M6 24c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m12 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1M8 27c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></svg>
React
import type { SVGProps } from "react";
export function LaUmbrellaBeach(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15 3v1.625c-1.96.207-4.46.984-6.781 2.281C5.504 8.426 3 10.664 3 13.656C3 15.441 4.45 17 6.344 17c.906 0 1.687-.379 2.281-.906q.016-.013.031-.032C9.242 16.676 10.09 17 11 17c.988 0 1.82-.418 2.406-.969c.414.395.957.688 1.594.844v6.719a6.6 6.6 0 0 0-2.594 1.093l1.188 1.625S14.754 25.5 16 25.5s2.406.813 2.406.813l1.188-1.625S18.535 23.87 17 23.593v-6.75a3.66 3.66 0 0 0 1.438-.75c.585.593 1.417.906 2.312.906a3.5 3.5 0 0 0 2.438-1c.042.04.082.086.125.125c.605.52 1.402.875 2.28.875C27.462 17 29 15.496 29 13.687c0-2.984-2.46-5.214-5.156-6.75C21.539 5.625 19.008 4.832 17 4.626V3zm.938 4c.132.188.25.281.406.594c.511 1.031 1.086 2.847 1.156 5.812a.8.8 0 0 0 0 .188c.004.136 0 .265 0 .406c0 .016-.09.324-.344.563S16.536 15 16 15c-1.09 0-1.5-.875-1.5-1v-.5c.055-3.262.621-5.098 1.125-6.063c.125-.242.203-.289.313-.437m2.53.625c.212.121.38.164.595.313c1.574 1.085 3.054 2.796 3.156 5.75a1.55 1.55 0 0 1-.344.812c-.242.281-.55.5-1.125.5c-.473 0-.719-.14-.906-.344s-.344-.531-.344-1.062a1 1 0 0 0-.031-.281c-.07-2.59-.485-4.372-1-5.688zm-5.093.344c-.434 1.281-.781 2.93-.844 5.343v.032a1 1 0 0 0-.031.187v.063c0 .234-.133.625-.375.906s-.55.5-1.125.5c-.473 0-.719-.14-.906-.344s-.344-.531-.344-1.062q-.001-.128-.031-.25v-.031c.238-2.383 1.687-4.004 3.219-5.126c.218-.16.222-.082.437-.218m-3.156.25C8.875 9.668 7.688 11.449 7.688 14c0 .023-.094.344-.375.594s-.676.406-.97.406C5.536 15 5 14.371 5 13.656c0-1.804 1.766-3.644 4.188-5c.332-.183.683-.273 1.03-.437zm11.937.156c.227.113.469.156.688.281C25.242 10.023 27 11.871 27 13.687C27 14.38 26.426 15 25.594 15c-.32 0-.7-.145-.969-.375c-.27-.23-.375-.508-.375-.625c0-.14.004-.273 0-.406a1 1 0 0 0-.031-.281c-.157-2.122-1.028-3.657-2.063-4.938M6 24c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m12 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1M8 27c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15 3v1.625c-1.96.207-4.46.984-6.781 2.281C5.504 8.426 3 10.664 3 13.656C3 15.441 4.45 17 6.344 17c.906 0 1.687-.379 2.281-.906q.016-.013.031-.032C9.242 16.676 10.09 17 11 17c.988 0 1.82-.418 2.406-.969c.414.395.957.688 1.594.844v6.719a6.6 6.6 0 0 0-2.594 1.093l1.188 1.625S14.754 25.5 16 25.5s2.406.813 2.406.813l1.188-1.625S18.535 23.87 17 23.593v-6.75a3.66 3.66 0 0 0 1.438-.75c.585.593 1.417.906 2.312.906a3.5 3.5 0 0 0 2.438-1c.042.04.082.086.125.125c.605.52 1.402.875 2.28.875C27.462 17 29 15.496 29 13.687c0-2.984-2.46-5.214-5.156-6.75C21.539 5.625 19.008 4.832 17 4.626V3zm.938 4c.132.188.25.281.406.594c.511 1.031 1.086 2.847 1.156 5.812a.8.8 0 0 0 0 .188c.004.136 0 .265 0 .406c0 .016-.09.324-.344.563S16.536 15 16 15c-1.09 0-1.5-.875-1.5-1v-.5c.055-3.262.621-5.098 1.125-6.063c.125-.242.203-.289.313-.437m2.53.625c.212.121.38.164.595.313c1.574 1.085 3.054 2.796 3.156 5.75a1.55 1.55 0 0 1-.344.812c-.242.281-.55.5-1.125.5c-.473 0-.719-.14-.906-.344s-.344-.531-.344-1.062a1 1 0 0 0-.031-.281c-.07-2.59-.485-4.372-1-5.688zm-5.093.344c-.434 1.281-.781 2.93-.844 5.343v.032a1 1 0 0 0-.031.187v.063c0 .234-.133.625-.375.906s-.55.5-1.125.5c-.473 0-.719-.14-.906-.344s-.344-.531-.344-1.062q-.001-.128-.031-.25v-.031c.238-2.383 1.687-4.004 3.219-5.126c.218-.16.222-.082.437-.218m-3.156.25C8.875 9.668 7.688 11.449 7.688 14c0 .023-.094.344-.375.594s-.676.406-.97.406C5.536 15 5 14.371 5 13.656c0-1.804 1.766-3.644 4.188-5c.332-.183.683-.273 1.03-.437zm11.937.156c.227.113.469.156.688.281C25.242 10.023 27 11.871 27 13.687C27 14.38 26.426 15 25.594 15c-.32 0-.7-.145-.969-.375c-.27-.23-.375-.508-.375-.625c0-.14.004-.273 0-.406a1 1 0 0 0-.031-.281c-.157-2.122-1.028-3.657-2.063-4.938M6 24c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m12 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1M8 27c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%203v1.625c-1.96.207-4.46.984-6.781%202.281C5.504%208.426%203%2010.664%203%2013.656C3%2015.441%204.45%2017%206.344%2017c.906%200%201.687-.379%202.281-.906q.016-.013.031-.032C9.242%2016.676%2010.09%2017%2011%2017c.988%200%201.82-.418%202.406-.969c.414.395.957.688%201.594.844v6.719a6.6%206.6%200%200%200-2.594%201.093l1.188%201.625S14.754%2025.5%2016%2025.5s2.406.813%202.406.813l1.188-1.625S18.535%2023.87%2017%2023.593v-6.75a3.66%203.66%200%200%200%201.438-.75c.585.593%201.417.906%202.312.906a3.5%203.5%200%200%200%202.438-1c.042.04.082.086.125.125c.605.52%201.402.875%202.28.875C27.462%2017%2029%2015.496%2029%2013.687c0-2.984-2.46-5.214-5.156-6.75C21.539%205.625%2019.008%204.832%2017%204.626V3zm.938%204c.132.188.25.281.406.594c.511%201.031%201.086%202.847%201.156%205.812a.8.8%200%200%200%200%20.188c.004.136%200%20.265%200%20.406c0%20.016-.09.324-.344.563S16.536%2015%2016%2015c-1.09%200-1.5-.875-1.5-1v-.5c.055-3.262.621-5.098%201.125-6.063c.125-.242.203-.289.313-.437m2.53.625c.212.121.38.164.595.313c1.574%201.085%203.054%202.796%203.156%205.75a1.55%201.55%200%200%201-.344.812c-.242.281-.55.5-1.125.5c-.473%200-.719-.14-.906-.344s-.344-.531-.344-1.062a1%201%200%200%200-.031-.281c-.07-2.59-.485-4.372-1-5.688zm-5.093.344c-.434%201.281-.781%202.93-.844%205.343v.032a1%201%200%200%200-.031.187v.063c0%20.234-.133.625-.375.906s-.55.5-1.125.5c-.473%200-.719-.14-.906-.344s-.344-.531-.344-1.062q-.001-.128-.031-.25v-.031c.238-2.383%201.687-4.004%203.219-5.126c.218-.16.222-.082.437-.218m-3.156.25C8.875%209.668%207.688%2011.449%207.688%2014c0%20.023-.094.344-.375.594s-.676.406-.97.406C5.536%2015%205%2014.371%205%2013.656c0-1.804%201.766-3.644%204.188-5c.332-.183.683-.273%201.03-.437zm11.937.156c.227.113.469.156.688.281C25.242%2010.023%2027%2011.871%2027%2013.687C27%2014.38%2026.426%2015%2025.594%2015c-.32%200-.7-.145-.969-.375c-.27-.23-.375-.508-.375-.625c0-.14.004-.273%200-.406a1%201%200%200%200-.031-.281c-.157-2.122-1.028-3.657-2.063-4.938M6%2024c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m4%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m12%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m4%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1M8%2027c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m4%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m4%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m4%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m4%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%203v1.625c-1.96.207-4.46.984-6.781%202.281C5.504%208.426%203%2010.664%203%2013.656C3%2015.441%204.45%2017%206.344%2017c.906%200%201.687-.379%202.281-.906q.016-.013.031-.032C9.242%2016.676%2010.09%2017%2011%2017c.988%200%201.82-.418%202.406-.969c.414.395.957.688%201.594.844v6.719a6.6%206.6%200%200%200-2.594%201.093l1.188%201.625S14.754%2025.5%2016%2025.5s2.406.813%202.406.813l1.188-1.625S18.535%2023.87%2017%2023.593v-6.75a3.66%203.66%200%200%200%201.438-.75c.585.593%201.417.906%202.312.906a3.5%203.5%200%200%200%202.438-1c.042.04.082.086.125.125c.605.52%201.402.875%202.28.875C27.462%2017%2029%2015.496%2029%2013.687c0-2.984-2.46-5.214-5.156-6.75C21.539%205.625%2019.008%204.832%2017%204.626V3zm.938%204c.132.188.25.281.406.594c.511%201.031%201.086%202.847%201.156%205.812a.8.8%200%200%200%200%20.188c.004.136%200%20.265%200%20.406c0%20.016-.09.324-.344.563S16.536%2015%2016%2015c-1.09%200-1.5-.875-1.5-1v-.5c.055-3.262.621-5.098%201.125-6.063c.125-.242.203-.289.313-.437m2.53.625c.212.121.38.164.595.313c1.574%201.085%203.054%202.796%203.156%205.75a1.55%201.55%200%200%201-.344.812c-.242.281-.55.5-1.125.5c-.473%200-.719-.14-.906-.344s-.344-.531-.344-1.062a1%201%200%200%200-.031-.281c-.07-2.59-.485-4.372-1-5.688zm-5.093.344c-.434%201.281-.781%202.93-.844%205.343v.032a1%201%200%200%200-.031.187v.063c0%20.234-.133.625-.375.906s-.55.5-1.125.5c-.473%200-.719-.14-.906-.344s-.344-.531-.344-1.062q-.001-.128-.031-.25v-.031c.238-2.383%201.687-4.004%203.219-5.126c.218-.16.222-.082.437-.218m-3.156.25C8.875%209.668%207.688%2011.449%207.688%2014c0%20.023-.094.344-.375.594s-.676.406-.97.406C5.536%2015%205%2014.371%205%2013.656c0-1.804%201.766-3.644%204.188-5c.332-.183.683-.273%201.03-.437zm11.937.156c.227.113.469.156.688.281C25.242%2010.023%2027%2011.871%2027%2013.687C27%2014.38%2026.426%2015%2025.594%2015c-.32%200-.7-.145-.969-.375c-.27-.23-.375-.508-.375-.625c0-.14.004-.273%200-.406a1%201%200%200%200-.031-.281c-.157-2.122-1.028-3.657-2.063-4.938M6%2024c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m4%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m12%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m4%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1M8%2027c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m4%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m4%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m4%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m4%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/umbrella-beach.svg?color=%231a73e8&size=48
