SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Hat
Gentlemen
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
822 bytes
359 bytes
-56%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/61996/hat --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 492.8 492.8" style="enable-background:new 0 0 492.8 492.8;" xml:space="preserve"> <path style="fill:#144566;" d="M404,308.4c-4.8-96-73.6-164-157.6-164s-152.8,68-157.6,164H404z"/> <g> <path style="fill:#00233F;" d="M246.4,308.4H404c-5.6-100-75.2-164-159.2-164"/> <path style="fill:#00233F;" d="M492.8,332.4c0,8.8-7.2,16-16,16h-460c-8.8,0-16.8-7.2-16.8-16l0,0c0-8.8,7.2-16,16.8-16H476 C484.8,316.4,492.8,323.6,492.8,332.4L492.8,332.4z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
822 bytes
359 bytes
-56%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/61996/hat --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 492.8 492.8" style="enable-background:new 0 0 492.8 492.8;" xml:space="preserve"> <path style="fill:#144566;" d="M404,308.4c-4.8-96-73.6-164-157.6-164s-152.8,68-157.6,164H404z"/> <g> <path style="fill:#00233F;" d="M246.4,308.4H404c-5.6-100-75.2-164-159.2-164"/> <path style="fill:#00233F;" d="M492.8,332.4c0,8.8-7.2,16-16,16h-460c-8.8,0-16.8-7.2-16.8-16l0,0c0-8.8,7.2-16,16.8-16H476 C484.8,316.4,492.8,323.6,492.8,332.4L492.8,332.4z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG