Add icons to this collection by clicking the heart icon.
Sunrise icon - also known as nature, sunlight, sun, sunset, sunrise, and vacations. 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="512"
height="512"
viewBox="0 2 98 98"
>
<linearGradient
id="a"
x1="71.75"
x2="71.75"
y1="96.333"
y2="9.589"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M69.4 36.7c.8 0 1.5-.3 2.1-.9l4.7-4.7c1.2-1.2 1.2-3.1 0-4.2-1.2-1.2-3.1-1.2-4.2 0l-4.7 4.7c-1.2 1.2-1.2 3.1 0 4.2.6.6 1.3.9 2.1.9z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="47.9"
x2="47.9"
y1="96.333"
y2="9.589"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M47.9 27.9c1.7 0 3-1.3 3-3v-6.8c0-1.7-1.3-3-3-3s-3 1.3-3 3v6.8c0 1.7 1.3 3 3 3z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="24"
x2="24"
y1="96.333"
y2="9.589"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M24.3 35.8c.6.6 1.4.9 2.1.9.8 0 1.5-.3 2.1-.9 1.2-1.2 1.2-3.1 0-4.2l-4.8-4.8c-1.2-1.2-3.1-1.2-4.2 0-1.2 1.2-1.2 3.1 0 4.2l4.8 4.8z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="49"
x2="49"
y1="96.333"
y2="9.589"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M3.4 58.2c2.8 0 4 1 5.7 2.4 2.1 1.6 4.6 3.6 9.5 3.6 4.8 0 7.4-2 9.5-3.6 1.7-1.4 3-2.4 5.7-2.4 2.8 0 4 1 5.7 2.4 2.1 1.6 4.6 3.6 9.5 3.6 4.8 0 7.4-2 9.5-3.6 1.7-1.4 3-2.4 5.7-2.4 2.8 0 4 1 5.7 2.4 2.1 1.6 4.6 3.6 9.5 3.6s7.4-2 9.5-3.6c1.7-1.4 3-2.4 5.7-2.4 1.7 0 3-1.3 3-3s-1.3-3-3-3c-4.8 0-7.4 2-9.5 3.6-1.7 1.4-3 2.4-5.7 2.4-2.8 0-4-1-5.7-2.4-1.7-1.3-3.7-2.9-7-3.4-1.4-9.2-9.3-16.3-18.9-16.3-9.8 0-17.9 7.4-19 17-1.9.7-3.3 1.8-4.5 2.8-1.7 1.4-3 2.4-5.7 2.4s-4-1-5.7-2.4c-2.1-1.6-4.6-3.6-9.5-3.6-1.7 0-3 1.3-3 3 0 1.6 1.3 2.9 3 2.9zm44.4-16.1c6.3 0 11.6 4.5 12.8 10.5-2.7.7-4.4 2-5.9 3.2-1.7 1.4-3 2.4-5.7 2.4-2.8 0-4-1-5.7-2.4-1.9-1.5-4.2-3.3-8.2-3.6 1.3-5.7 6.5-10.1 12.7-10.1z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="49"
x2="49"
y1="96.333"
y2="9.589"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M94.6 65.2c-4.8 0-7.4 2-9.5 3.6-1.7 1.4-3 2.4-5.7 2.4-2.8 0-4-1-5.7-2.4-2.1-1.6-4.6-3.6-9.5-3.6-4.8 0-7.4 2-9.5 3.6-1.7 1.4-3 2.4-5.7 2.4-2.8 0-4-1-5.7-2.4-2.1-1.6-4.6-3.6-9.5-3.6s-7.4 2-9.5 3.6c-1.7 1.4-3 2.4-5.7 2.4s-4-1-5.7-2.4c-2.1-1.6-4.6-3.6-9.5-3.6-1.7 0-3 1.3-3 3s1.3 3 3 3c2.8 0 4 1 5.7 2.4 2.1 1.6 4.6 3.6 9.5 3.6 4.8 0 7.4-2 9.5-3.6 1.7-1.4 3-2.4 5.7-2.4 2.8 0 4 1 5.7 2.4 2.1 1.6 4.6 3.6 9.5 3.6 4.8 0 7.4-2 9.5-3.6 1.7-1.4 3-2.4 5.7-2.4 2.8 0 4 1 5.7 2.4 2.1 1.6 4.6 3.6 9.5 3.6s7.4-2 9.5-3.6c1.7-1.4 3-2.4 5.7-2.4 1.7 0 3-1.3 3-3s-1.3-3-3-3z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="49"
x2="49"
y1="96.333"
y2="9.589"
gradientTransform="matrix(1 0 0 -1 0 104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M94.6 78.9c-4.8 0-7.4 2-9.5 3.6-1.7 1.4-3 2.4-5.7 2.4-2.8 0-4-1-5.7-2.4-2.1-1.6-4.6-3.6-9.5-3.6-4.8 0-7.4 2-9.5 3.6-1.7 1.4-3 2.4-5.7 2.4-2.8 0-4-1-5.7-2.4-2.1-1.6-4.6-3.6-9.5-3.6s-7.4 2-9.5 3.6c-1.7 1.4-3 2.4-5.7 2.4s-4-1-5.7-2.4c-2.1-1.6-4.6-3.6-9.5-3.6-1.7 0-3 1.3-3 3s1.3 3 3 3c2.8 0 4 1 5.7 2.4 2.1 1.6 4.6 3.6 9.5 3.6 4.8 0 7.4-2 9.5-3.6 1.7-1.4 3-2.4 5.7-2.4 2.8 0 4 1 5.7 2.4 2.1 1.6 4.6 3.6 9.5 3.6 4.8 0 7.4-2 9.5-3.6 1.7-1.4 3-2.4 5.7-2.4 2.8 0 4 1 5.7 2.4 2.1 1.6 4.6 3.6 9.5 3.6s7.4-2 9.5-3.6c1.7-1.4 3-2.4 5.7-2.4 1.7 0 3-1.3 3-3s-1.3-3-3-3z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category