SVG
Viewer
Dark mode
Light mode
Hide sidebar
Present
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.52 KB
936 bytes
-40%
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="M27,11.393v1.414L21.807,18h-1.414L27,11.393z M24.393,18h1.414L27,16.807v-1.414L24.393,18z M24.807,7 h-1.414L18,12.393v1.414L24.807,7z M20.807,7h-1.414L18,8.393v1.414L20.807,7z M18,16.393v1.414l9-9V7.393L18,16.393z"/> <path class="hatch_een" d="M27,18h-9V7h9V18z M18,6c-0.552,0-1,0.448-1,1v11c0,0.552,0.448,1,1,1h9c0.552,0,1-0.448,1-1V7 c0-0.552-0.448-1-1-1H18z M30,3H1C0.448,3,0,3.448,0,4v17c0,0.552,0.448,1,1,1h14v6h-4.5c-0.276,0-0.5,0.224-0.5,0.5 s0.224,0.5,0.5,0.5h10c0.276,0,0.5-0.224,0.5-0.5S20.776,28,20.5,28H16v-6h14c0.552,0,1-0.448,1-1V4C31,3.448,30.552,3,30,3z M30,21H1V4h29V21z M13,7.5C13,7.224,12.769,7,12.483,7H3.517C3.231,7,3,7.224,3,7.5S3.231,8,3.517,8h8.967 C12.769,8,13,7.776,13,7.5z M10,9.5C10,9.224,9.769,9,9.483,9H3.517C3.231,9,3,9.224,3,9.5S3.231,10,3.517,10h5.967 C9.769,10,10,9.776,10,9.5z M13,11.5c0-0.276-0.231-0.5-0.517-0.5H3.517C3.231,11,3,11.224,3,11.5S3.231,12,3.517,12h8.967 C12.769,12,13,11.776,13,11.5z M10,18.5c0-0.276-0.231-0.5-0.517-0.5H3.517C3.231,18,3,18.224,3,18.5S3.231,19,3.517,19h5.967 C9.769,19,10,18.776,10,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
1.52 KB
936 bytes
-40%
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="M27,11.393v1.414L21.807,18h-1.414L27,11.393z M24.393,18h1.414L27,16.807v-1.414L24.393,18z M24.807,7 h-1.414L18,12.393v1.414L24.807,7z M20.807,7h-1.414L18,8.393v1.414L20.807,7z M18,16.393v1.414l9-9V7.393L18,16.393z"/> <path class="hatch_een" d="M27,18h-9V7h9V18z M18,6c-0.552,0-1,0.448-1,1v11c0,0.552,0.448,1,1,1h9c0.552,0,1-0.448,1-1V7 c0-0.552-0.448-1-1-1H18z M30,3H1C0.448,3,0,3.448,0,4v17c0,0.552,0.448,1,1,1h14v6h-4.5c-0.276,0-0.5,0.224-0.5,0.5 s0.224,0.5,0.5,0.5h10c0.276,0,0.5-0.224,0.5-0.5S20.776,28,20.5,28H16v-6h14c0.552,0,1-0.448,1-1V4C31,3.448,30.552,3,30,3z M30,21H1V4h29V21z M13,7.5C13,7.224,12.769,7,12.483,7H3.517C3.231,7,3,7.224,3,7.5S3.231,8,3.517,8h8.967 C12.769,8,13,7.776,13,7.5z M10,9.5C10,9.224,9.769,9,9.483,9H3.517C3.231,9,3,9.224,3,9.5S3.231,10,3.517,10h5.967 C9.769,10,10,9.776,10,9.5z M13,11.5c0-0.276-0.231-0.5-0.517-0.5H3.517C3.231,11,3,11.224,3,11.5S3.231,12,3.517,12h8.967 C12.769,12,13,11.776,13,11.5z M10,18.5c0-0.276-0.231-0.5-0.517-0.5H3.517C3.231,18,3,18.224,3,18.5S3.231,19,3.517,19h5.967 C9.769,19,10,18.776,10,18.5z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download