Add icons to this collection by clicking the heart icon.
Sun icon - also known as summer, nature, weather, sunny, warm, summertime, sun, and meteorology. 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="496pt"
height="496pt"
viewBox="0 -18 496 496"
>
<linearGradient id="a">
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="3.472"
x2="521.416"
y1="476.528"
y2="-41.416"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="7.984"
x2="525.92"
y1="481.032"
y2="-36.912"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-37.76"
x2="480.176"
y1="435.288"
y2="-82.656"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-72.528"
x2="445.416"
y1="400.528"
y2="-117.416"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="81.472"
x2="599.416"
y1="554.528"
y2="36.584"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="93.472"
x2="611.416"
y1="566.528"
y2="48.584"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-86.528"
x2="431.416"
y1="386.528"
y2="-131.416"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-104.952"
x2="412.992"
y1="368.104"
y2="-149.84"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="99.896"
x2="617.84"
y1="572.952"
y2="55.008"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="-114.536"
x2="403.408"
y1="358.512"
y2="-159.424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="110.808"
x2="628.752"
y1="583.864"
y2="65.92"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="-42.416"
x2="475.528"
y1="430.632"
y2="-87.304"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="51.152"
x2="569.096"
y1="524.208"
y2="6.264"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="121.488"
x2="639.424"
y1="594.536"
y2="76.592"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="-44.208"
x2="473.736"
y1="428.848"
y2="-89.096"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="135.472"
x2="653.416"
y1="608.528"
y2="90.584"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="-104.528"
x2="413.416"
y1="368.528"
y2="-149.416"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M248 128c-57.438 0-104 46.563-104 104s46.563 104 104 104 104-46.563 104-104c-.066-57.41-46.59-103.934-104-104zm0 192c-48.602 0-88-39.398-88-88s39.398-88 88-88 88 39.398 88 88c-.059 48.578-39.422 87.941-88 88zm0 0"
/>
<path
fill="url(#c)"
d="M248 288c-25.54.004-47.848-17.27-54.23-42a8.004 8.004 0 0 0-5.594-5.863 8.009 8.009 0 0 0-7.844 2.027c-2.05 2.047-2.84 5.043-2.05 7.836 8.206 31.793 36.882 54.004 69.718 54a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#d)"
d="M184 223.742a8 8 0 0 0 9.754-5.734 55.436 55.436 0 0 1 5.23-13.086 8.008 8.008 0 0 0-3.12-10.883c-3.868-2.14-8.739-.746-10.88 3.121a72.341 72.341 0 0 0-6.718 16.8 8 8 0 0 0 .832 6.083 7.999 7.999 0 0 0 4.902 3.7zm0 0"
/>
<path
fill="url(#e)"
d="M248 120a8 8 0 0 0 8-8V48a8 8 0 0 0-16 0v64a8 8 0 0 0 8 8zm0 0"
/>
<path
fill="url(#f)"
d="M248 344a8 8 0 0 0-8 8v72a8 8 0 0 0 16 0v-72a8 8 0 0 0-8-8zm0 0"
/>
<path
fill="url(#g)"
d="M488 224H368a8 8 0 0 0 0 16h120a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#h)"
d="M136 232a8 8 0 0 0-8-8H8a8 8 0 0 0 0 16h120a8 8 0 0 0 8-8zm0 0"
/>
<path
fill="url(#i)"
d="M157.496 152.8c3.156 2.903 8.043 2.805 11.074-.23 3.035-3.03 3.133-7.918.23-11.074l-47.152-47.152a8 8 0 0 0-11.312 11.312zm0 0"
/>
<path
fill="url(#j)"
d="M338.504 311.2c-3.156-2.903-8.043-2.805-11.074.23-3.035 3.03-3.133 7.918-.23 11.074l23.152 23.152a8 8 0 0 0 11.312-11.312zm0 0"
/>
<path
fill="url(#b)"
d="M327.2 152.8a8.004 8.004 0 0 0 11.312 0l35.152-35.152a8 8 0 0 0-11.312-11.312l-35.153 35.16c-3.117 3.121-3.117 8.18 0 11.305zM168.8 311.2a8.004 8.004 0 0 0-11.312 0l-43.152 43.152a8 8 0 1 0 11.312 11.312l43.153-43.16c3.117-3.121 3.117-8.18 0-11.305zm0 0"
/>
<path
fill="url(#k)"
d="m23.953 145.602 110.445 46.878a8.16 8.16 0 0 0 3.122.633 8.002 8.002 0 0 0 3.128-15.37L30.2 130.854a8.008 8.008 0 0 0-6.246 14.746zm0 0"
/>
<path
fill="url(#l)"
d="m443.008 304.586-81.535-33.106a8.003 8.003 0 0 0-11.04 8.508 8.01 8.01 0 0 0 5.024 6.317l81.535 33.11a7.996 7.996 0 0 0 10.422-4.407 7.996 7.996 0 0 0-4.406-10.422zm0 0"
/>
<path
fill="url(#m)"
d="M291.785 128.91c4.07 1.719 8.762-.191 10.48-4.262l41.11-97.535c1.719-4.074-.188-8.77-4.262-10.488s-8.77.188-10.488 4.262l-41.113 97.511a7.994 7.994 0 0 0 4.273 10.512zm0 0"
/>
<path
fill="url(#n)"
d="M204.23 335.098a7.999 7.999 0 0 0-10.488 4.238L146.855 449.8a8.002 8.002 0 0 0 4.247 10.492 8.007 8.007 0 0 0 10.492-4.246l46.886-110.445a8.012 8.012 0 0 0 .055-6.137 7.984 7.984 0 0 0-4.305-4.367zm0 0"
/>
<path
fill="url(#k)"
d="M193.742 124.664a8.005 8.005 0 0 0 10.5 4.234 8.004 8.004 0 0 0 4.238-10.5L161.602 7.953a8.007 8.007 0 0 0-10.493-4.246 8.002 8.002 0 0 0-4.246 10.492zm0 0"
/>
<path
fill="url(#o)"
d="M302.258 339.336a8.002 8.002 0 0 0-10.492-4.242 8 8 0 0 0-4.246 10.492l46.878 110.46a8.007 8.007 0 0 0 10.493 4.247 8.002 8.002 0 0 0 4.246-10.492zm0 0"
/>
<path
fill="url(#n)"
d="M351.098 188.23a7.994 7.994 0 0 0 7.367 4.883 8.16 8.16 0 0 0 3.12-.633l110.462-46.878a8.007 8.007 0 0 0 4.246-10.493 8.002 8.002 0 0 0-10.492-4.246l-110.465 46.88a7.999 7.999 0 0 0-4.238 10.487zm0 0"
/>
<path
fill="url(#p)"
d="M144.902 275.77a7.984 7.984 0 0 0-4.367-4.305 8.012 8.012 0 0 0-6.137.055L23.953 318.398a8.001 8.001 0 0 0 3.125 15.371 8.146 8.146 0 0 0 3.121-.632l110.465-46.89a7.992 7.992 0 0 0 4.238-10.477zm0 0"
/>
<path
fill="url(#q)"
d="M381.656 354.344a8 8 0 0 0-11.312 11.312l8 8a8 8 0 0 0 11.312-11.312zm0 0"
/>
<path
fill="url(#r)"
d="M248 32a8 8 0 0 0 8-8V8a8 8 0 0 0-16 0v16a8 8 0 0 0 8 8zm0 0"
/>
</svg>
More icons in the same style and category