Menu

Beta
Sign in
Beta
Pebbles SVG background, flat

Pebbles SVG background, flat

Rounded pebbles in muted gray, tan, and cream pack the frame. Use the texture on a river habitat display or as a backdrop for a garden path plan.

Free · from Texture Backgrounds, Flat

Similar SVGs

More from Texture Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/DPDCuVL4h3V5/amnt.svg" alt="Pebbles" 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="#8F8A80"/><defs><pattern id="pebbles" width="320" height="208" patternUnits="userSpaceOnUse"><g stroke="#8F8A80" stroke-width="4"><ellipse cx="0" cy="0" rx="43" ry="27" fill="#C4B7A4" transform="rotate(-12 0 0)"/><ellipse cx="80" cy="0" rx="41" ry="28" fill="#A9A9A3" transform="rotate(9 80 0)"/><ellipse cx="160" cy="0" rx="44" ry="26" fill="#DED3BE" transform="rotate(-7 160 0)"/><ellipse cx="240" cy="0" rx="40" ry="29" fill="#B5A38F" transform="rotate(13 240 0)"/><ellipse cx="320" cy="0" rx="43" ry="27" fill="#C4B7A4" transform="rotate(-12 320 0)"/><ellipse cx="40" cy="52" rx="42" ry="28" fill="#DED3BE" transform="rotate(8 40 52)"/><ellipse cx="120" cy="52" rx="43" ry="27" fill="#B5A38F" transform="rotate(-11 120 52)"/><ellipse cx="200" cy="52" rx="41" ry="29" fill="#C4B7A4" transform="rotate(6 200 52)"/><ellipse cx="280" cy="52" rx="44" ry="26" fill="#A9A9A3" transform="rotate(-9 280 52)"/><ellipse cx="0" cy="104" rx="42" ry="28" fill="#A9A9A3" transform="rotate(10 0 104)"/><ellipse cx="80" cy="104" rx="44" ry="26" fill="#C4B7A4" transform="rotate(-6 80 104)"/><ellipse cx="160" cy="104" rx="41" ry="29" fill="#DED3BE" transform="rotate(12 160 104)"/><ellipse cx="240" cy="104" rx="43" ry="27" fill="#B5A38F" transform="rotate(-8 240 104)"/><ellipse cx="320" cy="104" rx="42" ry="28" fill="#A9A9A3" transform="rotate(10 320 104)"/><ellipse cx="40" cy="156" rx="44" ry="26" fill="#B5A38F" transform="rotate(-7 40 156)"/><ellipse cx="120" cy="156" rx="41" ry="29" fill="#A9A9A3" transform="rotate(11 120 156)"/><ellipse cx="200" cy="156" rx="43" ry="27" fill="#C4B7A4" transform="rotate(-10 200 156)"/><ellipse cx="280" cy="156" rx="42" ry="28" fill="#DED3BE" transform="rotate(7 280 156)"/><ellipse cx="0" cy="208" rx="43" ry="27" fill="#C4B7A4" transform="rotate(-12 0 208)"/><ellipse cx="80" cy="208" rx="41" ry="28" fill="#A9A9A3" transform="rotate(9 80 208)"/><ellipse cx="160" cy="208" rx="44" ry="26" fill="#DED3BE" transform="rotate(-7 160 208)"/><ellipse cx="240" cy="208" rx="40" ry="29" fill="#B5A38F" transform="rotate(13 240 208)"/><ellipse cx="320" cy="208" rx="43" ry="27" fill="#C4B7A4" transform="rotate(-12 320 208)"/></g></pattern></defs><rect width="1600" height="900" fill="url(#pebbles)"/></svg>
CSS background-image
.pebbles {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/DPDCuVL4h3V5/amnt.svg");
  background-size: contain;
}
React
import PebblesSvg from "./pebbles.jsx"; // from the React tab above

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

Tags

pebblesstonesgravelriverbedbackgroundtextureflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Pebbles: Frame filled with closely packed rounded pebbles in muted gray, tan, and cream. as part of the pack Texture 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