UCLA Component Library

Weather Icons SVG: Sunny 

<!-- Sunny Black -->
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Sun</title>
    <g id="Icon/Weather/sun-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M24,34.6666667 C24.7363797,34.6666667 25.3333333,35.2636203 25.3333333,36 L25.3333333,38.6666667 C25.3333333,39.4030463 24.7363797,40 24,40 C23.2636203,40 22.6666667,39.4030463 22.6666667,38.6666667 L22.6666667,36 C22.6666667,35.2636203 23.2636203,34.6666667 24,34.6666667 Z M33.4950938,31.6094757 L35.3807119,33.4950938 C35.9014109,34.0157928 35.9014109,34.8600128 35.3807119,35.3807119 C34.8600128,35.9014109 34.0157928,35.9014109 33.4950938,35.3807119 L31.6094757,33.4950938 C31.0887767,32.9743947 31.0887767,32.1301748 31.6094757,31.6094757 C32.1301748,31.0887767 32.9743947,31.0887767 33.4950938,31.6094757 Z M16.5522847,31.6094757 C17.0729838,32.1301748 17.0729838,32.9743947 16.5522847,33.4950938 L14.6666667,35.3807119 C14.1459676,35.9014109 13.3017476,35.9014109 12.7810486,35.3807119 C12.2603495,34.8600128 12.2603495,34.0157928 12.7810486,33.4950938 L14.6666667,31.6094757 C15.1873657,31.0887767 16.0315857,31.0887767 16.5522847,31.6094757 Z M24,14.6666667 C29.1546577,14.6666667 33.3333333,18.8453423 33.3333333,24 C33.3333333,29.1546577 29.1546577,33.3333333 24,33.3333333 C18.8453423,33.3333333 14.6666667,29.1546577 14.6666667,24 C14.6666667,18.8453423 18.8453423,14.6666667 24,14.6666667 Z M24,17.3333333 C20.3181017,17.3333333 17.3333333,20.3181017 17.3333333,24 C17.3333333,27.6818983 20.3181017,30.6666667 24,30.6666667 C27.6818983,30.6666667 30.6666667,27.6818983 30.6666667,24 C30.6666667,20.3181017 27.6818983,17.3333333 24,17.3333333 Z M12,22.6666667 C12.7363797,22.6666667 13.3333333,23.2636203 13.3333333,24 C13.3333333,24.7363797 12.7363797,25.3333333 12,25.3333333 L9.33333333,25.3333333 C8.59695367,25.3333333 8,24.7363797 8,24 C8,23.2636203 8.59695367,22.6666667 9.33333333,22.6666667 L12,22.6666667 Z M38.6666667,22.6666667 C39.4030463,22.6666667 40,23.2636203 40,24 C40,24.7363797 39.4030463,25.3333333 38.6666667,25.3333333 L36,25.3333333 C35.2636203,25.3333333 34.6666667,24.7363797 34.6666667,24 C34.6666667,23.2636203 35.2636203,22.6666667 36,22.6666667 L38.6666667,22.6666667 Z M35.3807119,12.942809 C35.9014109,13.4635081 35.9014109,14.3077281 35.3807119,14.8284271 L33.4950938,16.7140452 C32.9743947,17.2347443 32.1301748,17.2347443 31.6094757,16.7140452 C31.0887767,16.1933462 31.0887767,15.3491262 31.6094757,14.8284271 L33.4950938,12.942809 C34.0157928,12.42211 34.8600128,12.42211 35.3807119,12.942809 Z M14.6666667,12.942809 L16.5522847,14.8284271 C17.0729838,15.3491262 17.0729838,16.1933462 16.5522847,16.7140452 C16.0315857,17.2347443 15.1873657,17.2347443 14.6666667,16.7140452 L12.7810486,14.8284271 C12.2603495,14.3077281 12.2603495,13.4635081 12.7810486,12.942809 C13.3017476,12.42211 14.1459676,12.42211 14.6666667,12.942809 Z M24,8 C24.7363797,8 25.3333333,8.59695367 25.3333333,9.33333333 L25.3333333,12 C25.3333333,12.7363797 24.7363797,13.3333333 24,13.3333333 C23.2636203,13.3333333 22.6666667,12.7363797 22.6666667,12 L22.6666667,9.33333333 C22.6666667,8.59695367 23.2636203,8 24,8 Z" id="Combined-Shape" fill="#000000"></path>
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Sunny White -->
    <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Sun</title>
        <g id="Icon/Weather/sun-black" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path d="M24,34.6666667 C24.7363797,34.6666667 25.3333333,35.2636203 25.3333333,36 L25.3333333,38.6666667 C25.3333333,39.4030463 24.7363797,40 24,40 C23.2636203,40 22.6666667,39.4030463 22.6666667,38.6666667 L22.6666667,36 C22.6666667,35.2636203 23.2636203,34.6666667 24,34.6666667 Z M33.4950938,31.6094757 L35.3807119,33.4950938 C35.9014109,34.0157928 35.9014109,34.8600128 35.3807119,35.3807119 C34.8600128,35.9014109 34.0157928,35.9014109 33.4950938,35.3807119 L31.6094757,33.4950938 C31.0887767,32.9743947 31.0887767,32.1301748 31.6094757,31.6094757 C32.1301748,31.0887767 32.9743947,31.0887767 33.4950938,31.6094757 Z M16.5522847,31.6094757 C17.0729838,32.1301748 17.0729838,32.9743947 16.5522847,33.4950938 L14.6666667,35.3807119 C14.1459676,35.9014109 13.3017476,35.9014109 12.7810486,35.3807119 C12.2603495,34.8600128 12.2603495,34.0157928 12.7810486,33.4950938 L14.6666667,31.6094757 C15.1873657,31.0887767 16.0315857,31.0887767 16.5522847,31.6094757 Z M24,14.6666667 C29.1546577,14.6666667 33.3333333,18.8453423 33.3333333,24 C33.3333333,29.1546577 29.1546577,33.3333333 24,33.3333333 C18.8453423,33.3333333 14.6666667,29.1546577 14.6666667,24 C14.6666667,18.8453423 18.8453423,14.6666667 24,14.6666667 Z M24,17.3333333 C20.3181017,17.3333333 17.3333333,20.3181017 17.3333333,24 C17.3333333,27.6818983 20.3181017,30.6666667 24,30.6666667 C27.6818983,30.6666667 30.6666667,27.6818983 30.6666667,24 C30.6666667,20.3181017 27.6818983,17.3333333 24,17.3333333 Z M12,22.6666667 C12.7363797,22.6666667 13.3333333,23.2636203 13.3333333,24 C13.3333333,24.7363797 12.7363797,25.3333333 12,25.3333333 L9.33333333,25.3333333 C8.59695367,25.3333333 8,24.7363797 8,24 C8,23.2636203 8.59695367,22.6666667 9.33333333,22.6666667 L12,22.6666667 Z M38.6666667,22.6666667 C39.4030463,22.6666667 40,23.2636203 40,24 C40,24.7363797 39.4030463,25.3333333 38.6666667,25.3333333 L36,25.3333333 C35.2636203,25.3333333 34.6666667,24.7363797 34.6666667,24 C34.6666667,23.2636203 35.2636203,22.6666667 36,22.6666667 L38.6666667,22.6666667 Z M35.3807119,12.942809 C35.9014109,13.4635081 35.9014109,14.3077281 35.3807119,14.8284271 L33.4950938,16.7140452 C32.9743947,17.2347443 32.1301748,17.2347443 31.6094757,16.7140452 C31.0887767,16.1933462 31.0887767,15.3491262 31.6094757,14.8284271 L33.4950938,12.942809 C34.0157928,12.42211 34.8600128,12.42211 35.3807119,12.942809 Z M14.6666667,12.942809 L16.5522847,14.8284271 C17.0729838,15.3491262 17.0729838,16.1933462 16.5522847,16.7140452 C16.0315857,17.2347443 15.1873657,17.2347443 14.6666667,16.7140452 L12.7810486,14.8284271 C12.2603495,14.3077281 12.2603495,13.4635081 12.7810486,12.942809 C13.3017476,12.42211 14.1459676,12.42211 14.6666667,12.942809 Z M24,8 C24.7363797,8 25.3333333,8.59695367 25.3333333,9.33333333 L25.3333333,12 C25.3333333,12.7363797 24.7363797,13.3333333 24,13.3333333 C23.2636203,13.3333333 22.6666667,12.7363797 22.6666667,12 L22.6666667,9.33333333 C22.6666667,8.59695367 23.2636203,8 24,8 Z" id="Combined-Shape" fill="#FFFFFF"></path>
        </g>
    </svg>
</div>