Menu

AI SVG Studio
Sign in
Family Crest SVG logo, flat

Family Crest SVG logo, flat

A tree and a simple house occupy sections of this quartered shield. Use it on a family tree worksheet or a reunion programme cover.

Free ยท from Shield Badges, Flat

Similar SVGs

More from Shield Badges, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/B0qZpud_urB7/amnt.svg" alt="Family Crest" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img" aria-label="Quartered family crest with a tree and a house"><defs><clipPath id="shield"><path d="M64 50h128v74c0 37-23 65-64 84-41-19-64-47-64-84V50Z"/></clipPath></defs><path fill="#20343B" d="M52 38h152v86c0 45-28 78-76 99-48-21-76-54-76-99V38Z"/><g clip-path="url(#shield)"><path fill="#F5EBCF" d="M64 50h64v70H64zM128 120h64v100h-64z"/><path fill="#78B8A5" d="M128 50h64v70h-64zM64 120h64v100H64z"/><path fill="none" stroke="#20343B" stroke-width="7" d="M128 50v158M64 120h128"/><path fill="#20343B" d="M91 98h14v15H91zM98 62 76 91h12l-9 11h38l-9-11h12L98 62Z"/><path fill="#20343B" d="m160 66-24 21v5h7v20h34V92h7v-5l-24-21Zm-6 29h12v17h-12V95Z"/></g></svg>
CSS background-image
.family-crest {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/B0qZpud_urB7/amnt.svg");
  background-size: contain;
}
React
import FamilyCrestSvg from "./family-crest.jsx"; // from the React tab above

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

Tags

familyheritagetreecrestshield badgeslogoflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Family Crest: A quartered shield with a tree in one section and a simple house in another. as part of the pack Shield Badges, 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