Menu

Beta
Sign in
Beta
Sun SVG logo, flat

Sun SVG logo, flat

Eight broad, evenly spaced rays surround a solid sun disk. This simple mark fits a summer camp schedule or a daylight savings reminder.

Free · from Emblem Logos, Flat

Similar SVGs

More from Emblem Logos, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/7PcqBFKEXeig/amnt.svg" alt="Sun" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img" aria-label="Sun badge"><g fill="#F5A623"><circle cx="128" cy="128" r="48"/><rect x="118" y="22" width="20" height="42" rx="8"/><rect x="118" y="192" width="20" height="42" rx="8"/><rect x="192" y="118" width="42" height="20" rx="8"/><rect x="22" y="118" width="42" height="20" rx="8"/><rect x="118" y="22" width="20" height="42" rx="8" transform="rotate(45 128 128)"/><rect x="118" y="22" width="20" height="42" rx="8" transform="rotate(90 128 128)"/><rect x="118" y="22" width="20" height="42" rx="8" transform="rotate(135 128 128)"/><rect x="118" y="22" width="20" height="42" rx="8" transform="rotate(225 128 128)"/></g></svg>
CSS background-image
.sun {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/7PcqBFKEXeig/amnt.svg");
  background-size: contain;
}
React
import SunSvg from "./sun.jsx"; // from the React tab above

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

Tags

sunsunshinedaylightemblememblemslogoflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Sun: A solid sun disk surrounded by eight broad, evenly spaced rays. as part of the pack Emblem Logos, 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