Butterflies SVG pattern, flat

Free

Preview on the whole page

Broad upper wings, smaller lower wings, and thin antennae give each butterfly its familiar shape. Try the pattern on a nature activity sheet or a tote bag.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

butterflies insects wings nature hand drawn pattern flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Vlmv12iBahov/amnt.svg" alt="Butterflies" 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="#FFF3DD"/><defs><g id="butterfly"><path d="M-2-3C-9-19-24-17-22-7-21 0-11 4-2 2ZM2-3C9-19 24-17 22-7 21 0 11 4 2 2Z" fill="#E87968"/><path d="M-2 2C-13 1-19 7-15 14-11 20-4 13-1 5ZM2 2C13 1 19 7 15 14 11 20 4 13 1 5Z" fill="#E9B95E"/><path d="M-1-8Q-5-17-10-19M1-8Q5-17 10-19" fill="none" stroke="#283F4B" stroke-width="1.5" stroke-linecap="round"/><ellipse cy="2" rx="2.5" ry="10" fill="#283F4B"/></g></defs><use href="#butterfly" transform="translate(36 29) rotate(-18)"/><use href="#butterfly" transform="translate(111 45) rotate(22)"/><use href="#butterfly" transform="translate(171 22) rotate(-12)"/><use href="#butterfly" transform="translate(4 87) rotate(16)"/><use href="#butterfly" transform="translate(204 87) rotate(16)"/><use href="#butterfly" transform="translate(72 99) rotate(-25)"/><use href="#butterfly" transform="translate(151 102) rotate(14)"/><use href="#butterfly" transform="translate(27 160) rotate(24)"/><use href="#butterfly" transform="translate(102 154) rotate(-12)"/><use href="#butterfly" transform="translate(178 170) rotate(20)"/><use href="#butterfly" transform="translate(65 199) rotate(12)"/><use href="#butterfly" transform="translate(65 -1) rotate(12)"/></svg>

CSS background-image

.butterflies {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Vlmv12iBahov/amnt.svg");
  background-size: 200px 200px;
}

React

import ButterfliesSvg from "./butterflies.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Butterflies: Butterflies with two broad upper wings, two smaller lower wings, and thin antennae. 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