Menu

Beta
Sign in
Beta
Radiating Stripes SVG pattern, flat

Radiating Stripes SVG pattern, flat

Triangular rays spread from each tile corner and meet matching rays at the edges. Use this repeat on posters or box liners.

Free · from Stripes Patterns, Flat

Similar SVGs

More from Stripes Patterns, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/RgMnM-ldEDvR/amnt.svg" alt="Radiating Stripes" 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="#f3e7d1"/><g fill="#176b73"><g id="rays"><path d="M0 0 40 0 85 70Z M0 0 70 85 0 40Z M0 0 65 35 90 70Z M0 0 35 65 70 90Z"/></g><use href="#rays" transform="rotate(90 100 100)"/><use href="#rays" transform="rotate(180 100 100)"/><use href="#rays" transform="rotate(270 100 100)"/></g></svg>
CSS background-image
.radiating-stripes {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/RgMnM-ldEDvR/amnt.svg");
  background-size: 200px 200px;
}
React
import RadiatingStripesSvg from "./radiating-stripes.jsx"; // from the React tab above

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

Tags

radiatingstripesrayssunburstpatternflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Radiating Stripes: Alternating triangular rays spread from each tile corner, meeting matching rays along the edges. as part of the pack Stripes Patterns, 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