Add icons to this collection by clicking the heart icon.
Sunrise icon - also known as nature, sea, weather, travel, beach, holidays, sun, sunset, and sunrise. Created in a clean flat 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 0 64 64"
>
<circle cx="31" cy="34" r="14" fill="#ffbe39" />
<g fill="#ffdc5d">
<rect
width="2"
height="4"
x="13.55"
y="22.5"
rx="1"
transform="rotate(-60 14.55 24.498)"
/>
<rect
width="2"
height="4"
x="16.57"
y="18.56"
rx="1"
transform="rotate(-45 17.545 20.567)"
/>
<rect
width="2"
height="4"
x="20.5"
y="15.55"
rx="1"
transform="rotate(-30 21.499 17.542)"
/>
<rect
width="2"
height="4"
x="25.08"
y="13.65"
rx="1"
transform="rotate(-14.98 26.057 15.621)"
/>
<rect width="2" height="4" x="30" y="13" rx="1" />
<rect
width="4"
height="2"
x="33.92"
y="14.65"
rx="1"
transform="rotate(-74.99 35.922 15.64)"
/>
<rect
width="4"
height="2"
x="38.5"
y="16.55"
rx="1"
transform="matrix(.5 -.87 .87 .5 5.05 43.85)"
/>
<rect
width="4"
height="2"
x="42.44"
y="19.57"
rx="1"
transform="rotate(-45 44.47 20.58)"
/>
<rect
width="4"
height="2"
x="45.46"
y="23.5"
rx="1"
transform="rotate(-30 47.455 24.498)"
/>
<rect
width="4"
height="2"
x="47.35"
y="28.08"
rx="1"
transform="rotate(-14.98 49.313 29.06)"
/>
</g>
<path
fill="#f0fbff"
d="M4 26a6 6 0 0 1 5.61 3.89A4 4 0 0 1 17 32a5 5 0 0 1 5 5 3 3 0 0 1 0 6H1V26.82A6 6 0 0 1 4 26z"
/>
<path
fill="#daf5ff"
d="M24.82 41A3 3 0 0 0 22 39a5 5 0 0 0-5-5 4 4 0 0 0-7.39-2.11A6 6 0 0 0 1 28.82V43h21a3 3 0 0 0 2.82-2z"
/>
<path fill="#8cf7ee" d="M1 43h62v20H1z" />
<path fill="#5ce9e3" d="M1 45h62v18H1z" />
<path
fill="#8cf7ee"
d="M9 56H1v2h8a1 1 0 0 0 0-2zM48 58h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2zM25 50h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM24.5 57h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM38 54h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM53 58h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM13 48H7a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM45 48h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM58 47a1 1 0 0 0 0 2h5v-2z"
/>
<path
fill="#f0fbff"
d="M62 34a4 4 0 0 0-3.39 1.89 6 6 0 0 0-11.22 0A4 4 0 0 0 40 38a5 5 0 0 0-5 5h28v-8.86a4.09 4.09 0 0 0-1-.14z"
/>
<path
fill="#daf5ff"
d="M59.61 37.89a6 6 0 0 0-11.22 0A4 4 0 0 0 41 40a5 5 0 0 0-4.58 3H63v-7a4 4 0 0 0-3.39 1.89z"
/>
<path
fill="#4b5f82"
d="M10 4a1 1 0 0 1-.89-.55L9 3.24A2.22 2.22 0 0 0 7 2a1 1 0 0 1 0-2 4.24 4.24 0 0 1 3 1.24A4.24 4.24 0 0 1 13 0a1 1 0 0 1 0 2 2.22 2.22 0 0 0-2 1.24l-.11.21A1 1 0 0 1 10 4zM16 10a1 1 0 0 1-.89-.55L15 9.24A2.22 2.22 0 0 0 13 8a1 1 0 0 1 0-2 4.24 4.24 0 0 1 3 1.24A4.24 4.24 0 0 1 19 6a1 1 0 0 1 0 2 2.22 2.22 0 0 0-2 1.24l-.11.21A1 1 0 0 1 16 10zM4 10a1 1 0 0 1-.89-.55L3 9.24A2.22 2.22 0 0 0 1 8a1 1 0 0 1 0-2 4.24 4.24 0 0 1 3 1.24A4.24 4.24 0 0 1 7 6a1 1 0 0 1 0 2 2.22 2.22 0 0 0-2 1.24l-.11.21A1 1 0 0 1 4 10z"
/>
<path
fill="#f0fbff"
d="M61 2a4 4 0 0 0-3.2 1.62A3 3 0 0 0 53 6a1.1 1.1 0 0 0 0 .18A3 3 0 0 0 54 12h9V2.55A4 4 0 0 0 61 2z"
/>
<path
fill="#daf5ff"
d="M59.8 5.62A3 3 0 0 0 55 8a1.1 1.1 0 0 0 0 .18A3 3 0 0 0 53 11a3 3 0 0 0 .14.86A3 3 0 0 0 54 12h9V4a4 4 0 0 0-3.2 1.62z"
/>
<circle cx="28" cy="29" r="3" fill="#ffdc5d" />
</svg>
More icons in the same style and category