SVG
Viewer
Dark mode
Light mode
Hide sidebar
Rest
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.96 KB
1.21 KB
-39%
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="M4,11.061V9.646L9.646,4h1.414l-5,5H6c-0.552,0-1,0.448-1,1v0.061L4,11.061z M16.479,9.167 C16.633,9.071,16.805,9,17,9h1.061l5-5h-1.414L16.479,9.167z M7.061,4H5.646L4,5.646v1.414L7.061,4z M16,11.061V10 c0-0.195,0.071-0.367,0.167-0.521L15,10.646v1.414L16,11.061z M22.061,9L27,4.061V4h-1.354l-5,5H22.061z M22.061,25L30,17.061V17 h-1.354l-8,8H22.061z M24.646,25h1.414L30,21.061v-1.414L24.646,25z M16.646,25h1.414l8-8h-1.414L16.646,25z M30,23.646L28.646,25 H30V23.646z M8.646,17L1,24.646V25h1.061l8-8H8.646z M5,12.646L4.646,13H5V12.646z M22.061,17h-1.414l-8,8h1.414L22.061,17z M26,11.646V13h0.061L27,12.061v-1.414L26,11.646z M12.646,9H14c0.018,0,0.033,0.009,0.05,0.01L19.061,4h-1.414L12.646,9z M18.061,17h-1.414l-8,8h1.414L18.061,17z M24.646,9H25c0.292,0,0.549,0.13,0.732,0.329L27,8.061V6.646L24.646,9z M14.061,17 h-1.414l-8,8h1.414L14.061,17z M2.061,17H1v1.061L2.061,17z M8.646,9h1.414l5-5h-1.414L8.646,9z M6.061,17H4.646L1,20.646v1.414 L6.061,17z"/> <path class="hatch_een" d="M30,16h-1v-2c0-0.552-0.448-1-1-1V4c0-0.552-0.448-1-1-1H4C3.448,3,3,3.448,3,4v9c-0.552,0-1,0.448-1,1 v2H1c-0.552,0-1,0.448-1,1v8c0,0.552,0.448,1,1,1h1v2c0,0.552,0.448,1,1,1h2c0.552,0,1-0.448,1-1v-2h19v2c0,0.552,0.448,1,1,1h2 c0.552,0,1-0.448,1-1v-2h1c0.552,0,1-0.448,1-1v-8C31,16.448,30.552,16,30,16z M4,4h23v9h-1v-3c0-0.552-0.448-1-1-1h-8 c-0.552,0-1,0.448-1,1v3h-1v-3c0-0.552-0.448-1-1-1H6c-0.552,0-1,0.448-1,1v3H4V4z M25,10v3h-8v-3H25z M14,10v3H6v-3H14z M3,14h25 v2H3V14z M5,28H3v-2h2V28z M28,28h-2v-2h2V28z M30,25H1v-8h29V25z"/> </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.96 KB
1.21 KB
-39%
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="M4,11.061V9.646L9.646,4h1.414l-5,5H6c-0.552,0-1,0.448-1,1v0.061L4,11.061z M16.479,9.167 C16.633,9.071,16.805,9,17,9h1.061l5-5h-1.414L16.479,9.167z M7.061,4H5.646L4,5.646v1.414L7.061,4z M16,11.061V10 c0-0.195,0.071-0.367,0.167-0.521L15,10.646v1.414L16,11.061z M22.061,9L27,4.061V4h-1.354l-5,5H22.061z M22.061,25L30,17.061V17 h-1.354l-8,8H22.061z M24.646,25h1.414L30,21.061v-1.414L24.646,25z M16.646,25h1.414l8-8h-1.414L16.646,25z M30,23.646L28.646,25 H30V23.646z M8.646,17L1,24.646V25h1.061l8-8H8.646z M5,12.646L4.646,13H5V12.646z M22.061,17h-1.414l-8,8h1.414L22.061,17z M26,11.646V13h0.061L27,12.061v-1.414L26,11.646z M12.646,9H14c0.018,0,0.033,0.009,0.05,0.01L19.061,4h-1.414L12.646,9z M18.061,17h-1.414l-8,8h1.414L18.061,17z M24.646,9H25c0.292,0,0.549,0.13,0.732,0.329L27,8.061V6.646L24.646,9z M14.061,17 h-1.414l-8,8h1.414L14.061,17z M2.061,17H1v1.061L2.061,17z M8.646,9h1.414l5-5h-1.414L8.646,9z M6.061,17H4.646L1,20.646v1.414 L6.061,17z"/> <path class="hatch_een" d="M30,16h-1v-2c0-0.552-0.448-1-1-1V4c0-0.552-0.448-1-1-1H4C3.448,3,3,3.448,3,4v9c-0.552,0-1,0.448-1,1 v2H1c-0.552,0-1,0.448-1,1v8c0,0.552,0.448,1,1,1h1v2c0,0.552,0.448,1,1,1h2c0.552,0,1-0.448,1-1v-2h19v2c0,0.552,0.448,1,1,1h2 c0.552,0,1-0.448,1-1v-2h1c0.552,0,1-0.448,1-1v-8C31,16.448,30.552,16,30,16z M4,4h23v9h-1v-3c0-0.552-0.448-1-1-1h-8 c-0.552,0-1,0.448-1,1v3h-1v-3c0-0.552-0.448-1-1-1H6c-0.552,0-1,0.448-1,1v3H4V4z M25,10v3h-8v-3H25z M14,10v3H6v-3H14z M3,14h25 v2H3V14z M5,28H3v-2h2V28z M28,28h-2v-2h2V28z M30,25H1v-8h29V25z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download