Bucket Hat SVG graphic, flat

A soft bucket hat with a downward brim. Add it to characters who need relaxed headwear that leaves most facial features visible.

Free

Similar SVGs

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/rF68vhtcgYJz/amnt.svg" alt="Bucket Hat" width="48" height="48">

Inline SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path d="M391 115 Q512 78 633 115 Q647 157 668 219 Q512 252 356 219 Q377 157 391 115Z" fill="#438F83" stroke="#222C2F" stroke-width="16" stroke-linejoin="round"/><path d="M391 115 Q512 78 633 115" fill="none" stroke="#222C2F" stroke-width="16" stroke-linecap="round"/><path d="M377 164 Q512 133 648 164" fill="none" stroke="#72B6A3" stroke-width="9" stroke-linecap="round"/><path d="M349 198 Q428 213 512 211 Q607 208 677 194 Q752 198 787 237 Q804 251 799 266 Q788 281 757 282 Q726 282 693 267 Q626 236 512 237 Q398 236 331 267 Q298 283 269 282 Q242 281 230 267 Q225 253 241 237 Q280 197 349 198Z" fill="#4D9B8B" stroke="#222C2F" stroke-width="16" stroke-linejoin="round"/><path d="M248 255 Q283 271 320 252 Q393 217 512 220 Q631 217 704 252 Q741 271 777 254" fill="none" stroke="#347A71" stroke-width="12" stroke-linecap="round"/></svg>

CSS background-image

.bucket-hat {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/rF68vhtcgYJz/amnt.svg");
  background-size: contain;
}

React

import BucketHatSvg from "./bucket-hat.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Headwear: Teal bucket hat with a wide, floppy brim.. 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

Similar SVGs

How to use it

Tags

Made with AMNT