Concrete SVG background, flat

Free

Preview on the whole page

Sparse pinholes and uneven rectangular patches give this cool gray field a concrete look. Place it on construction company flyers or behind labels in an industrial exhibit.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

concrete cement wall industrial background texture flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/T-H5pG9D_-Bf/amnt.svg" alt="Concrete" 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="#B9BEC0"/><g fill="#C5CACC" opacity=".38"><path d="M-25 72h316v182H-25z"/><path d="M403-18h428v156H403z"/><path d="M1118 83h510v224h-510z"/><path d="M195 493h354v196H195z"/><path d="M802 617h436v230H802z"/></g><g fill="#AAB1B4" opacity=".22"><path d="M-30 329h226v258H-30z"/><path d="M661 176h407v237H661z"/><path d="M1307 437h329v245h-329z"/><path d="M369 769h295v150H369z"/></g><g fill="#90999D" opacity=".42"><circle cx="78" cy="112" r="2"/><circle cx="224" cy="71" r="1.5"/><circle cx="376" cy="186" r="2.4"/><circle cx="529" cy="94" r="1.6"/><circle cx="718" cy="247" r="2"/><circle cx="941" cy="118" r="1.4"/><circle cx="1146" cy="198" r="2.3"/><circle cx="1387" cy="89" r="1.7"/><circle cx="1531" cy="266" r="2"/><circle cx="139" cy="378" r="1.6"/><circle cx="308" cy="318" r="2.2"/><circle cx="495" cy="442" r="1.5"/><circle cx="824" cy="369" r="2"/><circle cx="1042" cy="459" r="1.7"/><circle cx="1248" cy="351" r="2.4"/><circle cx="1514" cy="518" r="1.5"/><circle cx="63" cy="665" r="2.2"/><circle cx="257" cy="566" r="1.5"/><circle cx="432" cy="733" r="2"/><circle cx="624" cy="604" r="1.7"/><circle cx="773" cy="787" r="2.3"/><circle cx="984" cy="651" r="1.5"/><circle cx="1172" cy="812" r="2"/><circle cx="1359" cy="694" r="1.6"/><circle cx="1548" cy="836" r="2.2"/></g><g fill="#D4D7D7" opacity=".6"><circle cx="184" cy="226" r="1.2"/><circle cx="611" cy="324" r="1.4"/><circle cx="1078" cy="52" r="1.1"/><circle cx="1434" cy="385" r="1.3"/><circle cx="347" cy="617" r="1.2"/><circle cx="879" cy="543" r="1.4"/><circle cx="1289" cy="747" r="1.1"/><circle cx="552" cy="852" r="1.3"/></g></svg>

CSS background-image

.concrete {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/T-H5pG9D_-Bf/amnt.svg");
  background-size: contain;
}

React

import ConcreteSvg from "./concrete.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Concrete: Cool gray field with sparse pinholes and uneven rectangular patches. 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