Menu

Beta
Sign in
Beta
Partial Rings SVG background, flat

Partial Rings SVG background, flat

Thick concentric rings enter from two corners without covering the middle. This background can frame a quote card or the title of an annual report.

Free · from Abstract Backgrounds, Flat

Similar SVGs

More from Abstract Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4YFjF7wPbVbp/amnt.svg" alt="Partial Rings" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#F7F8F4"/><g fill="none" stroke-width="42"><circle cx="-125" cy="-110" r="210" stroke="#DCEAE5"/><circle cx="-125" cy="-110" r="290" stroke="#BFD9D3"/><circle cx="-125" cy="-110" r="370" stroke="#E8E9D9"/><circle cx="1740" cy="1020" r="220" stroke="#DCEAE5"/><circle cx="1740" cy="1020" r="300" stroke="#BFD9D3"/><circle cx="1740" cy="1020" r="380" stroke="#E8E9D9"/></g></svg>
CSS background-image
.partial-rings {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4YFjF7wPbVbp/amnt.svg");
  background-size: contain;
}
React
import PartialRingsSvg from "./partial-rings.jsx"; // from the React tab above

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

Tags

ringsconcentriccirclesbackgroundabstractflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Partial Rings: Crop several thick concentric rings into two corners, keeping the middle unobstructed. as part of the pack Abstract Backgrounds, 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