SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Dye
Print 4
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.32 KB
833 bytes
-38%
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/221553/dye --> <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"> <path style="fill:#21C25E;" d="M0,57.692v427.931C0,500.191,11.809,512,26.377,512h459.245C500.191,512,512,500.191,512,485.623 V57.692H0z"/> <path style="fill:#54E68B;" d="M257.045,57.692H0v427.931C0,500.191,11.809,512,26.377,512h230.667V57.692z"/> <rect style="fill:#FBBA00;" width="512" height="115.388"/> <g> <rect style="fill:#FBDB80;" width="85.337" height="115.388"/> <rect x="170.663" style="fill:#FBDB80;" width="85.337" height="115.388"/> <rect x="341.337" style="fill:#FBDB80;" width="85.337" height="115.388"/> </g> <path style="fill:#FF405F;" d="M296.653,204.809c-4.942,17.813-21.265,30.893-40.653,30.893s-35.71-13.08-40.653-30.893h-82.922 v79.119h49.915v138.645h147.322V283.928h49.915v-79.119H296.653z"/> <path style="fill:#FB788A;" d="M257.045,422.574V235.682c-0.348,0.008-0.695,0.022-1.045,0.022c-19.388,0-35.71-13.08-40.653-30.893 h-82.922v79.119h49.915v138.645H257.045z"/> </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
1.32 KB
833 bytes
-38%
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/221553/dye --> <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"> <path style="fill:#21C25E;" d="M0,57.692v427.931C0,500.191,11.809,512,26.377,512h459.245C500.191,512,512,500.191,512,485.623 V57.692H0z"/> <path style="fill:#54E68B;" d="M257.045,57.692H0v427.931C0,500.191,11.809,512,26.377,512h230.667V57.692z"/> <rect style="fill:#FBBA00;" width="512" height="115.388"/> <g> <rect style="fill:#FBDB80;" width="85.337" height="115.388"/> <rect x="170.663" style="fill:#FBDB80;" width="85.337" height="115.388"/> <rect x="341.337" style="fill:#FBDB80;" width="85.337" height="115.388"/> </g> <path style="fill:#FF405F;" d="M296.653,204.809c-4.942,17.813-21.265,30.893-40.653,30.893s-35.71-13.08-40.653-30.893h-82.922 v79.119h49.915v138.645h147.322V283.928h49.915v-79.119H296.653z"/> <path style="fill:#FB788A;" d="M257.045,422.574V235.682c-0.348,0.008-0.695,0.022-1.045,0.022c-19.388,0-35.71-13.08-40.653-30.893 h-82.922v79.119h49.915v138.645H257.045z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG