Add icons to this collection by clicking the heart icon.
Umbrella icon - also known as summer, summertime, holidays, umbrella, towel, beach umbrella, and staycation. Created in a clean outline color style with a white, silver, red, yellow, lime, teal, 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="512"
height="512"
viewBox="0 0 64 64"
>
<path fill="#f2f2f2" d="M30 58V20h4v38" />
<path
fill="#eaa16e"
d="M46 61H18s2-3 5-3 4-4 9-4a8.06 8.06 0 0 1 2 .24c3.35.87 4.45 3.76 7 3.76 3 0 5 3 5 3z"
/>
<path
fill="#ee4042"
d="M29.67 6.02A19.305 19.305 0 0 0 24.31 13a23.892 23.892 0 0 0-1.73 5.11A26.575 26.575 0 0 0 22 22H8c.19-.54.47-1.24.85-2.06A24.082 24.082 0 0 1 29.67 6.02z"
/>
<path
fill="#ff5543"
d="M29.67 6.02A19.305 19.305 0 0 0 24.31 13a23.892 23.892 0 0 0-1.73 5.11 72.982 72.982 0 0 1-13.73 1.83A24.082 24.082 0 0 1 29.67 6.02z"
/>
<path
fill="#06c458"
d="M56 22H42a38.52 38.52 0 0 0-3.08-9c-.11-.22-.22-.44-.34-.66a31.69 31.69 0 0 0-4.26-6.33 25.079 25.079 0 0 1 10.41 2.88A21.761 21.761 0 0 1 48 11a24.493 24.493 0 0 1 8 11z"
/>
<path
fill="#34d143"
d="M44.73 8.89q-2.985 1.875-6.15 3.45a31.69 31.69 0 0 0-4.26-6.33 25.079 25.079 0 0 1 10.41 2.88z"
/>
<path
fill="#f2f2f2"
d="M32 7a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="#ffc239"
d="M42 22H22a26.575 26.575 0 0 1 .58-3.89A23.892 23.892 0 0 1 24.31 13a19.305 19.305 0 0 1 5.36-6.98c.15-.01.29-.02.43-.02h3.8c.14 0 .27.01.42.01a31.69 31.69 0 0 1 4.26 6.33c.12.22.23.44.34.66A38.52 38.52 0 0 1 42 22z"
/>
<path
fill="#ffe266"
d="M38.58 12.34a71.977 71.977 0 0 1-16 5.77A23.892 23.892 0 0 1 24.31 13a19.305 19.305 0 0 1 5.36-6.98c.15-.01.29-.02.43-.02h3.8c.14 0 .27.01.42.01a31.69 31.69 0 0 1 4.26 6.33z"
/>
<path fill="#d32f37" d="M20.923 26H9.077L8 22h14z" />
<path fill="#0fb251" d="M43.077 26h11.846L56 22H42z" />
<path fill="#ffad1d" d="M40.462 26H23.538L22 22h20z" />
<path
fill="#ffc48f"
d="M34 54.24A19.883 19.883 0 0 1 30.19 61H18s2-3 5-3 4-4 9-4a8.06 8.06 0 0 1 2 .24z"
/>
<path
d="M46 62H18a1 1 0 0 1-.832-1.555C17.262 60.305 19.505 57 23 57a4.425 4.425 0 0 0 2.65-1.394 9.039 9.039 0 0 1 12.7 0A4.425 4.425 0 0 0 41 57c3.495 0 5.738 3.305 5.832 3.445A1 1 0 0 1 46 62zm-25.652-2h23.304A4.452 4.452 0 0 0 41 59a6.096 6.096 0 0 1-3.919-1.848 7.074 7.074 0 0 0-10.162 0A6.096 6.096 0 0 1 23 59a4.452 4.452 0 0 0-2.652 1zM56 23H8a1 1 0 0 1-.94-1.34 25.326 25.326 0 0 1 8.33-11.452A25.616 25.616 0 0 1 32 4.999a25.617 25.617 0 0 1 16.61 5.209 25.328 25.328 0 0 1 8.33 11.451A1 1 0 0 1 56 23zM9.473 21h45.054a23.228 23.228 0 0 0-7.137-9.208 23.643 23.643 0 0 0-15.347-4.793.617.617 0 0 1-.086 0 23.644 23.644 0 0 0-15.347 4.793A23.225 23.225 0 0 0 9.473 21z"
/>
<path d="M32 7a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z" />
<path
d="M42 23H22a1 1 0 0 1-.997-1.073 26.813 26.813 0 0 1 2.4-9.353 20.408 20.408 0 0 1 5.667-7.357A1.001 1.001 0 0 1 29.692 5h4.616a1.001 1.001 0 0 1 .753.342 33.181 33.181 0 0 1 4.759 7.218 39.488 39.488 0 0 1 3.158 9.233A1 1 0 0 1 42 23zm-18.901-2h17.648a37.127 37.127 0 0 0-2.722-7.56A31.392 31.392 0 0 0 33.85 7h-3.801a18.568 18.568 0 0 0-4.836 6.426A24.568 24.568 0 0 0 23.1 21z"
/>
<path
d="M20 27H9a1 1 0 0 1-.97-.758l-1-4A1 1 0 0 1 8 21h13a1 1 0 0 1 .97 1.242l-1 4A1 1 0 0 1 20 27zM9.78 25h9.44l.5-2H9.28zM55 27H44a1 1 0 0 1-.97-.758l-1-4A1 1 0 0 1 43 21h13a1 1 0 0 1 .97 1.242l-1 4A1 1 0 0 1 55 27zm-10.22-2h9.44l.5-2H44.28z"
/>
<path
d="M40.461 27H23.54a1 1 0 0 1-.934-.64l-1.538-4A1 1 0 0 1 22 21h20a1 1 0 0 1 .933 1.36l-1.538 4a1 1 0 0 1-.934.64zm-16.235-2h15.548l.77-2H23.456z"
/>
<path
d="M34 55.24a1 1 0 0 1-1-1V27h-2v27.24a1 1 0 0 1-2 0V26a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v28.24a1 1 0 0 1-1 1z"
/>
</svg>
More icons in the same style and category