Menu

Beta
Sign in
Building Blocks SVG icon, solid

Building Blocks SVG icon, solid

Two square blocks support a triangular roof piece, while a cylinder sits beside them. Use the label on block bins in a playroom or toy shelves at a preschool.

Free · from Preschool Supply Icons, Solid

Similar SVGs

More from Preschool Supply Icons, Solid

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Ww_kd79ZhiTo/amnt.svg" alt="Building Blocks" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g id="layer-1" data-name="Shape 1"><path d="M2 10L8.5 3L15 10Z" fill="#000000"/></g><g id="layer-2" data-name="Rectangle 2"><path d="M2 11.5L8 11.5L8 19.5L2 19.5Z" fill="#000000"/></g><g id="layer-3" data-name="Rectangle 3"><path d="M9 11.5L15 11.5L15 19.5L9 19.5Z" fill="#000000"/></g><g id="layer-4" data-name="Shape 4"><path d="M17 12.5C17 11.5 18.1 11 19.5 11C20.9 11 22 11.5 22 12.5L22 18C22 19 20.9 19.5 19.5 19.5C18.1 19.5 17 19 17 18Z" fill="#000000"/></g></svg>
CSS background-image
.building-blocks {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Ww_kd79ZhiTo/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.building-blocks {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Ww_kd79ZhiTo/amnt.svg") center / contain no-repeat;
}
React
import BuildingBlocksSvg from "./building-blocks.jsx"; // from the React tab above

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

Tags

blocksbuilding toystoyspreschoolstorage

Made with AMNT

AMNT SVG 1.1 drew this from the words Create one solid SVG picture-label icon for a preschool building-block storage bin: a small arrangement of plain wooden blocks consisting of two square blocks supporting a triangular roof block, with a cylindrical block beside them. Use one color, clear gaps between pieces, a centered square composition, and no text or background. as part of the pack Preschool Supply Icons, Solid. 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