Menu

Beta
Sign in
Beta
Anchor Shield SVG logo, flat

Anchor Shield SVG logo, flat

A large anchor with a curved base and short crossbar sits within the shield. Add it to a sailing club notice or a maritime museum worksheet.

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/4RTZ0ZbkF7kr/amnt.svg" alt="Anchor Shield" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img" aria-label="Shield enclosing an anchor"><path fill="#173247" d="M128 25c-25 14-49 19-83 19v79c0 49 30 83 83 108 53-25 83-59 83-108V44c-34 0-58-5-83-19Z"/><path fill="#E5F3EF" d="M128 43c-21 11-41 16-65 17v63c0 38 22 67 65 89 43-22 65-51 65-89V60c-24-1-44-6-65-17Z"/><circle cx="128" cy="82" r="13" fill="none" stroke="#173247" stroke-width="9"/><path fill="none" stroke="#173247" stroke-width="10" stroke-linecap="round" d="M128 95v91M105 112h46M82 157c5 24 22 37 46 37s41-13 46-37"/><path fill="#173247" d="m72 152 18-1-9 19Zm112 0-18-1 9 19Z"/></svg>
CSS background-image
.anchor-shield {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4RTZ0ZbkF7kr/amnt.svg");
  background-size: contain;
}
React
import AnchorShieldSvg from "./anchor-shield.jsx"; // from the React tab above

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

Tags

anchornauticalmaritimeshieldshield badgeslogoflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Anchor Shield: A shield enclosing a large anchor with a curved base and short crossbar. 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