Add icons to this collection by clicking the heart icon.
Sun Umbrella icon - also known as summer, beach, holidays, sun umbrella, Sunbed, vacation, and beach umbrella. Created in a clean lineal color style with a white, silver, gray, black, orange, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-4.211-5h-15.417l-4.813 5v53.418l5.23 5h25l5.405-5z"
transform="matrix(1.33333 0 0 -1.33333 185.281 613.36)"
fill="#e19a74"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-4.86-5h-13.666l-5.915 5-11.195 53.418 6.443 5h23.125l6.068-5z"
transform="matrix(1.33333 0 0 -1.33333 558.258 613.36)"
fill="#e19a74"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-5.895-5h-22.833l-6.065 5v152.804H0Z"
transform="matrix(1.33333 0 0 -1.33333 364.526 613.36)"
fill="#e19a74"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-5.601-5h-85.333l-6.458 5v21.327c0 6.351 5.149 11.5 11.5 11.5H-11.5c6.352 0 11.5-5.149 11.5-11.5z"
transform="translate(427.934 145.65)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.351 0-11.5-5.15-11.5-11.5v-21.33h-30v21.33C-41.5-5.15-36.351 0-30 0z"
transform="translate(372.04 178.48)"
fill="#60b8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M512 23.437H0v28.54h512z"
fill="#fddba6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M273.395 105.398h-34.793V83.745h34.793z"
fill="#dc8758"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-.012C-18.27 19.411-49.121 19.411-67.38 0h-.011c-18.191 19.344-48.885 19.411-67.177.213-.068-.067-.135-.146-.202-.213h-.011c-18.258 19.422-49.099 19.422-67.357.011l-.011-.011h-.011l-.012.011c-.066.079-.145.157-.212.224-18.292 19.187-48.965 19.109-67.156-.224l-.011-.011-.022.011-.011.011c-18.259 19.4-49.088 19.4-67.357-.011l-.011-.011c0 44.767 18.145 85.291 47.475 114.631 29.341 29.329 69.865 47.475 114.642 47.475h12.717C-72.585 162.106 0 89.533 0 0"
transform="translate(424.478 304.062)"
fill="#f07181"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c2.899 0 5.779-.08 8.64-.23-41.33-2.17-78.561-19.82-106-47.25-26.14-26.15-43.39-61.17-46.84-100.17-11.24-.73-22.24-5.55-30.62-14.45l-.01-.01c0 44.77 18.14 85.29 47.47 114.63C-98.021-18.15-57.49 0-12.721 0Z"
transform="translate(262.36 466.17)"
fill="#eb5569"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-.011c-18.258 19.411-49.11 19.411-67.379 0h-.011c-18.258 19.422-49.099 19.422-67.357.011h-.034c-18.258 19.411-49.109 19.411-67.368 0h-.033l-.011-.011v.022c.011 89.522 43.558 162.084 97.29 162.084h7.635c26.855 0 51.18-18.146 68.79-47.475C-10.892 85.291 0 44.767 0 0"
transform="translate(357.098 304.062)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-.213h-.213c-18.258 19.422-49.099 19.422-67.356.011h-.246v.224c.01 44.677 3.66 85.123 9.559 114.396 5.81 28.882 13.792 46.916 22.635 47.476.145.011.28.011.426.011h2.563c.146 0 .28 0 .426-.011C-14.396 160.774-.022 88.738 0 0"
transform="translate(289.91 304.275)"
fill="#f07181"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 4.538 21.653h-35.636V0Z"
transform="translate(145.617 83.745)"
fill="#dc8758"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v21.653h-35.636L-31.098 0Z"
transform="translate(418.693 83.745)"
fill="#dc8758"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-27.983-27.983 107.09-107.106L95.62-95.515Z"
transform="translate(95.172 241.166)"
fill="#e19a74"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M444.811 145.65H81.555v-40.252h363.256z"
fill="#fddba6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M81.555 105.398h32.965v40.252H81.555Z"
fill="#fece85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h497.006"
transform="translate(7.497 23.438)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h32.857"
transform="translate(471.646 51.98)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h431.667"
transform="translate(7.497 51.98)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-53.42h-34.79V0"
transform="translate(273.387 105.4)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v59.13h34.79V0"
transform="translate(238.597 145.65)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-8.734-19.914-13.582-41.92-13.582-65.058v-.001l.017.019c18.261 19.411 49.107 19.411 67.368 0l.017-.019.011.012c18.262 19.414 49.11 19.414 67.372.001l.012-.013.009.011c18.261 19.414 49.111 19.414 67.373-.001l.009-.01.002.003c18.263 19.417 49.116 19.417 67.378 0l.002-.003c18.262 19.419 49.116 19.421 67.378.004l.004-.004v.001c0 89.534-72.582 162.116-162.116 162.116h-12.72c-51.08 0-96.642-23.624-126.357-60.542l-5.261-6.903"
transform="translate(101.102 369.115)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.011-.018c0 89.535 43.556 162.116 97.283 162.116h7.633c53.729 0 97.283-72.581 97.283-162.116l-.001.003"
transform="translate(154.906 304.075)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.003-.019v.001c0 89.534 14.607 162.116 32.627 162.116h2.56c18.019 0 32.627-72.582 32.627-162.116v-.001l-.001.004"
transform="translate(222.092 304.076)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-22.388"
transform="translate(255.995 488.562)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-109.925"
transform="translate(255.995 318.627)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-95.62 95.52-27.98-27.99L-56.08 0"
transform="translate(190.787 145.65)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0H-24.441v53.418h35.635z"
transform="translate(138.958 51.98)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-24.441l-11.195 53.418H0Z"
transform="translate(418.69 51.98)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h235.732v40.255h-363.259V0h92.722"
transform="translate(209.081 105.397)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-40.252"
transform="translate(363.278 145.65)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h120"
transform="translate(195.993 204.784)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-97.392v21.327c0 6.351 5.149 11.5 11.5 11.5H-11.5c6.352 0 11.5-5.149 11.5-11.5z"
transform="translate(427.93 145.65)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category