Menu

Beta
Sign in
Beta
Spirals SVG pattern, flat

Spirals SVG pattern, flat

Separate coiled lines wind inward, alternating between clockwise and counterclockwise curls. Use the pattern on an art class handout or a playful journal divider.

Free · from Hand-Drawn Patterns, Flat

Similar SVGs

More from Hand-Drawn Patterns, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/OeI2TsXWVZz6/amnt.svg" alt="Spirals" 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="#FFF4DC"/><defs><path id="spiral" d="M 24 0 A 24 24 0 0 1 -24 0 A 20 20 0 0 1 16 0 A 16 16 0 0 1 -16 0 A 12 12 0 0 1 8 0 A 8 8 0 0 1 -8 0 A 4 4 0 0 1 0 0" fill="none" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/></defs><g stroke="#176B70"><use href="#spiral" transform="translate(34 34)"/><use href="#spiral" transform="translate(100 100)"/><use href="#spiral" transform="translate(166 166)"/><use href="#spiral" transform="translate(166 34) scale(-1 1)"/><use href="#spiral" transform="translate(34 166) scale(-1 1)"/></g><g stroke="#D96B55"><use href="#spiral" transform="translate(100 34) scale(-1 1)"/><use href="#spiral" transform="translate(34 100) scale(-1 1)"/><use href="#spiral" transform="translate(166 100)"/><use href="#spiral" transform="translate(100 166)"/></g></svg>
CSS background-image
.spirals {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/OeI2TsXWVZz6/amnt.svg");
  background-size: 200px 200px;
}
React
import SpiralsSvg from "./spirals.jsx"; // from the React tab above

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

Tags

spiralsswirlscoilshand drawnpatternflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Spirals: Separate coiled lines winding inward, with alternating clockwise and counterclockwise curls. as part of the pack Hand-Drawn 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