SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
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%
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="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
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%
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="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