Scarf SVG graphic, flat

Free

A scarf wrapped around the neck. It adds a cold-weather detail and lets creators introduce color near the character’s face.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

scarf accessorie nft trait pfp

How to use it

HTML <img>

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

Inline SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><g stroke="#202d30" stroke-width="15" stroke-linejoin="round" stroke-linecap="round"><path d="M389 650 Q445 685 512 686 Q579 685 635 650 L650 704 Q585 749 512 751 Q439 749 374 704 Z" fill="#ef9844"/><path d="M390 664 Q448 696 512 697 Q576 696 634 664" fill="none" stroke="#fac45d" stroke-width="12"/><path d="M463 729 L505 746 L482 813 L461 796 L443 812 L436 790 L416 801 L427 745 Z" fill="#ef9844"/><path d="M561 730 L602 747 L617 798 L596 793 L588 817 L568 802 L551 818 L528 750 Z" fill="#ef9844"/><path d="M435 754 L469 766 M555 764 L590 752" fill="none" stroke="#fac45d" stroke-width="10"/><path d="M473 699 Q508 688 544 699 L558 737 Q537 758 512 760 Q487 758 466 737 Z" fill="#f7b451"/><path d="M486 712 Q512 705 537 712" fill="none" stroke="#ffd071" stroke-width="10"/></g></svg>

CSS background-image

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

React

import ScarfSvg from "./scarf.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Accessory: Orange scarf with two short fringed ends.. Want one like it? Make your own in the SVG studio.

Similar SVGs

Pro
Person With Scarf

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