Iconify.design Iconify
Thousands of icons, one unified framework.
  • Support Iconify
Show all available icon sets
Show all icons from Meteocons
Meteocons
Author:
Bas Milius
License:
MIT
sunrise
sunset
LineFill

512 x 512

meteocons:sunrise-fill

Customize "sunrise-fill" icon:

Size

Flip

Rotate

Code for "sunrise-fill" for developers:

SVGHTMLReactVueSvelteEmber
SVGSVG with viewBox rectangleSVG as data: URI
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><linearGradient id="meteoconsSunriseFill0" x1="150" x2="234" y1="119.2" y2="264.8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbbf24"/><stop offset=".5" stop-color="#fbbf24"/><stop offset="1" stop-color="#f59e0b"/></linearGradient><clipPath id="meteoconsSunriseFill1"><path fill="none" d="M512 306H304l-35.9-31.4a18.4 18.4 0 0 0-24.2 0L208 306H0V0h512Z"/></clipPath><symbol id="meteoconsSunriseFill2" viewBox="0 0 384 384"><circle cx="192" cy="192" r="84" fill="url(#meteoconsSunriseFill0)" stroke="#f8af18" stroke-miterlimit="10" stroke-width="6"/><path fill="none" stroke="#fbbf24" stroke-linecap="round" stroke-miterlimit="10" stroke-width="24" d="M192 61.7V12m0 360v-49.7m92.2-222.5l35-35M64.8 319.2l35.1-35.1m0-184.4l-35-35m254.5 254.5l-35.1-35.1M61.7 192H12m360 0h-49.7"><animateTransform additive="sum" attributeName="transform" dur="6s" repeatCount="indefinite" type="rotate" values="0 192 192; 45 192 192"/></path></symbol></defs><g clip-path="url(#meteoconsSunriseFill1)"><use width="384" height="384" href="#meteoconsSunriseFill2" transform="translate(64 100)"/></g><path fill="none" stroke="#374151" stroke-linecap="round" stroke-linejoin="round" stroke-width="18" d="M128 332h88l40-36l40 36h88"/></svg>
Download SVG

About Iconify

Iconify gives you freedom to use any icon in your project.

There are many tools and components available, for both coders and designers. Check out Iconify documentation.

  • © 2020 - 2023 Iconify OÜ • About Iconify • Privacy Policy