clearsky_day.svg 1.4 KB

1234567891011121314151617181920212223
  1. <svg x="0" y="0" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  2. <symbol id="sun">
  3. <path class="sun-glow" fill="url(#sun-glow-grad)" d="M66.64,47.86,82,41,66.64,34.12l9.84-13.66L59.76,22.22,61.46,5.47l-13.6,9.89L41,0,34.12,15.36,20.46,5.52l1.76,16.72L5.47,20.54l9.89,13.6L0,41l15.36,6.83L5.52,61.54l16.72-1.76L20.54,76.53l13.6-9.89L41,82l6.83-15.36,13.66,9.84L59.78,59.76l16.75,1.69Z"></path>
  4. <path class="sun-outer" fill="#ffd348" d="M19.28,53.5a25,25,0,1,0,9.15-34.16A25,25,0,0,0,19.28,53.5Z"></path>
  5. <path class="sun-inner" fill="url(#sun-inner-grad)" d="M22.74,51.5a21,21,0,1,0,7.69-28.69A21,21,0,0,0,22.74,51.5Z"></path>
  6. </symbol>
  7. <defs>
  8. <radialGradient id="sun-glow-grad" cx="41" cy="41" r="41" gradientUnits="userSpaceOnUse">
  9. <stop offset="54%" stop-color="#d6b849"/>
  10. <stop offset="67%" stop-color="#ffce47"/>
  11. <stop offset="100%" stop-color="#ffdb73"/>
  12. </radialGradient>
  13. <linearGradient id="sun-inner-grad" x1="0%" y1="0%" x2="100%" y2="100%">
  14. <stop offset="0%" stop-color="#ffaf22" />
  15. <stop offset="100%" stop-color="#f09900" />
  16. </linearGradient>
  17. </defs>
  18. <symbol id="s01d">
  19. <use xlink:href="#sun" x="0" y="0" width="100" height="100" transform="translate(9,9) scale(1,1)"></use>
  20. </symbol>
  21. <use xlink:href="#s01d" x="0" y="0" width="100" height="100"></use>
  22. </svg>