Beta

Sand SVG background, flat

Free
Sand SVG background, flat

Tiny grains and faint wind-swept bands sit on a warm beige field. Use it on beach event posters or as the background for a desert travel guide.

Sign in to download. Free SVGs are free with any account.

sandbeachdesertgrainsbackgroundtextureflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/IshV311JaubG/amnt.svg" alt="Sand" 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="#DEC8A5"/><g fill="none" stroke-linecap="round"><path d="M-180 165 C260 55 565 215 970 122 S1450 55 1780 118" stroke="#E8D5B6" stroke-width="118" opacity=".34"/><path d="M-180 350 C220 260 530 405 905 310 S1400 210 1780 295" stroke="#CDB48E" stroke-width="94" opacity=".13"/><path d="M-180 565 C270 455 580 620 1000 510 S1490 455 1780 525" stroke="#E8D5B6" stroke-width="142" opacity=".28"/><path d="M-180 790 C230 670 600 835 1020 725 S1450 650 1780 735" stroke="#CDB48E" stroke-width="110" opacity=".12"/></g><defs><pattern id="grains" width="310" height="260" patternUnits="userSpaceOnUse"><g fill="#B89D79" opacity=".48"><circle cx="19" cy="35" r="1.3"/><circle cx="87" cy="22" r=".9"/><circle cx="164" cy="48" r="1.1"/><circle cx="247" cy="17" r="1.4"/><circle cx="290" cy="81" r=".9"/><circle cx="48" cy="105" r="1"/><circle cx="124" cy="91" r="1.5"/><circle cx="215" cy="119" r=".8"/><circle cx="276" cy="157" r="1.2"/><circle cx="31" cy="184" r="1.1"/><circle cx="105" cy="153" r=".8"/><circle cx="177" cy="198" r="1.4"/><circle cx="252" cy="228" r=".9"/><circle cx="73" cy="238" r="1.3"/><circle cx="147" cy="251" r=".8"/></g><g fill="#F1DFC2" opacity=".68"><circle cx="58" cy="51" r="1"/><circle cx="139" cy="14" r="1.2"/><circle cx="226" cy="65" r=".9"/><circle cx="14" cy="128" r="1.3"/><circle cx="181" cy="105" r="1"/><circle cx="261" cy="103" r="1.2"/><circle cx="84" cy="174" r=".9"/><circle cx="152" cy="158" r="1.3"/><circle cx="234" cy="184" r="1"/><circle cx="296" cy="215" r="1.2"/><circle cx="116" cy="219" r="1"/></g></pattern></defs><rect width="1600" height="900" fill="url(#grains)"/></svg>
CSS background-image
.sand {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/IshV311JaubG/amnt.svg");
  background-size: contain;
}
React
import SandSvg from "./sand.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Sand: Warm beige field with scattered tiny grains and faint, broad wind-swept bands. as part of the pack Texture Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Texture Backgrounds, 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