Menu

Beta
Sign in
Rectangle Card SVG illustration, flat

Rectangle Card SVG illustration, flat

A wide sky-blue rectangle and its uppercase label make a clear early-learning card. Use it for lessons in preschool classrooms and shape hunts in public libraries.

Free · from Shape Flashcards, Flat

Similar SVGs

More from Shape Flashcards, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/na-eD0JRg-N5/amnt.svg" alt="Rectangle Card" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 819 1024" width="819" height="1024"><g id="layer-1" data-name="Rectangle 1"><path d="M33 33L786 33L786 991L33 991Z" fill="none" stroke="#d8dde2" stroke-width="2"/></g><g id="layer-2" data-name="Rectangle 2"><path d="M134 250L685 250L685 580L134 580Z" fill="#6bcbf4" stroke="#2587bd" stroke-width="9"/></g><g id="layer-3" data-name="Group 3" transform="matrix(1 0 0 1 86 726)"><path d="M0 0L36 0C51.33 0 59 7.33 59 22C59 32.67 54 39.67 44 43L61 74L45 74L29 46L15 46L15 74L0 74ZM15 13L15 33L35 33C41 33 44 29.67 44 23C44 16.33 41 13 35 13Z" fill="#183b50" fill-rule="evenodd"/><path d="M73 0L128 0L128 14L88 14L88 29L123 29L123 43L88 43L88 60L128 60L128 74L73 74Z" fill="#183b50" fill-rule="evenodd"/><path d="M201 6L201 23C193.67 16.33 185.33 13 176 13C161.33 13 154 21 154 37C154 53 161.33 61 176 61C185.33 61 193.67 57.67 201 51L201 68C193.67 73.33 185 76 175 76C150.33 76 138 63 138 37C138 11 150.33 -2 175 -2C185 -2 193.67 0.67 201 6Z" fill="#183b50" fill-rule="evenodd"/><path d="M209 0L273 0L273 14L249 14L249 74L233 74L233 14L209 14Z" fill="#183b50" fill-rule="evenodd"/><path d="M299 0L317 0L345 74L328 74L322 58L294 58L288 74L271 74ZM299 45L317 45L308 18Z" fill="#183b50" fill-rule="evenodd"/><path d="M354 0L370 0L403 48L403 0L419 0L419 74L403 74L370 26L370 74L354 74Z" fill="#183b50" fill-rule="evenodd"/><path d="M494 7L494 24C486 16.67 477 13 467 13C451.67 13 444 21 444 37C444 53 451.67 61 467 61C472.33 61 477 60 481 58L481 46L465 46L465 33L496 33L496 66C487.33 72.67 477.33 76 466 76C440.67 76 428 63 428 37C428 11 440.67 -2 466 -2C476.67 -2 486 1 494 7Z" fill="#183b50" fill-rule="evenodd"/><path d="M509 0L525 0L525 60L563 60L563 74L509 74Z" fill="#183b50" fill-rule="evenodd"/><path d="M574 0L629 0L629 14L589 14L589 29L624 29L624 43L589 43L589 60L629 60L629 74L574 74Z" fill="#183b50" fill-rule="evenodd"/></g></svg>
CSS background-image
.rectangle-card {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/na-eD0JRg-N5/amnt.svg");
  background-size: contain;
}
React
import RectangleCardSvg from "./rectangle-card.jsx"; // from the React tab above

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

Tags

rectangleshapeflashcardpreschool

Made with AMNT

AMNT SVG 1.1 drew this from the words Create one preschool printable shape flashcard SVG in a 4:5 portrait layout: a large sky-blue horizontal rectangle centered above the uppercase label RECTANGLE. Make its width visibly greater than its height and preserve four right angles. Use flat fill, white background, generous margins, a thin light-gray rectangular trim border, and bold sans-serif lettering converted to vector paths. No face, shadows, or extra objects. as part of the pack Shape Flashcards, 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