Beta

Soccer Crest SVG logo, flat

Free
Soccer Crest SVG logo, flat

Above a wide diagonal stripe, a soccer ball fills the upper part of this shield. It fits a youth league fixture list or a match ticket.

Sign in to download. Free SVGs are free with any account.

soccerfootballballcrestshield badgeslogoflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/hxSlQGp7U3DK/amnt.svg" alt="Soccer Crest" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img" aria-label="Soccer crest with ball above a diagonal stripe"><defs><clipPath id="shield"><path d="M70 48h116v72c0 41-21 70-58 91-37-21-58-50-58-91V48Z"/></clipPath></defs><path fill="#183047" d="M62 40h132v80c0 47-25 81-66 102-41-21-66-55-66-102V40Z"/><path fill="#F7F4E8" d="M70 48h116v72c0 41-21 70-58 91-37-21-58-50-58-91V48Z"/><g clip-path="url(#shield)"><path fill="#20A89D" d="M52 171 204 108v31L52 202Z"/></g><circle cx="128" cy="94" r="29" fill="#F7F4E8" stroke="#183047" stroke-width="5"/><path fill="#183047" d="m128 80 13 9-5 15h-16l-5-15Z"/><path d="m128 80-2-14m15 23 13-5m-18 20 8 12m-24-12-8 12m3-27-13-5" fill="none" stroke="#183047" stroke-width="4" stroke-linecap="round"/></svg>
CSS background-image
.soccer-crest {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/hxSlQGp7U3DK/amnt.svg");
  background-size: contain;
}
React
import SoccerCrestSvg from "./soccer-crest.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Soccer Crest: A shield containing a soccer ball above a wide diagonal stripe. as part of the pack Shield Badges, Flat. Want one like it? Make your own in the SVG studio.

Rest of Shield Badges, Flat

Whole pack

Similar SVGs

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