Add icons to this collection by clicking the heart icon.
Sun 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="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="2"
        x2="62"
        y1="27.5"
        y2="27.5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#2193b0" />
        <stop offset="1" stop-color="#6dd5ed" />
    </linearGradient>
    <linearGradient id="b" x1="15" x2="49" y1="51" y2="51" href="#a" />
    <linearGradient id="c" x1="18" x2="46" y1="55" y2="55" href="#a" />
    <linearGradient id="d" x1="39" x2="43" y1="59" y2="59" href="#a" />
    <linearGradient id="e" x1="21" x2="37" y1="59" y2="59" href="#a" />
    <linearGradient id="f" x1="31" x2="33" y1="4" y2="4" href="#a" />
    <linearGradient id="g" x1="7" x2="12" y1="9.5" y2="9.5" href="#a" />
    <linearGradient id="h" x1="52" x2="57" y1="9.5" y2="9.5" href="#a" />
    <linearGradient id="i" x2="6" y1="32" y2="32" href="#a" />
    <linearGradient id="j" x1="58" y1="32" y2="32" href="#a" />
    <linearGradient id="k" x1="27" x2="37" y1="15" y2="15" href="#a" />
    <linearGradient id="l" x1="24" x2="31" y1="19" y2="19" href="#a" />
    <linearGradient id="m" x1="15" x2="21" y1="37" y2="37" href="#a" />
    <linearGradient id="n" x1="18" x2="26" y1="41" y2="41" href="#a" />
    <linearGradient id="o" x1="40" x2="46" y1="29" y2="29" href="#a" />
    <linearGradient id="p" x1="43" x2="50" y1="33" y2="33" href="#a" />
    <path
        fill="url(#a)"
        d="M61 46h-8.3a25 25 0 1 0-41.4 0H3a1 1 0 0 0 0 2h58a1 1 0 0 0 0-2zM9 32a23 23 0 1 1 41.224 14H13.776A23.078 23.078 0 0 1 9 32z"
    />
    <path fill="url(#b)" d="M48 50H16a1 1 0 0 0 0 2h32a1 1 0 0 0 0-2z" />
    <path fill="url(#c)" d="M45 54H19a1 1 0 0 0 0 2h26a1 1 0 0 0 0-2z" />
    <path fill="url(#d)" d="M42 58h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
    <path fill="url(#e)" d="M36 58H22a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2z" />
    <path
        fill="url(#f)"
        d="M32 6a1 1 0 0 0 1-1V3a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1z"
    />
    <path
        fill="url(#g)"
        d="M10.293 11.707a1 1 0 0 0 1.414-1.414l-3-3a1 1 0 1 0-1.414 1.414z"
    />
    <path
        fill="url(#h)"
        d="M53 12a1 1 0 0 0 .707-.293l3-3a1 1 0 1 0-1.414-1.414l-3 3A1 1 0 0 0 53 12z"
    />
    <path fill="url(#i)" d="M3 33h2a1 1 0 0 0 0-2H3a1 1 0 0 0 0 2z" />
    <path fill="url(#j)" d="M59 33h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
    <path fill="url(#k)" d="M36 14h-8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z" />
    <path fill="url(#l)" d="M30 18h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2z" />
    <path
        fill="url(#m)"
        d="M21 37a1 1 0 0 0-1-1h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 1-1z"
    />
    <path fill="url(#n)" d="M25 40h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z" />
    <path
        fill="url(#o)"
        d="M46 29a1 1 0 0 0-1-1h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 1-1z"
    />
    <path fill="url(#p)" d="M49 32h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2z" />
</svg>
More icons in the same style and category