Add icons to this collection by clicking the heart icon.
Sunset icon - also known as nature, sea, weather, landscape, beach, sun, and sunset. Created in a clean lineal color 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="682.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath9270">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path9268" />
</clipPath>
</defs>
<g id="g9258" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<path
d="M 504.5,83.652 H 7.5 v 135.996 h 497 z"
id="path9260"
fill="#ffd15c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 504.5,14.223 H 7.5 v 69.425 h 497 z"
id="path9262"
fill="#fea713"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g id="g9264">
<g id="g9266" clip-path="url(#clipPath9270)">
<g id="g9272" transform="translate(358.7773,219.6484)">
<path
d="m 0,0 h -205.854 c 7.432,50.177 50.684,88.679 102.927,88.679 C -50.677,88.679 -7.433,50.177 0,0"
id="path9274"
fill="#fe646f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g9276" transform="translate(358.7803,219.6484)">
<path
d="m 0,0 h -32.23 c -6.65,44.92 -41.991,80.47 -86.8,87.43 5.25,0.83 10.62,1.25 16.1,1.25 C -50.681,88.68 -7.44,50.18 0,0"
id="path9278"
fill="#fd4755"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g9280" transform="translate(468.4805,391.3242)">
<path
d="M 0,0 C -7.936,0 -15.174,-2.969 -20.678,-7.85 -27.965,2.343 -39.89,8.994 -53.375,8.994 c -17.95,0 -33.151,-11.771 -38.305,-28.015 -1.911,-6.024 2.64,-12.164 8.96,-12.164 H 19.696 c 6.8,0 11.443,7.06 8.557,13.217 C 23.278,-7.353 12.498,0 0,0"
id="path9282"
fill="#ffd15c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g9284" transform="translate(488.1797,360.1377)">
<path
d="m 0,0 h -22.979 c 6.799,0 11.439,7.061 8.549,13.221 -3.36,7.16 -9.36,12.84 -16.75,15.779 3.55,1.41 7.43,2.19 11.481,2.19 12.5,0 23.279,-7.36 28.25,-17.969 C 11.44,7.061 6.801,0 0,0"
id="path9286"
fill="#ffc344"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g9288" transform="translate(136.1152,480.8682)">
<path
d="m 0,0 c -10.909,0 -20.86,-4.082 -28.427,-10.792 -10.018,14.014 -26.412,23.156 -44.952,23.156 -25.23,0 -46.509,-16.915 -53.115,-40.023 -2.177,-7.616 3.478,-15.213 11.399,-15.213 H 28.642 c 8.399,0 14.221,8.516 11.029,16.284 C 33.26,-10.986 17.913,0 0,0"
id="path9290"
fill="#fea713"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g9292" transform="translate(164.7598,437.998)">
<path
d="m 0,0 h -30.83 c 8.4,0 14.22,8.51 11.02,16.28 -4.47,10.87 -13.26,19.5 -24.25,23.73 4.79,1.85 9.98,2.86 15.42,2.86 17.911,0 33.26,-10.99 39.67,-26.59 C 14.22,8.51 8.4,0 0,0"
id="path9294"
fill="#fd9a01"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g9296" transform="translate(7.5,219.6484)">
<path
d="M 0,0 H 497"
id="path9298"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9300" transform="translate(131.4033,83.6523)">
<path
d="M 0,0 H -123.903"
id="path9302"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9304" transform="translate(504.5,83.6523)">
<path
d="M 0,0 H -337.714"
id="path9306"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9308" transform="translate(504.5,14.2227)">
<path
d="M 0,0 H -497"
id="path9310"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9312" transform="translate(295.1787,300.6396)">
<path
d="m 0,0 c 33.418,-13.651 58.146,-44.18 63.599,-80.991 h -205.855 c 7.433,50.177 50.685,88.678 102.927,88.678 1.633,0 3.257,-0.037 4.872,-0.111"
id="path9314"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9316" transform="translate(468.4805,391.3242)">
<path
d="M 0,0 C -7.936,0 -15.174,-2.969 -20.678,-7.85 -27.965,2.343 -39.89,8.994 -53.375,8.994 c -17.95,0 -33.151,-11.771 -38.305,-28.015 -1.911,-6.024 2.64,-12.164 8.96,-12.164 H 19.696 c 6.8,0 11.443,7.06 8.557,13.217 C 23.278,-7.353 12.498,0 0,0 Z"
id="path9318"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9320" transform="translate(136.1152,480.8682)">
<path
d="m 0,0 c -10.909,0 -20.86,-4.082 -28.427,-10.792 -10.018,14.014 -26.412,23.156 -44.952,23.156 -25.23,0 -46.509,-16.915 -53.115,-40.023 -2.177,-7.616 3.478,-15.213 11.399,-15.213 H 28.642 c 8.399,0 14.221,8.516 11.029,16.284 C 33.26,-10.986 17.913,0 0,0 Z"
id="path9322"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9324" transform="translate(140.8174,316.3926)">
<path
d="M 0,0 -99.919,83.926"
id="path9326"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9328" transform="translate(457.8984,389.4795)">
<path
d="M 0,0 46.602,39.143"
id="path9330"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9332" transform="translate(378.0547,322.417)">
<path
d="M 0,0 44.912,37.723"
id="path9334"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9336" transform="translate(255.8501,465.6143)">
<path
d="M 0,0 V -113.922"
id="path9338"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9340" transform="translate(78.1885,284.4229)">
<path
d="M 0,0 C 0,0 -21.398,-103.918 0,-200.775"
id="path9342"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9344" transform="translate(110.7681,250.8906)">
<path
d="M 0,0 C -2.44,9.667 -9.883,25.497 -32.58,33.532"
id="path9346"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9348" transform="translate(33.1968,271.7129)">
<path
d="M 0,0 C 6.953,7.146 21.323,17.12 44.992,12.71"
id="path9350"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9352" transform="translate(123.6138,292.3975)">
<path
d="M 0,0 C 0,0 -25.528,15.93 -45.425,-7.975"
id="path9354"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9356" transform="translate(45.9736,306.6748)">
<path
d="M 0,0 C 0,0 25.339,4.837 32.215,-22.252"
id="path9358"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9360" transform="translate(86.4546,316.3926)">
<path
d="M 0,0 -8.266,-31.97"
id="path9362"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9364" transform="translate(197.4902,282.5303)">
<path
d="M 0,0 C 0,0 -16.095,-61.152 0,-198.878"
id="path9366"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9368" transform="translate(229.7627,249.3145)">
<path
d="M 0,0 C -2.417,9.576 -9.791,25.257 -32.272,33.216"
id="path9370"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9372" transform="translate(152.9229,269.9404)">
<path
d="M 0,0 C 6.887,7.078 21.122,16.959 44.567,12.59"
id="path9374"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9376" transform="translate(236.1577,285.542)">
<path
d="M 0,0 C 0,0 -19.29,16.761 -38.667,-3.012"
id="path9378"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9380" transform="translate(165.5791,304.5732)">
<path
d="M 0,0 C 0,0 25.101,4.791 31.911,-22.043"
id="path9382"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9384" transform="translate(205.6782,314.1992)">
<path
d="M 0,0 -8.188,-31.669"
id="path9386"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9388" transform="translate(300.0352,250.583)">
<path
d="M 0,0 C 0,0 14.439,-66.548 0,-166.936"
id="path9390"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9392" transform="translate(268.2363,219.6484)">
<path
d="M 0,0 C 0,15.467 12.267,26.74 31.799,30.935"
id="path9394"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9396" transform="translate(328.917,242.2939)">
<path
d="M 0,0 C -6.136,4.842 -15.416,9.038 -28.882,8.289"
id="path9398"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9400" transform="translate(273.8662,263.6006)">
<path
d="M 0,0 C 7.941,0.123 18.047,-2.358 26.169,-13.018"
id="path9402"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9404" transform="translate(339.2969,266.4414)">
<path
d="M 0,0 C 0,0 -32.844,8.948 -39.262,-15.858"
id="path9406"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9408" transform="translate(296.9658,275.1445)">
<path
d="M 0,0 3.069,-24.562"
id="path9410"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9412" transform="translate(424.1738,288.3975)">
<path
d="M 0,0 C 0,0 23.995,-105.976 0,-204.75"
id="path9414"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9416" transform="translate(380.2061,245.3535)">
<path
d="M 0,0 C 3.193,12.894 12.203,35.514 43.968,43.044"
id="path9418"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9420" transform="translate(474.625,275.4365)">
<path
d="M 0,0 C -7.797,7.286 -23.911,17.459 -50.451,12.961"
id="path9422"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9424" transform="translate(376.3604,293.3613)">
<path
d="M 0,0 C 0,0 28.437,13.543 47.813,-4.964"
id="path9426"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9428" transform="translate(470.1201,311.4326)">
<path
d="M 0,0 C 0,0 -35.282,12.101 -45.946,-23.035"
id="path9430"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9432" transform="translate(414.9053,321.001)">
<path
d="M 0,0 9.269,-32.604"
id="path9434"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9436" transform="translate(366.1328,407.0312)">
<path
d="M 0,0 53.406,90.746"
id="path9438"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9440" transform="translate(315.6514,321.2578)">
<path
d="M 0,0 32.335,54.941"
id="path9442"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9444" transform="translate(159.7612,382.915)">
<path
d="M 0,0 -32.417,55.081"
id="path9446"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9448" transform="translate(255.8501,184.0352)">
<path
d="M 0,0 H 102.927"
id="path9450"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9452" transform="translate(152.9229,184.0352)">
<path
d="M 0,0 H 70.551"
id="path9454"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9456" transform="translate(411.8711,151.6484)">
<path
d="M 0,0 H 49.238"
id="path9458"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9460" transform="translate(461.1094,119.2607)">
<path
d="M 0,0 H 28.45"
id="path9462"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9464" transform="translate(100.9009,119.2607)">
<path
d="M 0,0 H 28.45"
id="path9466"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9468" transform="translate(9.1514,183.0918)">
<path
d="M 0,0 H 20.302"
id="path9470"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9472" transform="translate(171.6665,151.6484)">
<path
d="M 0,0 H 171.188"
id="path9474"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g9476" transform="translate(236.1577,119.2607)">
<path
d="M 0,0 H 39.686"
id="path9478"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category