Add icons to this collection by clicking the heart icon.
Umbrella icon - also known as security, weather, protection, rainy, rain, umbrella, Tools and utensils, and umbrellas. Created in a clean gradient style, 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="100"
height="100"
viewBox="0 0 511.993 511.993"
>
<linearGradient
id="a"
x1="69.654"
x2="416.136"
y1="448.212"
y2="101.73"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc06b" />
<stop offset="1" stop-color="#e66900" />
</linearGradient>
<circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
<linearGradient
id="b"
x1="114.565"
x2="360.745"
y1="173.044"
y2="173.044"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#57565c" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path
d="M244.723 251.068v170.597c0 16.904-13.753 30.657-30.657 30.657s-30.656-13.752-30.656-30.657V406.92h-21.606v14.745c0 28.817 23.445 52.263 52.263 52.263s52.263-23.445 52.263-52.263V251.068h-21.607z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="114.565"
x2="360.745"
y1="463.786"
y2="463.786"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff0335" />
<stop offset="1" stop-color="#901" />
</linearGradient>
<path d="M245.182 28.212h21.637v60.99h-21.637z" fill="url(#c)" />
<linearGradient
id="d"
x1="114.565"
x2="360.745"
y1="333.463"
y2="333.463"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff0335" />
<stop offset="1" stop-color="#901" />
</linearGradient>
<path
d="M171.508 303.625C187.3 278.767 219.195 261.76 256 261.76s68.7 17.007 84.492 41.865c15.792-24.858 47.687-41.865 84.492-41.865 17.189 0 33.297 3.726 47.209 10.21C456.364 166.78 365.602 86.133 256.001 86.133c-109.603 0-200.365 80.647-216.194 185.837 13.913-6.483 30.021-10.21 47.209-10.21 36.805 0 68.7 17.007 84.492 41.865z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="114.565"
x2="360.745"
y1="333.463"
y2="333.463"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff0335" />
<stop offset="1" stop-color="#901" />
</linearGradient>
<path
d="M255.999 86.133V261.76c36.805 0 68.7 17.007 84.492 41.865 15.792-24.858 47.687-41.865 84.492-41.865 17.189 0 33.296 3.726 47.209 10.21-15.828-105.19-106.59-185.837-216.193-185.837z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="114.565"
x2="360.745"
y1="333.463"
y2="333.463"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#c8c6cc" />
</linearGradient>
<path
d="M256.001 86.133c-.004.002-84.492 34.712-84.492 217.492 15.792-24.858 47.687-41.865 84.492-41.865s68.7 17.007 84.492 41.865c-.001-182.78-84.488-217.49-84.492-217.492z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category