Menu

Beta
Sign in
Beta
Beret SVG graphic, flat

Beret SVG graphic, flat

A rounded beret worn to one side. Add it when a character needs a softer outline or a slightly dressed-up appearance.

Free

Similar SVGs

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/wIUj8mVTXGsS/amnt.svg" alt="Beret" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path d="M496 102 491 60 Q490 48 502 47 L520 46 Q532 46 532 59 L528 102" fill="#664395" stroke="#202b2f" stroke-width="16" stroke-linejoin="round"/><path d="M270 174 Q285 119 361 94 Q426 69 505 69 Q630 67 710 119 Q761 152 764 201 Q766 225 740 236 Q687 259 588 249 Q483 242 396 254 Q318 263 276 229 Q249 207 270 174Z" fill="#7653a6" stroke="#202b2f" stroke-width="16" stroke-linejoin="round"/><path d="M291 160 Q338 105 440 92 Q383 116 354 160 Q326 177 291 174Z" fill="#9676bd"/><path d="M275 213 Q332 236 409 221 Q486 207 563 219 Q676 237 748 205 Q747 226 720 238 Q667 256 578 245 Q483 236 397 251 Q317 262 275 228Z" fill="#523779"/><path d="M276 209 Q330 232 408 218 Q486 203 567 216 Q673 233 748 202" fill="none" stroke="#202b2f" stroke-width="16" stroke-linecap="round"/></svg>
CSS background-image
.beret {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/wIUj8mVTXGsS/amnt.svg");
  background-size: contain;
}
React
import BeretSvg from "./beret.jsx"; // from the React tab above

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

Tags

beretheadwearnft traitpfp

Made with AMNT

AMNT SVG 1.1 drew this from the words Headwear: Purple beret with a small top stem.. 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