SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Organize
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.01 KB
1.24 KB
-38%
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;} </style> <g> <path class="hatch_twee" d="M19.324,2h1.414L18,4.738V3.324L19.324,2z M12.738,2h-1.414L2,11.324v1.414L12.738,2z M11.324,14h1.414 L14,12.738v-1.414L11.324,14z M7.324,14h1.414L14,8.738V7.324L7.324,14z M23.324,2L18,7.324v1.414L24.738,2H23.324z M14,4.738 V3.324L3.324,14h1.414L14,4.738z M8.738,2H7.324L2,7.324v1.414L8.738,2z M19.324,30h1.414L30,20.738v-1.414L19.324,30z M27.324,30 h1.414L30,28.738v-1.414L27.324,30z M23.324,30h1.414L30,24.738v-1.414L23.324,30z M18,27.324v1.414L28.738,18h-1.414L18,27.324z M4.738,2H3.324L2,3.324v1.414L4.738,2z M14,20.738v-1.414L3.324,30h1.414L14,20.738z M23.324,14h1.414L30,8.738V7.324L23.324,14z M27.324,14h1.414L30,12.738v-1.414L27.324,14z M14,28.738v-1.414L11.324,30h1.414L14,28.738z M19.324,14h1.414L30,4.738V3.324 L19.324,14z M4.738,18H3.324L2,19.324v1.414L4.738,18z M18,11.324v1.414L28.738,2h-1.414L18,11.324z M12.738,18h-1.414L2,27.324 v1.414L12.738,18z M8.738,18H7.324L2,23.324v1.414L8.738,18z M18,19.324v1.414L20.738,18h-1.414L18,19.324z M14,24.738v-1.414 L7.324,30h1.414L14,24.738z M24.738,18h-1.414L18,23.324v1.414L24.738,18z"/> <path class="hatch_een" d="M14,14H2V2h12V14z M2,1C1.448,1,1,1.448,1,2v12c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1V2 c0-0.552-0.448-1-1-1H2z M30,14H18V2h12V14z M18,1c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1V2 c0-0.552-0.448-1-1-1H18z M14,30H2V18h12V30z M2,17c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1V18 c0-0.552-0.448-1-1-1H2z M30,30H18V18h12V30z M18,17c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1V18 c0-0.552-0.448-1-1-1H18z"/> </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
2.01 KB
1.24 KB
-38%
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;} </style> <g> <path class="hatch_twee" d="M19.324,2h1.414L18,4.738V3.324L19.324,2z M12.738,2h-1.414L2,11.324v1.414L12.738,2z M11.324,14h1.414 L14,12.738v-1.414L11.324,14z M7.324,14h1.414L14,8.738V7.324L7.324,14z M23.324,2L18,7.324v1.414L24.738,2H23.324z M14,4.738 V3.324L3.324,14h1.414L14,4.738z M8.738,2H7.324L2,7.324v1.414L8.738,2z M19.324,30h1.414L30,20.738v-1.414L19.324,30z M27.324,30 h1.414L30,28.738v-1.414L27.324,30z M23.324,30h1.414L30,24.738v-1.414L23.324,30z M18,27.324v1.414L28.738,18h-1.414L18,27.324z M4.738,2H3.324L2,3.324v1.414L4.738,2z M14,20.738v-1.414L3.324,30h1.414L14,20.738z M23.324,14h1.414L30,8.738V7.324L23.324,14z M27.324,14h1.414L30,12.738v-1.414L27.324,14z M14,28.738v-1.414L11.324,30h1.414L14,28.738z M19.324,14h1.414L30,4.738V3.324 L19.324,14z M4.738,18H3.324L2,19.324v1.414L4.738,18z M18,11.324v1.414L28.738,2h-1.414L18,11.324z M12.738,18h-1.414L2,27.324 v1.414L12.738,18z M8.738,18H7.324L2,23.324v1.414L8.738,18z M18,19.324v1.414L20.738,18h-1.414L18,19.324z M14,24.738v-1.414 L7.324,30h1.414L14,24.738z M24.738,18h-1.414L18,23.324v1.414L24.738,18z"/> <path class="hatch_een" d="M14,14H2V2h12V14z M2,1C1.448,1,1,1.448,1,2v12c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1V2 c0-0.552-0.448-1-1-1H2z M30,14H18V2h12V14z M18,1c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1V2 c0-0.552-0.448-1-1-1H18z M14,30H2V18h12V30z M2,17c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1V18 c0-0.552-0.448-1-1-1H2z M30,30H18V18h12V30z M18,17c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1V18 c0-0.552-0.448-1-1-1H18z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG