Building Center SVG icon, line

Building Center SVG icon, line

A small tower assembled from support blocks, a bridge, and a roof marks a building activity. Place it on a preschool center rotation board or in a classroom activity plan.

Similar SVGs

More from Teacher Planner Activity Icons, Line

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4QKmXy33UN38/amnt.svg" alt="Building Center" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200"><g id="layer-1" data-name="Shape 1"><path d="M100 29L47 72L153 72L100 29Z" fill="none" stroke="#000000" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Rectangle 2"><path d="M45 80L155 80C156.1 80 157 80.9 157 82L157 103C157 104.1 156.1 105 155 105L45 105C43.9 105 43 104.1 43 103L43 82C43 80.9 43.9 80 45 80Z" fill="none" stroke="#000000" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Rectangle 3"><path d="M50 113L75 113C76.1 113 77 113.9 77 115L77 168C77 169.1 76.1 170 75 170L50 170C48.9 170 48 169.1 48 168L48 115C48 113.9 48.9 113 50 113Z" fill="none" stroke="#000000" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-4" data-name="Rectangle 4"><path d="M125 113L150 113C151.1 113 152 113.9 152 115L152 168C152 169.1 151.1 170 150 170L125 170C123.9 170 123 169.1 123 168L123 115C123 113.9 123.9 113 125 113Z" fill="none" stroke="#000000" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.building-center {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4QKmXy33UN38/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.building-center {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4QKmXy33UN38/amnt.svg") center / contain no-repeat;
}
React
import BuildingCenterSvg from "./building-center.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG 1.1 drew this from the words Create one building-center outline icon for a printable classroom visual schedule: a simple block tower made from two rectangular support blocks, one horizontal bridge block, and a triangular roof block. Use consistent black strokes, rounded caps and joins, generous negative space, no text, no background, and a centered square composition legible at small planner size. as part of the pack Teacher Planner Activity Icons, Line. 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