Menu

Beta
Sign in
Circle Card SVG illustration, flat

Circle Card SVG illustration, flat

A coral circle sits above its uppercase label inside a lightly trimmed printable card. Use it for shape lessons in preschool classrooms and matching activities at home.

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/3rNlvOCBB6pO/amnt.svg" alt="Circle 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="M22 22L797 22L797 1002L22 1002Z" fill="none" stroke="#d9d9d9" stroke-width="2"/></g><g id="layer-2" data-name="Circle 2"><path d="M664.5 391C664.5 531.83 550.33 646 409.5 646C268.67 646 154.5 531.83 154.5 391C154.5 250.17 268.67 136 409.5 136C550.33 136 664.5 250.17 664.5 391Z" fill="#f27c70" stroke="#343434" stroke-width="8"/></g><g id="layer-3" data-name="Group 3"><path d="M249 768C239 757.33 226.67 752 212 752C187.33 752 175 770 175 806C175 842 187.33 860 212 860C226.67 860 239 854.67 249 844L238 827C230.67 835.67 222 840 212 840C201.33 840 196 828.67 196 806C196 783.33 201.33 772 212 772C222 772 230.67 776.33 238 785Z" fill="#343434"/><path d="M266 754L288 754L288 858L266 858Z" fill="#343434"/><path d="M305 754L344 754C367.33 754 379 765 379 787C379 801 373 811 361 817L383 858L358 858L340 823L327 823L327 858L305 858ZM327 774L327 804L343 804C352.33 804 357 799 357 789C357 779 352.33 774 343 774Z" fill="#343434" fill-rule="evenodd"/><path d="M477 768C467 757.33 454.67 752 440 752C415.33 752 403 770 403 806C403 842 415.33 860 440 860C454.67 860 467 854.67 477 844L466 827C458.67 835.67 450 840 440 840C429.33 840 424 828.67 424 806C424 783.33 429.33 772 440 772C450 772 458.67 776.33 466 785Z" fill="#343434"/><path d="M494 754L516 754L516 838L565 838L565 858L494 858Z" fill="#343434"/><path d="M582 754L653 754L653 774L604 774L604 795L646 795L646 815L604 815L604 838L653 838L653 858L582 858Z" fill="#343434"/></g></svg>
CSS background-image
.circle-card {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3rNlvOCBB6pO/amnt.svg");
  background-size: contain;
}
React
import CircleCardSvg from "./circle-card.jsx"; // from the React tab above

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

Tags

circleshapeflashcardpreschool

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 coral circle centered above the uppercase label CIRCLE. Use a mathematically round silhouette, flat fill, white background, generous margins, and a thin light-gray rectangular trim border. Set the label in bold, highly legible 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