SVG
Viewer
Dark mode
Light mode
Hide sidebar
Save
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.1 KB
1.33 KB
-37%
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.31,16l3-3h1.414l-3,3H9.31z M4,1.31l-2,2v1.414l2-2V1.31z M14.724,16l3-3H16.31l-3,3H14.724z M4,5.31l-2,2v1.414l2-2V5.31z M22.31,3L19,6.31v1.414L23.724,3H22.31z M5,13c-0.196,0-0.383-0.056-0.537-0.153L2,15.31v1.414 L5.724,13H5z M4,9.31l-2,2v1.414l2-2V9.31z M23.31,10H24V9.31L23.31,10z M19,3v0.724L19.724,3H19z M28.31,1L28,1.31v1.414L29.724,1 H28.31z M22.724,16l3-3H24.31l-3,3H22.724z M6.654,16.07L9.724,13H8.31L2,19.31v1.414l4.07-4.07 C6.171,16.383,6.383,16.171,6.654,16.07z M17.31,16h1.414l3-3H20.31L17.31,16z M20.724,10L24,6.724V5.31L19.31,10H20.724z M28,10.724l2-2V7.31l-2,2V10.724z M26,20.724l4-4V15.31l-4,4V20.724z M26,24.724l4-4V19.31l-4,4V24.724z M25.388,27.922L22.31,31 h1.414L30,24.724V23.31l-4.078,4.078C25.82,27.628,25.628,27.82,25.388,27.922z M25.97,16.754l4.03-4.03V11.31l-4.728,4.728 C25.621,16.134,25.883,16.413,25.97,16.754z M28,5.31v1.414l2-2V3.31L28,5.31z M6,19.31l-4,4v1.414l4-4V19.31z M27.724,31 L30,28.724V27.31L26.31,31H27.724z M6.037,27.273L2.31,31h1.414l3.031-3.031C6.402,27.883,6.133,27.622,6.037,27.273z M6,23.31 l-4,4v1.414l4-4V23.31z M21.31,28l-3,3h1.414l3-3H21.31z M9.31,28l-3,3h1.414l3-3H9.31z M17.31,28l-3,3h1.414l3-3H17.31z M13.31,28 l-3,3h1.414l3-3H13.31z"/> <path class="hatch_een" d="M30,0H2C1.448,0,1,0.448,1,1v30c0,0.552,0.448,1,1,1h28c0.552,0,1-0.448,1-1V1C31,0.448,30.552,0,30,0z M5,1h22v11H5V1z M30,31H2V1h2v11c0,0.552,0.448,1,1,1h22c0.552,0,1-0.448,1-1V1h2V31z M24,10h-5V3h5V10z M19,2 c-0.552,0-1,0.448-1,1v7c0,0.552,0.448,1,1,1h5c0.552,0,1-0.448,1-1V3c0-0.552-0.448-1-1-1H19z M25,27H7V17h18V27z M7,16 c-0.552,0-1,0.448-1,1v10c0,0.552,0.448,1,1,1h18c0.552,0,1-0.448,1-1V17c0-0.552-0.448-1-1-1H7z"/> </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.1 KB
1.33 KB
-37%
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.31,16l3-3h1.414l-3,3H9.31z M4,1.31l-2,2v1.414l2-2V1.31z M14.724,16l3-3H16.31l-3,3H14.724z M4,5.31l-2,2v1.414l2-2V5.31z M22.31,3L19,6.31v1.414L23.724,3H22.31z M5,13c-0.196,0-0.383-0.056-0.537-0.153L2,15.31v1.414 L5.724,13H5z M4,9.31l-2,2v1.414l2-2V9.31z M23.31,10H24V9.31L23.31,10z M19,3v0.724L19.724,3H19z M28.31,1L28,1.31v1.414L29.724,1 H28.31z M22.724,16l3-3H24.31l-3,3H22.724z M6.654,16.07L9.724,13H8.31L2,19.31v1.414l4.07-4.07 C6.171,16.383,6.383,16.171,6.654,16.07z M17.31,16h1.414l3-3H20.31L17.31,16z M20.724,10L24,6.724V5.31L19.31,10H20.724z M28,10.724l2-2V7.31l-2,2V10.724z M26,20.724l4-4V15.31l-4,4V20.724z M26,24.724l4-4V19.31l-4,4V24.724z M25.388,27.922L22.31,31 h1.414L30,24.724V23.31l-4.078,4.078C25.82,27.628,25.628,27.82,25.388,27.922z M25.97,16.754l4.03-4.03V11.31l-4.728,4.728 C25.621,16.134,25.883,16.413,25.97,16.754z M28,5.31v1.414l2-2V3.31L28,5.31z M6,19.31l-4,4v1.414l4-4V19.31z M27.724,31 L30,28.724V27.31L26.31,31H27.724z M6.037,27.273L2.31,31h1.414l3.031-3.031C6.402,27.883,6.133,27.622,6.037,27.273z M6,23.31 l-4,4v1.414l4-4V23.31z M21.31,28l-3,3h1.414l3-3H21.31z M9.31,28l-3,3h1.414l3-3H9.31z M17.31,28l-3,3h1.414l3-3H17.31z M13.31,28 l-3,3h1.414l3-3H13.31z"/> <path class="hatch_een" d="M30,0H2C1.448,0,1,0.448,1,1v30c0,0.552,0.448,1,1,1h28c0.552,0,1-0.448,1-1V1C31,0.448,30.552,0,30,0z M5,1h22v11H5V1z M30,31H2V1h2v11c0,0.552,0.448,1,1,1h22c0.552,0,1-0.448,1-1V1h2V31z M24,10h-5V3h5V10z M19,2 c-0.552,0-1,0.448-1,1v7c0,0.552,0.448,1,1,1h5c0.552,0,1-0.448,1-1V3c0-0.552-0.448-1-1-1H19z M25,27H7V17h18V27z M7,16 c-0.552,0-1,0.448-1,1v10c0,0.552,0.448,1,1,1h18c0.552,0,1-0.448,1-1V17c0-0.552-0.448-1-1-1H7z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download