SVG
Viewer
Dark mode
Light mode
Hide sidebar
Charge
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
1001 bytes
521 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;} .st0{fill:#333B3A;} </style> <g> <path class="hatch_twee" d="M2,12.785v-1.414L4.371,9h1.414L2,12.785z M9.785,9H8.371L2,15.371v1.414L9.785,9z M10.371,23h1.414 L14,20.785v-1.414L10.371,23z M14,16.785v-1.414L6.371,23h1.414L14,16.785z M13.785,9h-1.414L2,19.371v1.414L13.785,9z M14,12.785 v-1.414L2.371,23h1.414L14,12.785z"/> <path class="hatch_een" d="M30,12h-2V9c0-0.552-0.448-1-1-1H2C1.448,8,1,8.448,1,9v14c0,0.552,0.448,1,1,1h25c0.552,0,1-0.448,1-1 v-3h2c0.552,0,1-0.448,1-1v-6C31,12.448,30.552,12,30,12z M2,9h12v14H2V9z M27,23H15V9h12V23z M30,19h-2v-6h2V19z"/> </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
1001 bytes
521 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;} .st0{fill:#333B3A;} </style> <g> <path class="hatch_twee" d="M2,12.785v-1.414L4.371,9h1.414L2,12.785z M9.785,9H8.371L2,15.371v1.414L9.785,9z M10.371,23h1.414 L14,20.785v-1.414L10.371,23z M14,16.785v-1.414L6.371,23h1.414L14,16.785z M13.785,9h-1.414L2,19.371v1.414L13.785,9z M14,12.785 v-1.414L2.371,23h1.414L14,12.785z"/> <path class="hatch_een" d="M30,12h-2V9c0-0.552-0.448-1-1-1H2C1.448,8,1,8.448,1,9v14c0,0.552,0.448,1,1,1h25c0.552,0,1-0.448,1-1 v-3h2c0.552,0,1-0.448,1-1v-6C31,12.448,30.552,12,30,12z M2,9h12v14H2V9z M27,23H15V9h12V23z M30,19h-2v-6h2V19z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download