SVG
Viewer
Dark mode
Light mode
Hide sidebar
Ascend
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.46 KB
798 bytes
-47%
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="M5,11.609v-1.414l4.197-4.197l0.67,0.744L8.609,8H8v0.609L5,11.609z M8,12.609v-1.414l-3,3v1.414 L8,12.609z M7.972,4.636l-0.67-0.744L3.195,8h1.414L7.972,4.636z M5.195,30h1.414L8,28.609v-1.414L5.195,30z M8,16.609v-1.414l-3,3 v1.414L8,16.609z M8,24.609v-1.414l-3,3v1.414L8,24.609z M8,20.609v-1.414l-3,3v1.414L8,20.609z"/> <path class="hatch_een" d="M12,27h18v3H12V27z M30,31c0.552,0,1-0.448,1-1v-3c0-0.552-0.448-1-1-1H12c-0.552,0-1,0.448-1,1v3 c0,0.552,0.448,1,1,1H30z M12,23v-3h14v3H12z M26,24c0.552,0,1-0.448,1-1v-3c0-0.552-0.448-1-1-1H12c-0.552,0-1,0.448-1,1v3 c0,0.552,0.448,1,1,1H26z M12,16v-3h10v3H12z M22,17c0.552,0,1-0.448,1-1v-3c0-0.552-0.448-1-1-1H12c-0.552,0-1,0.448-1,1v3 c0,0.552,0.448,1,1,1H22z M5,8H2l4.5-5L11,8H8v22H5V8z M8,31c0.552,0,1-0.448,1-1V9h2c0.395,0,0.753-0.232,0.914-0.593 c0.161-0.361,0.094-0.782-0.17-1.076l-4.5-5C7.054,2.12,6.783,2,6.5,2S5.946,2.12,5.757,2.331L1.285,7.299 C1.107,7.48,0.997,7.727,0.997,8c0,0.552,0.445,1,0.997,1H4v21c0,0.552,0.448,1,1,1H8z"/> </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.46 KB
798 bytes
-47%
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="M5,11.609v-1.414l4.197-4.197l0.67,0.744L8.609,8H8v0.609L5,11.609z M8,12.609v-1.414l-3,3v1.414 L8,12.609z M7.972,4.636l-0.67-0.744L3.195,8h1.414L7.972,4.636z M5.195,30h1.414L8,28.609v-1.414L5.195,30z M8,16.609v-1.414l-3,3 v1.414L8,16.609z M8,24.609v-1.414l-3,3v1.414L8,24.609z M8,20.609v-1.414l-3,3v1.414L8,20.609z"/> <path class="hatch_een" d="M12,27h18v3H12V27z M30,31c0.552,0,1-0.448,1-1v-3c0-0.552-0.448-1-1-1H12c-0.552,0-1,0.448-1,1v3 c0,0.552,0.448,1,1,1H30z M12,23v-3h14v3H12z M26,24c0.552,0,1-0.448,1-1v-3c0-0.552-0.448-1-1-1H12c-0.552,0-1,0.448-1,1v3 c0,0.552,0.448,1,1,1H26z M12,16v-3h10v3H12z M22,17c0.552,0,1-0.448,1-1v-3c0-0.552-0.448-1-1-1H12c-0.552,0-1,0.448-1,1v3 c0,0.552,0.448,1,1,1H22z M5,8H2l4.5-5L11,8H8v22H5V8z M8,31c0.552,0,1-0.448,1-1V9h2c0.395,0,0.753-0.232,0.914-0.593 c0.161-0.361,0.094-0.782-0.17-1.076l-4.5-5C7.054,2.12,6.783,2,6.5,2S5.946,2.12,5.757,2.331L1.285,7.299 C1.107,7.48,0.997,7.727,0.997,8c0,0.552,0.445,1,0.997,1H4v21c0,0.552,0.448,1,1,1H8z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download