SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Hat Magic
Mardi Gras 5
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
3.15 KB
2.56 KB
-19%
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/247994/hat-magic --> <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 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve"> <path style="fill:#7C54B8;" d="M447.845,22.409C448.84,10.374,440.192,0,429.165,0H82.836c-11.027,0-19.675,10.374-18.68,22.409 l28.034,338.727c0.236,2.852,2.62,5.046,5.481,5.046h316.657c2.862,0,5.246-2.194,5.481-5.046L447.845,22.409z"/> <path style="fill:#674799;" d="M429.165,0h-57.042c6.624,26.445,10.16,54.115,10.16,82.613 c0,168.982-123.674,309.06-285.443,334.703l1.623,19.613h315.074l34.307-414.522C448.84,10.374,440.192,0,429.165,0z"/> <polygon style="fill:#FFDB6C;" points="419.852,360.645 92.151,360.645 98.464,436.931 413.538,436.931 "/> <path style="fill:#FFB966;" d="M237.172,360.645c-41.06,28.671-88.754,48.496-140.332,56.671l1.623,19.613h315.074l6.313-76.286 H237.172V360.645z"/> <path style="fill:#674799;" d="M263.529,115.711l19.617,39.749l43.866,6.374c6.885,1,9.634,9.461,4.652,14.318l-31.742,30.941 l7.493,43.688c1.176,6.857-6.021,12.086-12.18,8.849L256,239.002l-39.235,20.627c-6.158,3.237-13.355-1.991-12.18-8.849 l7.493-43.688l-31.742-30.941c-4.982-4.857-2.233-13.317,4.652-14.318l43.866-6.374l19.617-39.749 C251.553,109.472,260.449,109.472,263.529,115.711z"/> <path style="fill:#FFDB6C;" d="M263.529,107.606l19.617,39.749l43.866,6.375c6.885,1,9.634,9.461,4.652,14.318l-31.742,30.941 l7.493,43.688c1.176,6.858-6.021,12.086-12.18,8.849L256,230.899l-39.235,20.627c-6.158,3.237-13.355-1.991-12.18-8.849 l7.493-43.688l-31.742-30.941c-4.982-4.857-2.233-13.317,4.652-14.318l43.866-6.374l19.617-39.749 C251.553,101.367,260.449,101.367,263.529,107.606z"/> <path style="fill:#FC4C59;" d="M468.312,435.715H43.689c-10.802,0-19.559,8.756-19.559,19.559v37.169 c0,10.802,8.756,19.559,19.559,19.559h424.624c10.802,0,19.559-8.756,19.559-19.559v-37.169 C487.871,444.472,479.115,435.715,468.312,435.715z"/> <path style="fill:#E83A64;" d="M468.312,435.715H435.49c10.802,0,19.559,8.756,19.559,19.559v37.169 c0,10.802-8.756,19.559-19.559,19.559h32.823c10.802,0,19.559-8.756,19.559-19.559v-37.169 C487.871,444.472,479.115,435.715,468.312,435.715z"/> <g> <circle style="fill:#FFDB6C;" cx="64.079" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="102.48" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="140.883" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="179.273" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="217.675" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="256.078" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="332.871" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="294.48" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="371.273" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="448.078" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="409.676" cy="473.861" r="9.117"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
3.15 KB
2.56 KB
-19%
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/247994/hat-magic --> <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 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve"> <path style="fill:#7C54B8;" d="M447.845,22.409C448.84,10.374,440.192,0,429.165,0H82.836c-11.027,0-19.675,10.374-18.68,22.409 l28.034,338.727c0.236,2.852,2.62,5.046,5.481,5.046h316.657c2.862,0,5.246-2.194,5.481-5.046L447.845,22.409z"/> <path style="fill:#674799;" d="M429.165,0h-57.042c6.624,26.445,10.16,54.115,10.16,82.613 c0,168.982-123.674,309.06-285.443,334.703l1.623,19.613h315.074l34.307-414.522C448.84,10.374,440.192,0,429.165,0z"/> <polygon style="fill:#FFDB6C;" points="419.852,360.645 92.151,360.645 98.464,436.931 413.538,436.931 "/> <path style="fill:#FFB966;" d="M237.172,360.645c-41.06,28.671-88.754,48.496-140.332,56.671l1.623,19.613h315.074l6.313-76.286 H237.172V360.645z"/> <path style="fill:#674799;" d="M263.529,115.711l19.617,39.749l43.866,6.374c6.885,1,9.634,9.461,4.652,14.318l-31.742,30.941 l7.493,43.688c1.176,6.857-6.021,12.086-12.18,8.849L256,239.002l-39.235,20.627c-6.158,3.237-13.355-1.991-12.18-8.849 l7.493-43.688l-31.742-30.941c-4.982-4.857-2.233-13.317,4.652-14.318l43.866-6.374l19.617-39.749 C251.553,109.472,260.449,109.472,263.529,115.711z"/> <path style="fill:#FFDB6C;" d="M263.529,107.606l19.617,39.749l43.866,6.375c6.885,1,9.634,9.461,4.652,14.318l-31.742,30.941 l7.493,43.688c1.176,6.858-6.021,12.086-12.18,8.849L256,230.899l-39.235,20.627c-6.158,3.237-13.355-1.991-12.18-8.849 l7.493-43.688l-31.742-30.941c-4.982-4.857-2.233-13.317,4.652-14.318l43.866-6.374l19.617-39.749 C251.553,101.367,260.449,101.367,263.529,107.606z"/> <path style="fill:#FC4C59;" d="M468.312,435.715H43.689c-10.802,0-19.559,8.756-19.559,19.559v37.169 c0,10.802,8.756,19.559,19.559,19.559h424.624c10.802,0,19.559-8.756,19.559-19.559v-37.169 C487.871,444.472,479.115,435.715,468.312,435.715z"/> <path style="fill:#E83A64;" d="M468.312,435.715H435.49c10.802,0,19.559,8.756,19.559,19.559v37.169 c0,10.802-8.756,19.559-19.559,19.559h32.823c10.802,0,19.559-8.756,19.559-19.559v-37.169 C487.871,444.472,479.115,435.715,468.312,435.715z"/> <g> <circle style="fill:#FFDB6C;" cx="64.079" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="102.48" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="140.883" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="179.273" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="217.675" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="256.078" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="332.871" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="294.48" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="371.273" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="448.078" cy="473.861" r="9.117"/> <circle style="fill:#FFDB6C;" cx="409.676" cy="473.861" r="9.117"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download