Menu

Beta
Sign in
Pattern Blocks SVG icon, solid

Pattern Blocks SVG icon, solid

A hexagon sits above a triangle, square, and diamond in a compact group of learning shapes. Use this label on math manipulatives bins in a classroom or a tutoring center.

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/uuc_4frnUelQ/amnt.svg" alt="Pattern 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="art"><path d="M12 2 16.3 4.5v5L12 12 7.7 9.5v-5L12 2Z" fill="#000000"/><path d="m4.5 16 2.5 5H2l2.5-5Z" fill="#000000"/><path d="M9.5 16h5v5h-5z" fill="#000000"/><path d="m19.5 16 2.5 2.5-2.5 2.5-2.5-2.5 2.5-2.5Z" fill="#000000"/></g></svg>
CSS background-image
.pattern-blocks {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/uuc_4frnUelQ/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.pattern-blocks {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/uuc_4frnUelQ/amnt.svg") center / contain no-repeat;
}
React
import PatternBlocksSvg from "./pattern-blocks.jsx"; // from the React tab above

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

Tags

pattern blocksshapesmathlearningstorage

Made with AMNT

AMNT SVG 1.1 drew this from the words Create one solid SVG picture-label icon for a preschool pattern-block storage bin: a large regular hexagon above a separated triangle, square, and diamond, arranged as one compact classroom math-manipulative symbol. Use flat solid silhouettes, one color, generous spacing, 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