Menu

Beta
Sign in
Beta
Sand SVG background, flat

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.

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/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} />

Tags

sandbeachdesertgrainsbackgroundtextureflat

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.

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