SVG
Viewer
Dark mode
Light mode
Hide sidebar
Copy
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
2.33 KB
1.36 KB
-42%
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="M8,15.241l-2,2v-1.414l2-2V15.241z M8,7c0-0.552,0.448-1,1-1h0.241l1.044-1.044 C9.93,4.876,9.655,4.619,9.555,4.272L6,7.827v1.414l2-2V7z M8,9.827l-2,2v1.414l2-2V9.827z M8,17.827l-2,2v1.414l2-2V17.827z M8,21.827l-2,2v1.414l2-2V21.827z M17.241,6l1-1h-1.414l-1,1H17.241z M21.241,6l2-2h-1.414l-0.439,0.439 c-0.097,0.195-0.254,0.352-0.449,0.449L19.827,6H21.241z M6,4v1.241L7.241,4H6z M8,27v-1.173l-2,2v1.414l2.04-2.04 C8.026,27.134,8,27.071,8,27z M13.241,6l1-1h-1.414l-1,1H13.241z M23,12.241l2-2V8.827l-2,2V12.241z M23,20.241l2-2v-1.414l-2,2 V20.241z M23,24.241l2-2v-1.414l-2,2V24.241z M23,16.241l2-2v-1.414l-2,2V16.241z M22.971,6.856C22.978,6.905,23,6.949,23,7v1.241 l2-2V4.827L22.971,6.856z M9.827,28l-2,2h1.414l2-2H9.827z M23,27c0,0.552-0.448,1-1,1h-0.173l-2,2h1.414L25,26.241v-1.414l-2,2V27 z M17.827,28l-2,2h1.414l2-2H17.827z M13.827,28l-2,2h1.414l2-2H13.827z M25,30v-1.173L23.827,30H25z"/> <path class="hatch_een" d="M22,27H9V7h13V27z M22,6H9C8.448,6,8,6.448,8,7v20c0,0.552,0.448,1,1,1h13c0.552,0,1-0.448,1-1V7 C23,6.448,22.552,6,22,6L22,6z M25,3h-3.5c0-0.552-0.448-1-1-1h-1.586l-0.707-0.707C18.02,1.105,17.765,1,17.5,1h-4 c-0.265,0-0.52,0.105-0.707,0.293L12.086,2H10.5c-0.552,0-1,0.448-1,1H6C5.448,3,5,3.448,5,4v26c0,0.552,0.448,1,1,1h19 c0.552,0,1-0.448,1-1V4C26,3.448,25.552,3,25,3z M10.5,3h2l1-1h4l1,1h2v1h-10V3z M25,30H6V4h3.5c0,0.552,0.448,1,1,1h10 c0.552,0,1-0.448,1-1H25V30z M20,10.5c0-0.276-0.224-0.5-0.5-0.5h-8c-0.276,0-0.5,0.224-0.5,0.5s0.224,0.5,0.5,0.5h8 C19.776,11,20,10.776,20,10.5z M20,13.5c0-0.276-0.224-0.5-0.5-0.5h-8c-0.276,0-0.5,0.224-0.5,0.5s0.224,0.5,0.5,0.5h8 C19.776,14,20,13.776,20,13.5z M20,16.5c0-0.276-0.224-0.5-0.5-0.5h-8c-0.276,0-0.5,0.224-0.5,0.5s0.224,0.5,0.5,0.5h8 C19.776,17,20,16.776,20,16.5z M20,19.5c0-0.276-0.224-0.5-0.5-0.5h-8c-0.276,0-0.5,0.224-0.5,0.5s0.224,0.5,0.5,0.5h8 C19.776,20,20,19.776,20,19.5z"/> </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
2.33 KB
1.36 KB
-42%
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="M8,15.241l-2,2v-1.414l2-2V15.241z M8,7c0-0.552,0.448-1,1-1h0.241l1.044-1.044 C9.93,4.876,9.655,4.619,9.555,4.272L6,7.827v1.414l2-2V7z M8,9.827l-2,2v1.414l2-2V9.827z M8,17.827l-2,2v1.414l2-2V17.827z M8,21.827l-2,2v1.414l2-2V21.827z M17.241,6l1-1h-1.414l-1,1H17.241z M21.241,6l2-2h-1.414l-0.439,0.439 c-0.097,0.195-0.254,0.352-0.449,0.449L19.827,6H21.241z M6,4v1.241L7.241,4H6z M8,27v-1.173l-2,2v1.414l2.04-2.04 C8.026,27.134,8,27.071,8,27z M13.241,6l1-1h-1.414l-1,1H13.241z M23,12.241l2-2V8.827l-2,2V12.241z M23,20.241l2-2v-1.414l-2,2 V20.241z M23,24.241l2-2v-1.414l-2,2V24.241z M23,16.241l2-2v-1.414l-2,2V16.241z M22.971,6.856C22.978,6.905,23,6.949,23,7v1.241 l2-2V4.827L22.971,6.856z M9.827,28l-2,2h1.414l2-2H9.827z M23,27c0,0.552-0.448,1-1,1h-0.173l-2,2h1.414L25,26.241v-1.414l-2,2V27 z M17.827,28l-2,2h1.414l2-2H17.827z M13.827,28l-2,2h1.414l2-2H13.827z M25,30v-1.173L23.827,30H25z"/> <path class="hatch_een" d="M22,27H9V7h13V27z M22,6H9C8.448,6,8,6.448,8,7v20c0,0.552,0.448,1,1,1h13c0.552,0,1-0.448,1-1V7 C23,6.448,22.552,6,22,6L22,6z M25,3h-3.5c0-0.552-0.448-1-1-1h-1.586l-0.707-0.707C18.02,1.105,17.765,1,17.5,1h-4 c-0.265,0-0.52,0.105-0.707,0.293L12.086,2H10.5c-0.552,0-1,0.448-1,1H6C5.448,3,5,3.448,5,4v26c0,0.552,0.448,1,1,1h19 c0.552,0,1-0.448,1-1V4C26,3.448,25.552,3,25,3z M10.5,3h2l1-1h4l1,1h2v1h-10V3z M25,30H6V4h3.5c0,0.552,0.448,1,1,1h10 c0.552,0,1-0.448,1-1H25V30z M20,10.5c0-0.276-0.224-0.5-0.5-0.5h-8c-0.276,0-0.5,0.224-0.5,0.5s0.224,0.5,0.5,0.5h8 C19.776,11,20,10.776,20,10.5z M20,13.5c0-0.276-0.224-0.5-0.5-0.5h-8c-0.276,0-0.5,0.224-0.5,0.5s0.224,0.5,0.5,0.5h8 C19.776,14,20,13.776,20,13.5z M20,16.5c0-0.276-0.224-0.5-0.5-0.5h-8c-0.276,0-0.5,0.224-0.5,0.5s0.224,0.5,0.5,0.5h8 C19.776,17,20,16.776,20,16.5z M20,19.5c0-0.276-0.224-0.5-0.5-0.5h-8c-0.276,0-0.5,0.224-0.5,0.5s0.224,0.5,0.5,0.5h8 C19.776,20,20,19.776,20,19.5z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download