SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Mask Web Design
Web Design 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
1.28 KB
832 bytes
-36%
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/213378/mask-web-design --> <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="12.19" y="60.952" style="fill:#D1E5F5;" width="487.619" height="341.333"/> <rect x="256" y="60.952" style="fill:#B4D8F1;" width="243.81" height="341.333"/> <polygon style="fill:#95D5A7;" points="499.81,329.143 377.905,207.238 231.619,353.524 134.095,256 12.19,377.905 12.19,451.048 499.81,451.048 "/> <circle style="fill:#F8E99B;" cx="195.048" cy="170.667" r="36.571"/> <polygon style="fill:#80CB93;" points="499.81,329.143 377.905,207.238 256,329.143 256,451.048 499.81,451.048 "/> <path style="fill:#88888F;" d="M0,0v512h512V0H0z M255.999,438.857c-100.99,0-182.857-81.869-182.857-182.857 S155.009,73.143,255.999,73.143S438.856,155.012,438.856,256S356.988,438.857,255.999,438.857z"/> <path style="fill:#797781;" d="M512,0H255.999v73.143c100.99,0,182.857,81.869,182.857,182.857s-81.868,182.857-182.857,182.857V512 H512V0z"/> </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.28 KB
832 bytes
-36%
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/213378/mask-web-design --> <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="12.19" y="60.952" style="fill:#D1E5F5;" width="487.619" height="341.333"/> <rect x="256" y="60.952" style="fill:#B4D8F1;" width="243.81" height="341.333"/> <polygon style="fill:#95D5A7;" points="499.81,329.143 377.905,207.238 231.619,353.524 134.095,256 12.19,377.905 12.19,451.048 499.81,451.048 "/> <circle style="fill:#F8E99B;" cx="195.048" cy="170.667" r="36.571"/> <polygon style="fill:#80CB93;" points="499.81,329.143 377.905,207.238 256,329.143 256,451.048 499.81,451.048 "/> <path style="fill:#88888F;" d="M0,0v512h512V0H0z M255.999,438.857c-100.99,0-182.857-81.869-182.857-182.857 S155.009,73.143,255.999,73.143S438.856,155.012,438.856,256S356.988,438.857,255.999,438.857z"/> <path style="fill:#797781;" d="M512,0H255.999v73.143c100.99,0,182.857,81.869,182.857,182.857s-81.868,182.857-182.857,182.857V512 H512V0z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download