SVG
Viewer
Dark mode
Light mode
Hide sidebar
Print
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.36 KB
1.41 KB
-40%
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="M9.293,21l11-11h1.414L10.706,21.001L9.293,21z M28.79,13.503C28.924,13.809,29,14.145,29,14.5 c0,0.079-0.016,0.153-0.023,0.23L31,12.707v-1.414L28.79,13.503z M4.293,10L1,13.293v1.414L5.707,10H4.293z M14.706,21.001 L25.707,10h-1.414L13.292,21.001L14.706,21.001z M22.704,21.003l4.026-4.026C26.653,16.984,26.579,17,26.5,17 c-0.355,0-0.691-0.076-0.997-0.21l-4.213,4.213L22.704,21.003z M26.5,12c0.355,0,0.692,0.076,0.997,0.21l2.21-2.21h-1.414 l-2.023,2.023C26.347,12.016,26.421,12,26.5,12z M8.293,10L1,17.293v1.414L9.707,10H8.293z M24,14.5 c0-0.079,0.016-0.153,0.023-0.23l-6.732,6.732l1.414,0l5.505-5.505C24.076,15.191,24,14.855,24,14.5z M1,10v0.707L1.707,10H1z M12.293,10L1,21.293v1.414L13.707,10H12.293z M26,25.707l5-5v-1.414l-5,5V25.707z M25.963,21.744L31,16.707v-1.414l-5.744,5.744 C25.607,21.127,25.871,21.394,25.963,21.744z M27.707,28L31,24.707v-1.414L26.293,28H27.707z M6.293,21.293 c0.098-0.098,0.215-0.17,0.341-0.22L17.707,10h-1.414L1,25.293v1.414l5.073-5.073C6.123,21.508,6.195,21.391,6.293,21.293z M6,24.293L2.293,28h1.414L6,25.707V24.293z M31,28v-0.707L30.293,28H31z"/> <path class="hatch_een" d="M26.5,12c-1.382,0-2.5,1.122-2.5,2.5s1.122,2.5,2.5,2.5c1.379,0,2.5-1.122,2.5-2.5S27.882,12,26.5,12z M26.5,16c-0.828,0-1.5-0.672-1.5-1.5s0.669-1.5,1.5-1.5s1.5,0.684,1.5,1.5C28,15.316,27.328,16,26.5,16z M22.5,26h-13 C9.224,26,9,25.776,9,25.5S9.224,25,9.5,25h13c0.276,0,0.5,0.224,0.5,0.5S22.776,26,22.5,26z M22.5,29h-13 C9.224,29,9,28.776,9,28.5S9.224,28,9.5,28h13c0.276,0,0.5,0.224,0.5,0.5S22.776,29,22.5,29z M31,9h-5V2.003c0-0.552-0.448-1-1-1 L7,1c-0.265,0-0.52,0.105-0.707,0.293C6.105,1.48,6,1.735,6,2v7H1c-0.552,0-1,0.448-1,1v18c0,0.552,0.448,1,1,1h5v2 c0,0.552,0.448,1,1,1h18c0.552,0,1-0.448,1-1v-2h5c0.552,0,1-0.448,1-1V10C32,9.448,31.552,9,31,9z M7,2h18v7H7V2z M25,31H7v-9h18 V31z M31,28h-5v-5.997c0-0.552-0.448-1-1-1L7,21c-0.265,0-0.52,0.105-0.707,0.293C6.105,21.48,6,21.735,6,22v6H1V10h30V28z"/> </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.36 KB
1.41 KB
-40%
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="M9.293,21l11-11h1.414L10.706,21.001L9.293,21z M28.79,13.503C28.924,13.809,29,14.145,29,14.5 c0,0.079-0.016,0.153-0.023,0.23L31,12.707v-1.414L28.79,13.503z M4.293,10L1,13.293v1.414L5.707,10H4.293z M14.706,21.001 L25.707,10h-1.414L13.292,21.001L14.706,21.001z M22.704,21.003l4.026-4.026C26.653,16.984,26.579,17,26.5,17 c-0.355,0-0.691-0.076-0.997-0.21l-4.213,4.213L22.704,21.003z M26.5,12c0.355,0,0.692,0.076,0.997,0.21l2.21-2.21h-1.414 l-2.023,2.023C26.347,12.016,26.421,12,26.5,12z M8.293,10L1,17.293v1.414L9.707,10H8.293z M24,14.5 c0-0.079,0.016-0.153,0.023-0.23l-6.732,6.732l1.414,0l5.505-5.505C24.076,15.191,24,14.855,24,14.5z M1,10v0.707L1.707,10H1z M12.293,10L1,21.293v1.414L13.707,10H12.293z M26,25.707l5-5v-1.414l-5,5V25.707z M25.963,21.744L31,16.707v-1.414l-5.744,5.744 C25.607,21.127,25.871,21.394,25.963,21.744z M27.707,28L31,24.707v-1.414L26.293,28H27.707z M6.293,21.293 c0.098-0.098,0.215-0.17,0.341-0.22L17.707,10h-1.414L1,25.293v1.414l5.073-5.073C6.123,21.508,6.195,21.391,6.293,21.293z M6,24.293L2.293,28h1.414L6,25.707V24.293z M31,28v-0.707L30.293,28H31z"/> <path class="hatch_een" d="M26.5,12c-1.382,0-2.5,1.122-2.5,2.5s1.122,2.5,2.5,2.5c1.379,0,2.5-1.122,2.5-2.5S27.882,12,26.5,12z M26.5,16c-0.828,0-1.5-0.672-1.5-1.5s0.669-1.5,1.5-1.5s1.5,0.684,1.5,1.5C28,15.316,27.328,16,26.5,16z M22.5,26h-13 C9.224,26,9,25.776,9,25.5S9.224,25,9.5,25h13c0.276,0,0.5,0.224,0.5,0.5S22.776,26,22.5,26z M22.5,29h-13 C9.224,29,9,28.776,9,28.5S9.224,28,9.5,28h13c0.276,0,0.5,0.224,0.5,0.5S22.776,29,22.5,29z M31,9h-5V2.003c0-0.552-0.448-1-1-1 L7,1c-0.265,0-0.52,0.105-0.707,0.293C6.105,1.48,6,1.735,6,2v7H1c-0.552,0-1,0.448-1,1v18c0,0.552,0.448,1,1,1h5v2 c0,0.552,0.448,1,1,1h18c0.552,0,1-0.448,1-1v-2h5c0.552,0,1-0.448,1-1V10C32,9.448,31.552,9,31,9z M7,2h18v7H7V2z M25,31H7v-9h18 V31z M31,28h-5v-5.997c0-0.552-0.448-1-1-1L7,21c-0.265,0-0.52,0.105-0.707,0.293C6.105,21.48,6,21.735,6,22v6H1V10h30V28z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download