Beta

Suns SVG pattern, flat

Free
Suns SVG pattern, flat

Each round sun has short, uneven rays reaching out from its center. The pattern can brighten a summer camp schedule or a picnic placemat.

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

sunsunshinesummerweatherhand drawnpatternflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/lbutX2PG7ySn/amnt.svg" alt="Suns" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect width="200" height="200" fill="#244B60"/><defs><g id="sun" fill="none" stroke="#F6C967" stroke-width="4" stroke-linecap="round"><path d="M0-17v-7 M10-14l4-6 M16-5l7-2 M16 6l6 3 M9 15l4 7 M-2 17l-1 6 M-11 13l-5 6 M-17 3l-7 1 M-15-8l-6-4 M-8-15l-3-7"/><circle r="11" fill="#FFE4A0" stroke="none"/></g></defs><use href="#sun" transform="translate(42 39)"/><use href="#sun" transform="translate(139 34)"/><use href="#sun" transform="translate(92 91)"/><use href="#sun" transform="translate(170 130)"/><use href="#sun" transform="translate(49 156)"/><use href="#sun" transform="translate(8 97)"/><use href="#sun" transform="translate(208 97)"/><use href="#sun" transform="translate(112 195)"/><use href="#sun" transform="translate(112 -5)"/></svg>
CSS background-image
.suns {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/lbutX2PG7ySn/amnt.svg");
  background-size: 200px 200px;
}
React
import SunsSvg from "./suns.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Suns: Round suns with short uneven rays radiating from each circle. as part of the pack Hand-Drawn Patterns, Flat. Want one like it? Make your own in the SVG studio.

Rest of Hand-Drawn Patterns, 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