SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Crop
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.95 KB
1.18 KB
-39%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
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="M22,29.294L23.294,28h1.414L22,30.708V29.294z M20.294,7l-3,3h1.414l3-3H20.294z M16.294,7l-3,3h1.414 l3-3H16.294z M12.294,7l-3,3h1.414l3-3H12.294z M9.708,7H9v0.708L9.708,7z M1,7v0.708L1.708,7H1z M4,7.294L1.294,10h1.414L4,8.708 V7.294z M22,14.708l3-3v-1.414l-3,3V14.708z M22,18.708l3-3v-1.414l-3,3V18.708z M25,31v-0.706L24.294,31H25z M22,22.708l3-3 v-1.414l-3,3V22.708z M25,23v-0.706L24.294,23H25z M24.294,27h1.414l3-3h-1.414L24.294,27z M8,24v-0.706l-3,3V27h0.708l3-3H8z M5,3.708L5.708,3H5V3.708z M8,4.708V3.294l-3,3v1.414L8,4.708z M29,26.294L28.294,27H29V26.294z M8,8.708V7.294l-3,3v1.414 L8,8.708z M20.294,27h1.414l3-3h-1.414L20.294,27z M12.708,24h-1.414l-3,3h1.414L12.708,24z M16.708,24h-1.414l-3,3h1.414 L16.708,24z M8,12.708v-1.414l-3,3v1.414L8,12.708z M20.708,24h-1.414l-3,3h1.414L20.708,24z M8,20.708v-1.414l-3,3v1.414L8,20.708 z M8,16.708v-1.414l-3,3v1.414L8,16.708z"/> <path class="hatch_een" d="M30.78,1.22c-0.195-0.195-0.512-0.195-0.707,0l-4.829,4.829C25.164,6.029,25.086,6,25,6H9V3 c0-0.552-0.448-1-1-1H5C4.448,2,4,2.448,4,3v3H1C0.448,6,0,6.448,0,7v3c0,0.552,0.448,1,1,1h3v16c0,0.552,0.448,1,1,1h16v3 c0,0.552,0.448,1,1,1h3c0.552,0,1-0.448,1-1v-3h3c0.552,0,1-0.448,1-1v-3c0-0.552-0.448-1-1-1h-3V7 c0-0.086-0.029-0.164-0.049-0.244l4.829-4.829C30.976,1.731,30.976,1.415,30.78,1.22z M4,10H1V7h3V10z M9,7h15.293l-3,3H9V7z M25,7.707V23h-3V10.707L25,7.707z M9,11h11.293L9,22.293V11z M21,11.707V23H9.707L21,11.707z M25,31h-3v-3h3V31z M29,24v3H5V3h3 v21H29z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
1.95 KB
1.18 KB
-39%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
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="M22,29.294L23.294,28h1.414L22,30.708V29.294z M20.294,7l-3,3h1.414l3-3H20.294z M16.294,7l-3,3h1.414 l3-3H16.294z M12.294,7l-3,3h1.414l3-3H12.294z M9.708,7H9v0.708L9.708,7z M1,7v0.708L1.708,7H1z M4,7.294L1.294,10h1.414L4,8.708 V7.294z M22,14.708l3-3v-1.414l-3,3V14.708z M22,18.708l3-3v-1.414l-3,3V18.708z M25,31v-0.706L24.294,31H25z M22,22.708l3-3 v-1.414l-3,3V22.708z M25,23v-0.706L24.294,23H25z M24.294,27h1.414l3-3h-1.414L24.294,27z M8,24v-0.706l-3,3V27h0.708l3-3H8z M5,3.708L5.708,3H5V3.708z M8,4.708V3.294l-3,3v1.414L8,4.708z M29,26.294L28.294,27H29V26.294z M8,8.708V7.294l-3,3v1.414 L8,8.708z M20.294,27h1.414l3-3h-1.414L20.294,27z M12.708,24h-1.414l-3,3h1.414L12.708,24z M16.708,24h-1.414l-3,3h1.414 L16.708,24z M8,12.708v-1.414l-3,3v1.414L8,12.708z M20.708,24h-1.414l-3,3h1.414L20.708,24z M8,20.708v-1.414l-3,3v1.414L8,20.708 z M8,16.708v-1.414l-3,3v1.414L8,16.708z"/> <path class="hatch_een" d="M30.78,1.22c-0.195-0.195-0.512-0.195-0.707,0l-4.829,4.829C25.164,6.029,25.086,6,25,6H9V3 c0-0.552-0.448-1-1-1H5C4.448,2,4,2.448,4,3v3H1C0.448,6,0,6.448,0,7v3c0,0.552,0.448,1,1,1h3v16c0,0.552,0.448,1,1,1h16v3 c0,0.552,0.448,1,1,1h3c0.552,0,1-0.448,1-1v-3h3c0.552,0,1-0.448,1-1v-3c0-0.552-0.448-1-1-1h-3V7 c0-0.086-0.029-0.164-0.049-0.244l4.829-4.829C30.976,1.731,30.976,1.415,30.78,1.22z M4,10H1V7h3V10z M9,7h15.293l-3,3H9V7z M25,7.707V23h-3V10.707L25,7.707z M9,11h11.293L9,22.293V11z M21,11.707V23H9.707L21,11.707z M25,31h-3v-3h3V31z M29,24v3H5V3h3 v21H29z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG