SVG
Viewer
Dark mode
Light mode
Hide sidebar
Flag
Hatch Action Icons
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
1 KB
536 bytes
-48%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by Carol Liao: https://dribbble.com/thecarolizer --> <svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 32 32" xml:space="preserve"> <style type="text/css"> .hatch_een{fill:#265AA5;} .hatch_twee{fill:#FFC5BB;} </style> <g> <path class="hatch_twee" d="M28,13.293v1.414L21.707,21h-1.414L28,13.293z M24.293,21h1.414L28,18.707v-1.414L24.293,21z M20,13.293v1.414L27.707,7h-1.414L20,13.293z M23.707,7h-1.414L20,9.293v1.414L23.707,7z M20,17.293V18c0,0.552-0.448,1-1,1 h-0.707l-2,2h1.414L28,10.707V9.293L20,17.293z"/> <path class="hatch_een" d="M28,6h-8V4c0-0.552-0.448-1-1-1H5V1.5C5,1.224,4.776,1,4.5,1S4,1.224,4,1.5v30C4,31.776,4.224,32,4.5,32 S5,31.776,5,31.5V19h10v2c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1V7C29,6.448,28.552,6,28,6z M5,4h14v14H5V4z M28,21H16v-2h3 c0.552,0,1-0.448,1-1V7h8V21z"/> </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
-1px x -1px
Change dimensions
Optimize
1 KB
536 bytes
-48%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by Carol Liao: https://dribbble.com/thecarolizer --> <svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 32 32" xml:space="preserve"> <style type="text/css"> .hatch_een{fill:#265AA5;} .hatch_twee{fill:#FFC5BB;} </style> <g> <path class="hatch_twee" d="M28,13.293v1.414L21.707,21h-1.414L28,13.293z M24.293,21h1.414L28,18.707v-1.414L24.293,21z M20,13.293v1.414L27.707,7h-1.414L20,13.293z M23.707,7h-1.414L20,9.293v1.414L23.707,7z M20,17.293V18c0,0.552-0.448,1-1,1 h-0.707l-2,2h1.414L28,10.707V9.293L20,17.293z"/> <path class="hatch_een" d="M28,6h-8V4c0-0.552-0.448-1-1-1H5V1.5C5,1.224,4.776,1,4.5,1S4,1.224,4,1.5v30C4,31.776,4.224,32,4.5,32 S5,31.776,5,31.5V19h10v2c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1V7C29,6.448,28.552,6,28,6z M5,4h14v14H5V4z M28,21H16v-2h3 c0.552,0,1-0.448,1-1V7h8V21z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download