SVG
Viewer
Dark mode
Light mode
Hide sidebar
Umbrella
China
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
1.44 KB
720 bytes
-51%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/82379/umbrella --> <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 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <rect x="222.609" style="fill:#FFB833;" width="66.783" height="77.913"/> <rect x="239.304" y="200.348" style="fill:#FFD485;" width="33.391" height="211.478"/> <g> <rect x="111.304" y="211.478" style="fill:#FFB833;" width="33.391" height="33.391"/> <rect x="367.304" y="211.478" style="fill:#FFB833;" width="33.391" height="33.391"/> </g> <polygon style="fill:#FF1A26;" points="222.609,66.783 0,211.478 111.304,211.478 239.304,66.783 "/> <g> <polygon style="fill:#FF4851;" points="239.304,66.783 111.304,211.478 256,211.478 256,66.783 "/> <polygon style="fill:#FF4851;" points="512,211.478 289.391,66.783 272.696,66.783 400.696,211.478 "/> </g> <polygon style="fill:#FF1A26;" points="272.696,66.783 256,66.783 256,211.478 400.696,211.478 "/> <g> <rect y="211.478" style="fill:#FFB833;" width="33.391" height="33.391"/> <rect x="478.609" y="211.478" style="fill:#FFB833;" width="33.391" height="33.391"/> <rect x="222.609" y="400.696" style="fill:#FFB833;" width="66.783" height="111.304"/> </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
1.44 KB
720 bytes
-51%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/82379/umbrella --> <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 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <rect x="222.609" style="fill:#FFB833;" width="66.783" height="77.913"/> <rect x="239.304" y="200.348" style="fill:#FFD485;" width="33.391" height="211.478"/> <g> <rect x="111.304" y="211.478" style="fill:#FFB833;" width="33.391" height="33.391"/> <rect x="367.304" y="211.478" style="fill:#FFB833;" width="33.391" height="33.391"/> </g> <polygon style="fill:#FF1A26;" points="222.609,66.783 0,211.478 111.304,211.478 239.304,66.783 "/> <g> <polygon style="fill:#FF4851;" points="239.304,66.783 111.304,211.478 256,211.478 256,66.783 "/> <polygon style="fill:#FF4851;" points="512,211.478 289.391,66.783 272.696,66.783 400.696,211.478 "/> </g> <polygon style="fill:#FF1A26;" points="272.696,66.783 256,66.783 256,211.478 400.696,211.478 "/> <g> <rect y="211.478" style="fill:#FFB833;" width="33.391" height="33.391"/> <rect x="478.609" y="211.478" style="fill:#FFB833;" width="33.391" height="33.391"/> <rect x="222.609" y="400.696" style="fill:#FFB833;" width="66.783" height="111.304"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download