SVG
Viewer
Dark mode
Light mode
Hide sidebar
Call
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.06 KB
1.33 KB
-35%
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;} .st0{fill:#333B3A;} </style> <g> <path class="hatch_twee" d="M11.207,23L7,27.207v-1.414l2.828-2.828C9.886,22.976,9.939,23,10,23H11.207z M9,7.793l-2,2v1.414l2-2 V7.793z M9,11.793l-2,2v1.414l2-2V11.793z M9,19.793l-2,2v1.414l2-2V19.793z M9,15.793l-2,2v1.414l2-2V15.793z M13.793,23L7,29.793 V31h0.207l8-8H13.793z M19.207,3l2-2h-1.414l-2,2H19.207z M15.207,3l2-2h-1.414l-2,2H15.207z M7.793,1L7,1.793v1.414L9.207,1H7.793 z M10,3h1.207l2-2h-1.414L9.741,3.052C9.825,3.029,9.908,3,10,3z M9,4c0-0.092,0.029-0.175,0.052-0.259L7,5.793v1.414l2-2V4z M23.207,31L24,30.207v-1.414L21.793,31H23.207z M22,12.207l2-2V8.793l-2,2V12.207z M22,20.207l2-2v-1.414l-2,2V20.207z M17.793,23 l-2.027,2.027c0.384,0.041,0.742,0.163,1.055,0.359L19.207,23H17.793z M23.793,1l-2.21,2.21C21.83,3.392,22,3.67,22,4v0.207l2-2V1 H23.793z M22,8.207l2-2V4.793l-2,2V8.207z M22,16.207l2-2v-1.414l-2,2V16.207z M13.027,27.766L9.793,31h1.414l2.179-2.179 C13.19,28.509,13.068,28.15,13.027,27.766z M15.5,30c-0.215,0-0.42-0.036-0.62-0.087L13.793,31h1.414l1.166-1.166 C16.1,29.937,15.808,30,15.5,30z M18,27.5c0,0.308-0.063,0.6-0.166,0.873L24,22.207v-1.414l-6.087,6.087 C17.964,27.08,18,27.285,18,27.5z M19.207,31L24,26.207v-1.414L17.793,31H19.207z"/> <path class="hatch_een" d="M17,27.5c0,0.816-0.672,1.5-1.5,1.5S14,28.328,14,27.5s0.67-1.5,1.5-1.5S17,26.684,17,27.5z M13,27.5 c0,1.378,1.121,2.5,2.5,2.5s2.5-1.122,2.5-2.5S16.882,25,15.5,25S13,26.122,13,27.5z M24,31H7V1h17V31z M7,0C6.448,0,6,0.448,6,1 v30c0,0.552,0.448,1,1,1h17c0.552,0,1-0.448,1-1V1c0-0.552-0.448-1-1-1H7z M21,22H10V4h11V22z M10,3C9.448,3,9,3.448,9,4v18 c0,0.552,0.448,1,1,1h11c0.552,0,1-0.448,1-1V4c0-0.552-0.448-1-1-1H10z"/> </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.06 KB
1.33 KB
-35%
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;} .st0{fill:#333B3A;} </style> <g> <path class="hatch_twee" d="M11.207,23L7,27.207v-1.414l2.828-2.828C9.886,22.976,9.939,23,10,23H11.207z M9,7.793l-2,2v1.414l2-2 V7.793z M9,11.793l-2,2v1.414l2-2V11.793z M9,19.793l-2,2v1.414l2-2V19.793z M9,15.793l-2,2v1.414l2-2V15.793z M13.793,23L7,29.793 V31h0.207l8-8H13.793z M19.207,3l2-2h-1.414l-2,2H19.207z M15.207,3l2-2h-1.414l-2,2H15.207z M7.793,1L7,1.793v1.414L9.207,1H7.793 z M10,3h1.207l2-2h-1.414L9.741,3.052C9.825,3.029,9.908,3,10,3z M9,4c0-0.092,0.029-0.175,0.052-0.259L7,5.793v1.414l2-2V4z M23.207,31L24,30.207v-1.414L21.793,31H23.207z M22,12.207l2-2V8.793l-2,2V12.207z M22,20.207l2-2v-1.414l-2,2V20.207z M17.793,23 l-2.027,2.027c0.384,0.041,0.742,0.163,1.055,0.359L19.207,23H17.793z M23.793,1l-2.21,2.21C21.83,3.392,22,3.67,22,4v0.207l2-2V1 H23.793z M22,8.207l2-2V4.793l-2,2V8.207z M22,16.207l2-2v-1.414l-2,2V16.207z M13.027,27.766L9.793,31h1.414l2.179-2.179 C13.19,28.509,13.068,28.15,13.027,27.766z M15.5,30c-0.215,0-0.42-0.036-0.62-0.087L13.793,31h1.414l1.166-1.166 C16.1,29.937,15.808,30,15.5,30z M18,27.5c0,0.308-0.063,0.6-0.166,0.873L24,22.207v-1.414l-6.087,6.087 C17.964,27.08,18,27.285,18,27.5z M19.207,31L24,26.207v-1.414L17.793,31H19.207z"/> <path class="hatch_een" d="M17,27.5c0,0.816-0.672,1.5-1.5,1.5S14,28.328,14,27.5s0.67-1.5,1.5-1.5S17,26.684,17,27.5z M13,27.5 c0,1.378,1.121,2.5,2.5,2.5s2.5-1.122,2.5-2.5S16.882,25,15.5,25S13,26.122,13,27.5z M24,31H7V1h17V31z M7,0C6.448,0,6,0.448,6,1 v30c0,0.552,0.448,1,1,1h17c0.552,0,1-0.448,1-1V1c0-0.552-0.448-1-1-1H7z M21,22H10V4h11V22z M10,3C9.448,3,9,3.448,9,4v18 c0,0.552,0.448,1,1,1h11c0.552,0,1-0.448,1-1V4c0-0.552-0.448-1-1-1H10z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download