SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Celebrate
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
1.96 KB
1.19 KB
-39%
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="M15.307,15h-1.414l-5,5h1.414L15.307,15z M11.307,15H9.893L8,16.893v1.414L11.307,15z M13.893,31h1.414 l7-7h-1.414L13.893,31z M21.893,31h1.414L27,27.307v-1.414L21.893,31z M17.893,31h1.414l7-7h-1.414L17.893,31z M27,29.893 L25.893,31H27V29.893z M6.307,24H5v1.307L6.307,24z M16.893,20h1.414l5-5h-1.414L16.893,20z M10.307,24H8.893L5,27.893v1.414 L10.307,24z M20.893,20h1.414L24,18.307v-1.414L20.893,20z M12.893,20h1.414l5-5h-1.414L12.893,20z M14.307,24h-1.414l-7,7h1.414 L14.307,24z M18.307,24h-1.414l-7,7h1.414L18.307,24z"/> <path class="hatch_een" d="M29,22c0-1.103-0.897-2-2-2h-2v-5.278c0.595-0.347,1-0.985,1-1.722c0-1.103-0.897-2-2-2h-6V6 c0-0.303-0.142-0.566-0.356-0.75l0.171-0.59c0.39-1.345,0.161-2.832-0.6-3.88C17.216,0.78,16.7,0,16,0 c-0.656,0-1.216,0.78-1.216,0.78c-0.76,1.048-0.99,2.535-0.6,3.88l0.171,0.59C14.142,5.434,14,5.697,14,6v5H8c-1.103,0-2,0.897-2,2 c0,0.737,0.405,1.375,1,1.722V20H5c-1.103,0-2,0.897-2,2c0,0.737,0.405,1.375,1,1.722V31c0,0.552,0.448,1,1,1h22 c0.552,0,1-0.448,1-1v-7.278C28.595,23.375,29,22.737,29,22z M15.594,1.367C15.722,1.205,15.853,1.051,16,0.906 c0.002-0.002,0.213,0.236,0.228,0.254c0.059,0.068,0.125,0.134,0.178,0.207c0.573,0.791,0.75,1.977,0.449,3.015L16.676,5h-1.351 l-0.179-0.618C14.844,3.344,15.02,2.158,15.594,1.367z M15,6h2v5h-2V6z M8,12h16c0.552,0,1,0.448,1,1s-0.448,1-1,1H8 c-0.552,0-1-0.448-1-1S7.448,12,8,12z M24,15v5H8v-5H24z M27,31H5v-7h22V31z M27,23H5c-0.552,0-1-0.448-1-1s0.448-1,1-1h22 c0.552,0,1,0.448,1,1S27.552,23,27,23z"/> </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
1.96 KB
1.19 KB
-39%
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="M15.307,15h-1.414l-5,5h1.414L15.307,15z M11.307,15H9.893L8,16.893v1.414L11.307,15z M13.893,31h1.414 l7-7h-1.414L13.893,31z M21.893,31h1.414L27,27.307v-1.414L21.893,31z M17.893,31h1.414l7-7h-1.414L17.893,31z M27,29.893 L25.893,31H27V29.893z M6.307,24H5v1.307L6.307,24z M16.893,20h1.414l5-5h-1.414L16.893,20z M10.307,24H8.893L5,27.893v1.414 L10.307,24z M20.893,20h1.414L24,18.307v-1.414L20.893,20z M12.893,20h1.414l5-5h-1.414L12.893,20z M14.307,24h-1.414l-7,7h1.414 L14.307,24z M18.307,24h-1.414l-7,7h1.414L18.307,24z"/> <path class="hatch_een" d="M29,22c0-1.103-0.897-2-2-2h-2v-5.278c0.595-0.347,1-0.985,1-1.722c0-1.103-0.897-2-2-2h-6V6 c0-0.303-0.142-0.566-0.356-0.75l0.171-0.59c0.39-1.345,0.161-2.832-0.6-3.88C17.216,0.78,16.7,0,16,0 c-0.656,0-1.216,0.78-1.216,0.78c-0.76,1.048-0.99,2.535-0.6,3.88l0.171,0.59C14.142,5.434,14,5.697,14,6v5H8c-1.103,0-2,0.897-2,2 c0,0.737,0.405,1.375,1,1.722V20H5c-1.103,0-2,0.897-2,2c0,0.737,0.405,1.375,1,1.722V31c0,0.552,0.448,1,1,1h22 c0.552,0,1-0.448,1-1v-7.278C28.595,23.375,29,22.737,29,22z M15.594,1.367C15.722,1.205,15.853,1.051,16,0.906 c0.002-0.002,0.213,0.236,0.228,0.254c0.059,0.068,0.125,0.134,0.178,0.207c0.573,0.791,0.75,1.977,0.449,3.015L16.676,5h-1.351 l-0.179-0.618C14.844,3.344,15.02,2.158,15.594,1.367z M15,6h2v5h-2V6z M8,12h16c0.552,0,1,0.448,1,1s-0.448,1-1,1H8 c-0.552,0-1-0.448-1-1S7.448,12,8,12z M24,15v5H8v-5H24z M27,31H5v-7h22V31z M27,23H5c-0.552,0-1-0.448-1-1s0.448-1,1-1h22 c0.552,0,1,0.448,1,1S27.552,23,27,23z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG