SVG
Viewer
Dark mode
Light mode
Hide sidebar
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%
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="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
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%
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="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