Beta

Sun SVG illustration, flat

Free
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.

Sign in to download. Free SVGs are free with any account.

sunsunshinedaytimedoodlesillustrationflat

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} />

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.

Rest of Everyday Doodles, Flat

Whole pack

Similar SVGs

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