Add icons to this collection by clicking the heart icon.
Sunrise icon - also known as nature, sea, weather, travel, beach, holidays, sun, sunset, sunrise, and beach sunset. Created in a clean lineal 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="640"
height="640"
viewBox="0 -21 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient
id="b"
x1="8"
x2="8"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="168"
x2="168"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="192"
x2="192"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="348"
x2="348"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="416"
x2="416"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="240"
x2="240"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="112"
x2="112"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="256"
x2="256"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="352"
x2="352"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="40"
x2="40"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="136"
x2="136"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="440"
x2="440"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="280"
x2="280"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="360"
x2="360"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="364"
x2="364"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="375.56"
x2="375.56"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="317.528"
x2="317.528"
y1="-45.728"
y2="487.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#b)" d="M0 293.656h16v16H0zm0 0" />
<path fill="url(#c)" d="M64 325.656h208v16H64zm0 0" />
<path fill="url(#d)" d="M136 357.656h112v16H136zm0 0" />
<path fill="url(#e)" d="M336 389.656h24v16h-24zm0 0" />
<path fill="url(#d)" d="M160 389.656h64v16h-64zm0 0" />
<path fill="url(#f)" d="M408 325.656h16v16h-16zm0 0" />
<path fill="url(#g)" d="M200 421.656h80v16h-80zm0 0" />
<path fill="url(#h)" d="M104 357.656h16v16h-16zm0 0" />
<path
fill="url(#i)"
d="M424 237.656c.156-72.66-42.46-138.605-108.77-168.312-66.312-29.707-143.894-17.614-198.011 30.875-54.117 48.484-74.633 124.273-52.364 193.437H32v16h448v-16h-64.855a183.186 183.186 0 0 0 8.855-56zm-352 0c-.133-66.957 39.504-127.601 100.887-154.351C234.27 56.559 305.676 68.812 354.625 114.5c48.953 45.684 66.102 116.074 43.648 179.156H81.727a167.126 167.126 0 0 1-9.727-56zm0 0"
/>
<path
fill="url(#j)"
d="m357.656 43.313 24-24L370.344 8 352 26.344 333.656 8l-11.312 11.313 24 24a8.004 8.004 0 0 0 11.312 0zm0 0"
/>
<path
fill="url(#k)"
d="M34.344 107.313a8.004 8.004 0 0 0 11.312 0l24-24L58.344 72 40 90.344 21.656 72 10.344 83.313zm0 0"
/>
<path
fill="url(#l)"
d="M136 37.656a8.001 8.001 0 0 0 5.656-2.343l24-24L154.344 0 136 18.344 117.656 0l-11.312 11.313 24 24A8.001 8.001 0 0 0 136 37.656zm0 0"
/>
<path
fill="url(#m)"
d="M440 117.656a8.001 8.001 0 0 0 5.656-2.344l24-24L458.344 80 440 98.344 421.656 80l-11.312 11.313 24 24a8.001 8.001 0 0 0 5.656 2.343zm0 0"
/>
<path
fill="url(#n)"
d="M315.063 326.266a8 8 0 0 0-8.72 1.734l-64 64a8.005 8.005 0 0 0-1.734 8.719 8.002 8.002 0 0 0 7.391 4.937h64a8 8 0 0 0 8-8v-64a8.002 8.002 0 0 0-4.938-7.39zM304 389.656h-36.688L304 352.97zm0 0"
/>
<path fill="url(#o)" d="M336 357.656h48v16h-48zm0 0" />
<path fill="url(#p)" d="M336 325.656h56v16h-56zm0 0" />
<path
fill="url(#q)"
d="m383.016 220.727-15.887 1.859c.578 5 .871 10.035.871 15.07h16a147.74 147.74 0 0 0-.984-16.93zm0 0"
/>
<path
fill="url(#r)"
d="m256.938 94.64-1.875 15.887c53.113 6.38 96.699 45.032 109.378 97l15.551-3.742c-14.258-58.476-63.297-101.969-123.054-109.144zm0 0"
/>
</svg>
More icons in the same style and category