Beta

Sunburst SVG pattern, flat

Free
Sunburst SVG pattern, flat

Small circles with short triangular rays repeat in offset rows. They make a background for a summer market sign or a cheerful recipe card.

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

sunburstsunrayscelestialretropatternflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ngJGng6dJX0t/amnt.svg" alt="Sunburst" 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="#F8F1DF"/><defs><g id="sunburst"><path fill="#E98A56" d="M-3-13 0-22 3-13ZM-3 13 0 22 3 13ZM-13-3-22 0-13 3ZM13-3 22 0 13 3ZM-11-8-16-16-8-11ZM8-11 16-16 11-8ZM-11 8-16 16-8 11ZM8 11 16 16 11 8Z"/><circle r="9" fill="#E9BE58"/></g></defs><use href="#sunburst" transform="translate(25 34)"/><use href="#sunburst" transform="translate(100 34)"/><use href="#sunburst" transform="translate(175 34)"/><use href="#sunburst" transform="translate(62 100)"/><use href="#sunburst" transform="translate(137 100)"/><use href="#sunburst" transform="translate(25 166)"/><use href="#sunburst" transform="translate(100 166)"/><use href="#sunburst" transform="translate(175 166)"/></svg>
CSS background-image
.sunburst {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ngJGng6dJX0t/amnt.svg");
  background-size: 200px 200px;
}
React
import SunburstSvg from "./sunburst.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Sunburst: Small circles with short triangular rays repeat in offset rows. as part of the pack Retro Patterns, Flat. Want one like it? Make your own in the SVG studio.

Rest of Retro 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