Add icons to this collection by clicking the heart icon.
Weather icon - also known as smartphone, mobile phone, weather, cloudy, cellphone, ui, app, and communications. 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 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="556.345"
y2="621.306"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M344 0H136c-22.08.026-39.974 17.92-40 40v400c.026 22.08 17.92 39.974 40 40h208c22.08-.026 39.974-17.92 40-40V40c-.026-22.08-17.92-39.974-40-40zM112 64h256v352H112V64zm24-48h208c13.255 0 24 10.745 24 24v8H112v-8c0-13.255 10.745-24 24-24zm208 448H136c-13.255 0-24-10.745-24-24v-8h256v8c0 13.255-10.745 24-24 24z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-30.375"
x2="-30.375"
y1="556.345"
y2="621.306"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M208 40h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-24.875"
x2="-24.875"
y1="556.345"
y2="621.306"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M240 40h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-26.875"
x2="-26.875"
y1="556.345"
y2="621.306"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M256 440h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-26.879"
x2="-26.879"
y1="556.345"
y2="621.306"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M335.872 236.152c.128-1.384.128-2.776.128-4.152.072-39.689-32.044-71.922-71.734-71.994a71.861 71.861 0 0 0-60.058 32.202A47.62 47.62 0 0 0 200 192c-22.5.057-41.923 15.775-46.672 37.768-23.351 12.494-32.151 41.552-19.657 64.903A47.952 47.952 0 0 0 176 320h128c26.51-.027 47.978-21.539 47.951-48.048a47.997 47.997 0 0 0-16.079-35.8zM196.04 208.24c-.152.432-.224.88-.368 1.312a64.15 64.15 0 0 0-1.6 5.832c-.216.904-.472 1.784-.648 2.688a72.56 72.56 0 0 0-1.224 8.72 46.234 46.234 0 0 0-8.36-2.128c-.488-.08-.992-.064-1.488-.128A48.769 48.769 0 0 0 176 224c-1.264 0-2.528.048-3.792.152a32.001 32.001 0 0 1 23.832-15.912zM304 304H176c-17.704-.036-32.027-14.417-31.991-32.121a32.055 32.055 0 0 1 19.391-29.383 33.37 33.37 0 0 1 5.352-1.6c.568-.12 1.136-.24 1.704-.328a32.774 32.774 0 0 1 4.136-.416 33.174 33.174 0 0 1 9.232.936l.712.176c1.106.307 2.195.67 3.264 1.088.504.208 1 .432 1.496.664.8.368 1.648.752 2.4 1.192a31.391 31.391 0 0 1 3.88 2.568 7.995 7.995 0 0 0 2.24 1.224c.248.088.512.104.8.168.55.157 1.117.251 1.688.28.088 0 .168.048.256.048a7.673 7.673 0 0 0 1.12-.152c.268-.015.536-.047.8-.096a7.935 7.935 0 0 0 6.024-8.88A52.184 52.184 0 0 1 208 232c-.069-30.928 24.948-56.055 55.876-56.124s56.055 24.948 56.124 55.876a56.031 56.031 0 0 1-.416 6.936 8 8 0 0 0 3.2 7.464A31.663 31.663 0 0 1 336 272c0 17.673-14.327 32-32 32z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-31.875"
x2="-31.875"
y1="556.345"
y2="621.306"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M200 184a8 8 0 0 0 8-8v-8a8 8 0 0 0-16 0v8a8 8 0 0 0 8 8z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-36.122"
x2="-36.122"
y1="556.345"
y2="621.306"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M161.072 188.576a8 8 0 1 0 13.909-7.909l-.053-.092-4-6.928a8 8 0 0 0-13.856 8l4 6.929z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-39.236"
x2="-39.236"
y1="556.345"
y2="621.306"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="m133.648 210.928 6.928 4a8 8 0 1 0 8.091-13.803l-.092-.053-6.928-4a8 8 0 1 0-8.091 13.803l.092.053z"
fill="url(#h)"
/>
</svg>
More icons in the same style and category