SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Lock
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.08 KB
1.32 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="M17.207,9L3,23.207v-1.414L15.793,9H17.207z M12.186,25.58c-0.171-0.24-0.22-0.541-0.149-0.824 L5.793,31h1.414l5.201-5.201C12.325,25.737,12.247,25.667,12.186,25.58z M15.174,15.033L21.207,9h-1.414L3,25.793v1.414 l9.033-9.033C12.19,16.508,13.508,15.19,15.174,15.033z M11.793,9L3,17.793v1.414L13.207,9H11.793z M18.067,16.14L25.207,9h-1.414 l-6.507,6.507C17.577,15.681,17.839,15.892,18.067,16.14z M7.793,9L3,13.793v1.414L9.207,9H7.793z M3.793,9L3,9.793v1.414L5.207,9 H3.793z M12.514,20.279L3,29.793V31h0.207l9.938-9.938C12.895,20.832,12.687,20.567,12.514,20.279z M18.583,23.624L28,14.207 v-1.414l-9.78,9.78L18.583,23.624z M15.207,31L28,18.207v-1.414L13.793,31H15.207z M14.793,26l-5,5h1.414l5-5H14.793z M27.793,9 l-8.858,8.858C18.974,18.067,19,18.28,19,18.5c0,0.276-0.037,0.545-0.1,0.807l9.1-9.1V9H27.793z M27.207,31L28,30.207v-1.414 L25.793,31H27.207z M19.207,31L28,22.207v-1.414L17.793,31H19.207z M23.207,31L28,26.207v-1.414L21.793,31H23.207z"/> <path class="hatch_een" d="M28,8h-5V5c0-2.206-1.794-4-4-4h-7C9.794,1,8,2.794,8,5v3H3C2.448,8,2,8.448,2,9v22c0,0.552,0.448,1,1,1 h25c0.552,0,1-0.448,1-1V9C29,8.448,28.552,8,28,8z M9,5c0-1.657,1.343-3,3-3h7c1.657,0,3,1.343,3,3v3H9V5z M28,31H3V9h25V31z M18,18.5c0,0.984-0.601,1.873-1.462,2.268L18,25h-5l1.462-4.232C13.601,20.373,13,19.509,13,18.5c0-1.381,1.094-2.5,2.5-2.5 C17,16,18,17.391,18,18.5z M12,18.5c0,1.047,0.475,2.027,1.261,2.682l-1.206,3.491c-0.106,0.306-0.057,0.643,0.131,0.907 C12.373,25.844,12.677,26,13,26h5c0.323,0,0.627-0.156,0.814-0.42c0.188-0.263,0.236-0.601,0.131-0.907l-1.206-3.491 C18.525,20.527,19,19.547,19,18.5c0-1.93-1.578-3.5-3.5-3.5S12,16.57,12,18.5z"/> </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.08 KB
1.32 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="M17.207,9L3,23.207v-1.414L15.793,9H17.207z M12.186,25.58c-0.171-0.24-0.22-0.541-0.149-0.824 L5.793,31h1.414l5.201-5.201C12.325,25.737,12.247,25.667,12.186,25.58z M15.174,15.033L21.207,9h-1.414L3,25.793v1.414 l9.033-9.033C12.19,16.508,13.508,15.19,15.174,15.033z M11.793,9L3,17.793v1.414L13.207,9H11.793z M18.067,16.14L25.207,9h-1.414 l-6.507,6.507C17.577,15.681,17.839,15.892,18.067,16.14z M7.793,9L3,13.793v1.414L9.207,9H7.793z M3.793,9L3,9.793v1.414L5.207,9 H3.793z M12.514,20.279L3,29.793V31h0.207l9.938-9.938C12.895,20.832,12.687,20.567,12.514,20.279z M18.583,23.624L28,14.207 v-1.414l-9.78,9.78L18.583,23.624z M15.207,31L28,18.207v-1.414L13.793,31H15.207z M14.793,26l-5,5h1.414l5-5H14.793z M27.793,9 l-8.858,8.858C18.974,18.067,19,18.28,19,18.5c0,0.276-0.037,0.545-0.1,0.807l9.1-9.1V9H27.793z M27.207,31L28,30.207v-1.414 L25.793,31H27.207z M19.207,31L28,22.207v-1.414L17.793,31H19.207z M23.207,31L28,26.207v-1.414L21.793,31H23.207z"/> <path class="hatch_een" d="M28,8h-5V5c0-2.206-1.794-4-4-4h-7C9.794,1,8,2.794,8,5v3H3C2.448,8,2,8.448,2,9v22c0,0.552,0.448,1,1,1 h25c0.552,0,1-0.448,1-1V9C29,8.448,28.552,8,28,8z M9,5c0-1.657,1.343-3,3-3h7c1.657,0,3,1.343,3,3v3H9V5z M28,31H3V9h25V31z M18,18.5c0,0.984-0.601,1.873-1.462,2.268L18,25h-5l1.462-4.232C13.601,20.373,13,19.509,13,18.5c0-1.381,1.094-2.5,2.5-2.5 C17,16,18,17.391,18,18.5z M12,18.5c0,1.047,0.475,2.027,1.261,2.682l-1.206,3.491c-0.106,0.306-0.057,0.643,0.131,0.907 C12.373,25.844,12.677,26,13,26h5c0.323,0,0.627-0.156,0.814-0.42c0.188-0.263,0.236-0.601,0.131-0.907l-1.206-3.491 C18.525,20.527,19,19.547,19,18.5c0-1.93-1.578-3.5-3.5-3.5S12,16.57,12,18.5z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG