Mushrooms SVG pattern, flat

Free

Preview on the whole page

Short stems support domed mushroom caps marked with a few round spots. Place the pattern on a woodland party invitation or a field notes cover.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

mushrooms fungi forest woodland hand drawn pattern flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/SbV9xHGW9w-G/amnt.svg" alt="Mushrooms" 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="#F3E8CC"/><defs><g id="mushroom"><path d="M-7 0H7V14Q7 19 2 19H-2Q-7 19-7 14Z" fill="#FFF9E9"/><path d="M-22 2Q-21-20 0-22Q21-20 22 2Z" fill="#B8513C"/><circle cx="-10" cy="-7" r="3" fill="#FFF9E9"/><circle cx="3" cy="-13" r="3.5" fill="#FFF9E9"/><circle cx="13" cy="-4" r="2.5" fill="#FFF9E9"/></g></defs><use href="#mushroom" transform="translate(37 39)"/><use href="#mushroom" transform="translate(111 37) scale(.78)"/><use href="#mushroom" transform="translate(171 52) scale(.9)"/><use href="#mushroom" transform="translate(75 94) scale(.9)"/><use href="#mushroom" transform="translate(145 108)"/><use href="#mushroom" transform="translate(30 150) scale(.78)"/><use href="#mushroom" transform="translate(101 165)"/><use href="#mushroom" transform="translate(176 169) scale(.78)"/><use href="#mushroom" transform="translate(3 90) scale(.82)"/><use href="#mushroom" transform="translate(203 90) scale(.82)"/><use href="#mushroom" transform="translate(197 137) scale(.75)"/><use href="#mushroom" transform="translate(-3 137) scale(.75)"/><use href="#mushroom" transform="translate(69 3) scale(.8)"/><use href="#mushroom" transform="translate(69 203) scale(.8)"/><use href="#mushroom" transform="translate(151 -3) scale(.75)"/><use href="#mushroom" transform="translate(151 197) scale(.75)"/></svg>

CSS background-image

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

React

import MushroomsSvg from "./mushrooms.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Mushrooms: Short-stemmed mushrooms with domed caps and a few round cap spots. 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