Menu

Beta
Sign in
Beta
Soccer Crest SVG logo, flat

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.

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/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} />

Tags

soccerfootballballcrestshield badgeslogoflat

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.

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