First Place Badge SVG logo, flat

Free

The number 1 sits at the center of a round badge with a scalloped border. Place it on race results sheets or podium signs.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

first place ranking award award badges logo flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_BGXj4Z_eolS/amnt.svg" alt="First Place Badge" width="48" height="48">

Inline SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="none"><g fill="#B87920"><circle cx="128" cy="57" r="23"/><circle cx="164" cy="66" r="23"/><circle cx="190" cy="92" r="23"/><circle cx="199" cy="128" r="23"/><circle cx="190" cy="164" r="23"/><circle cx="164" cy="190" r="23"/><circle cx="128" cy="199" r="23"/><circle cx="92" cy="190" r="23"/><circle cx="66" cy="164" r="23"/><circle cx="57" cy="128" r="23"/><circle cx="66" cy="92" r="23"/><circle cx="92" cy="66" r="23"/><circle cx="128" cy="128" r="78"/></g><circle cx="128" cy="128" r="69" fill="#E9AD36"/><path d="M119 166v-60l-15 9v-15l19-12h13v78h-17Z" fill="#B87920"/></svg>

CSS background-image

.first-place-badge {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_BGXj4Z_eolS/amnt.svg");
  background-size: contain;
}

React

import FirstPlaceBadgeSvg from "./first-place-badge.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words First Place Badge: Number 1 centered inside a round badge with a scalloped border. as part of the pack Award badges, flat. Want one like it? Make your own in the SVG studio.

Rest of Award 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