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