Menu

AI SVG Studio
Sign in
Sun SVG illustration, flat

Sun SVG illustration, flat

Short, evenly spaced rays circle this simple sun. Use it in a daily weather chart or on a flyer for an outdoor activity.

Free ยท from Everyday Doodles, Flat

Similar SVGs

More from Everyday Doodles, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/hGEIB_IMLAnU/amnt.svg" alt="Sun" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><g fill="#EDB85C"><rect x="195" y="34" width="10" height="23" rx="5"/><rect x="195" y="34" width="10" height="23" rx="5" transform="rotate(30 200 150)"/><rect x="195" y="34" width="10" height="23" rx="5" transform="rotate(60 200 150)"/><rect x="195" y="34" width="10" height="23" rx="5" transform="rotate(90 200 150)"/><rect x="195" y="34" width="10" height="23" rx="5" transform="rotate(120 200 150)"/><rect x="195" y="34" width="10" height="23" rx="5" transform="rotate(150 200 150)"/><rect x="195" y="34" width="10" height="23" rx="5" transform="rotate(180 200 150)"/><rect x="195" y="34" width="10" height="23" rx="5" transform="rotate(210 200 150)"/><rect x="195" y="34" width="10" height="23" rx="5" transform="rotate(240 200 150)"/><rect x="195" y="34" width="10" height="23" rx="5" transform="rotate(270 200 150)"/><rect x="195" y="34" width="10" height="23" rx="5" transform="rotate(300 200 150)"/><rect x="195" y="34" width="10" height="23" rx="5" transform="rotate(330 200 150)"/></g><circle cx="200" cy="150" r="75" fill="#F5CF78"/><path d="M146 202A75 75 0 0 0 257 101A75 75 0 0 1 146 202Z" fill="#EDB85C"/><path d="M153 121C158 111 167 103 178 100C182 99 185 101 186 104C187 108 185 111 181 112C173 115 167 120 163 127C161 131 157 132 154 130C151 128 151 125 153 121Z" fill="#FFF0C5"/></svg>
CSS background-image
.sun {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/hGEIB_IMLAnU/amnt.svg");
  background-size: contain;
}
React
import SunSvg from "./sun.jsx"; // from the React tab above

<SunSvg width={48} height={48} />

Tags

sunsunshinedaytimedoodlesillustrationflat

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Sun: A circular sun with short rays spaced evenly around it. as part of the pack Everyday Doodles, Flat. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings