Menu

Beta
Sign in
Octagon Card SVG illustration, flat

Octagon Card SVG illustration, flat

A teal octagon has eight distinct straight sides and a bold name beneath it. Use the card for geometry practice in schools and shape games at after-school programs.

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/652kfuI-8cMd/amnt.svg" alt="Octagon 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="M30 30L789 30L789 994L30 994Z" fill="none" stroke="#d7dcdd" stroke-width="2"/></g><g id="layer-2" data-name="Shape 2"><path d="M320.4 180L498.6 180L624.5 305.9L624.5 484.1L498.6 610L320.4 610L194.5 484.1L194.5 305.9Z" fill="#20b5ac" stroke="#17464a" stroke-width="10"/></g><g id="layer-3" data-name="Group 3"><path d="M165.5 751L222.5 751L222.5 825L165.5 825ZM179.5 765L179.5 811L208.5 811L208.5 765Z" fill="#263238" fill-rule="evenodd"/><path d="M235.5 751L292.5 751L292.5 766L250.5 766L250.5 810L292.5 810L292.5 825L235.5 825Z" fill="#263238"/><path d="M305.5 751L367.5 751L367.5 766L344 766L344 825L329 825L329 766L305.5 766Z" fill="#263238"/><path d="M397.5 751L418.5 751L446.5 825L430.5 825L424.8 810L391.2 810L385.5 825L369.5 825ZM408 765L396.5 797L419.5 797Z" fill="#263238" fill-rule="evenodd"/><path d="M457.5 751L516.5 751L516.5 766L472.5 766L472.5 810L501.5 810L501.5 796L485.5 796L485.5 783L516.5 783L516.5 825L457.5 825Z" fill="#263238"/><path d="M529.5 751L586.5 751L586.5 825L529.5 825ZM543.5 765L543.5 811L572.5 811L572.5 765Z" fill="#263238" fill-rule="evenodd"/><path d="M599.5 825L599.5 751L615.5 751L643.5 797L643.5 751L658.5 751L658.5 825L642.5 825L614.5 779L614.5 825Z" fill="#263238"/></g></svg>
CSS background-image
.octagon-card {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/652kfuI-8cMd/amnt.svg");
  background-size: contain;
}
React
import OctagonCardSvg from "./octagon-card.jsx"; // from the React tab above

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

Tags

octagonshapeflashcardgeometry

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 teal regular octagon centered above the uppercase label OCTAGON. Make its eight straight sides distinct, with horizontal top and bottom edges. 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