SVG
Viewer
Dark mode
Light mode
Hide sidebar
Contain
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.28 KB
1.38 KB
-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 height="800px" width="800px" version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 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="M7.714,27H6.3l11-11h1.414L7.714,27z M22.714,16H21.3l-11,11h1.414L22.714,16z M26.714,16H25.3l-11,11 h1.414L26.714,16z M18.715,12H17.3l-3,3h1.414L18.715,12z M25.3,12l-3,3h1.414l3-3H25.3z M27,27l0.156-0.855L26.3,27H27z M4.802,25.912L14.715,16H13.3l-8.716,8.716L4.802,25.912z M22.3,27h1.414l4.016-4.016l0.079-0.432l0.236-1.296L22.3,27z M11.715,15l3-3H13.3l-3,3H11.715z M30,12h-0.7l-3,3h1.414L30,12.714V12z M6.715,12H5.301l-3,3h1.414L6.715,12z M2,12v0.715 L2.715,12H2z M9.301,16l-5.331,5.331l0.218,1.197L10.715,16H9.301z M18.3,27h1.414l8.905-8.905l0.126-0.691l0.189-1.037L18.3,27z M8.431,12.87L6.301,15h1.414l1.423-1.423L8.431,12.87z M19.714,15l0.912-0.912l-0.707-0.707L18.3,15H19.714z M5.301,16 l-1.947,1.947l0.163,0.897l0.054,0.299L6.715,16H5.301z"/> <path class="hatch_een" d="M30,11h-4.71l3.268-3.268c0.188-0.188,0.293-0.442,0.293-0.707c0-0.265-0.105-0.52-0.293-0.707 l-1.414-1.414c-0.195-0.195-0.451-0.293-0.707-0.293s-0.512,0.098-0.707,0.293L19.633,11h-7.415L6.121,4.904 C5.926,4.709,5.67,4.611,5.414,4.611S4.902,4.709,4.707,4.904L3.293,6.318C3.105,6.506,3,6.76,3,7.025 c0,0.265,0.105,0.52,0.293,0.707L6.561,11H2c-0.552,0-1,0.448-1,1v3c0,0.552,0.448,1,1,1h0.023c0,0.06,1.993,11.179,1.993,11.179 C4.103,27.654,4.517,28,5,28h22c0.483,0,0.897-0.346,0.984-0.821c0,0,1.993-11.119,1.993-11.179H30c0.552,0,1-0.448,1-1v-3 C31,11.448,30.552,11,30,11z M26.436,5.611l1.414,1.414l-6.436,6.436L20,12.047L26.436,5.611z M4,7.025l1.414-1.414l6.436,6.436 l-1.414,1.414L4,7.025z M27,27H5L3,16h26L27,27z M30,15H2v-3h5.561l2.168,2.168c0.195,0.195,0.451,0.293,0.707,0.293 s0.512-0.098,0.707-0.293l1.414-1.414c0.188-0.188,0.293-0.442,0.293-0.707c0-0.016-0.009-0.031-0.009-0.047h6.168 C19.009,12.016,19,12.031,19,12.047c0,0.265,0.105,0.52,0.293,0.707l1.414,1.414c0.195,0.195,0.451,0.293,0.707,0.293 s0.512-0.098,0.707-0.293L24.29,12H30V15z"/> </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.28 KB
1.38 KB
-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 height="800px" width="800px" version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 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="M7.714,27H6.3l11-11h1.414L7.714,27z M22.714,16H21.3l-11,11h1.414L22.714,16z M26.714,16H25.3l-11,11 h1.414L26.714,16z M18.715,12H17.3l-3,3h1.414L18.715,12z M25.3,12l-3,3h1.414l3-3H25.3z M27,27l0.156-0.855L26.3,27H27z M4.802,25.912L14.715,16H13.3l-8.716,8.716L4.802,25.912z M22.3,27h1.414l4.016-4.016l0.079-0.432l0.236-1.296L22.3,27z M11.715,15l3-3H13.3l-3,3H11.715z M30,12h-0.7l-3,3h1.414L30,12.714V12z M6.715,12H5.301l-3,3h1.414L6.715,12z M2,12v0.715 L2.715,12H2z M9.301,16l-5.331,5.331l0.218,1.197L10.715,16H9.301z M18.3,27h1.414l8.905-8.905l0.126-0.691l0.189-1.037L18.3,27z M8.431,12.87L6.301,15h1.414l1.423-1.423L8.431,12.87z M19.714,15l0.912-0.912l-0.707-0.707L18.3,15H19.714z M5.301,16 l-1.947,1.947l0.163,0.897l0.054,0.299L6.715,16H5.301z"/> <path class="hatch_een" d="M30,11h-4.71l3.268-3.268c0.188-0.188,0.293-0.442,0.293-0.707c0-0.265-0.105-0.52-0.293-0.707 l-1.414-1.414c-0.195-0.195-0.451-0.293-0.707-0.293s-0.512,0.098-0.707,0.293L19.633,11h-7.415L6.121,4.904 C5.926,4.709,5.67,4.611,5.414,4.611S4.902,4.709,4.707,4.904L3.293,6.318C3.105,6.506,3,6.76,3,7.025 c0,0.265,0.105,0.52,0.293,0.707L6.561,11H2c-0.552,0-1,0.448-1,1v3c0,0.552,0.448,1,1,1h0.023c0,0.06,1.993,11.179,1.993,11.179 C4.103,27.654,4.517,28,5,28h22c0.483,0,0.897-0.346,0.984-0.821c0,0,1.993-11.119,1.993-11.179H30c0.552,0,1-0.448,1-1v-3 C31,11.448,30.552,11,30,11z M26.436,5.611l1.414,1.414l-6.436,6.436L20,12.047L26.436,5.611z M4,7.025l1.414-1.414l6.436,6.436 l-1.414,1.414L4,7.025z M27,27H5L3,16h26L27,27z M30,15H2v-3h5.561l2.168,2.168c0.195,0.195,0.451,0.293,0.707,0.293 s0.512-0.098,0.707-0.293l1.414-1.414c0.188-0.188,0.293-0.442,0.293-0.707c0-0.016-0.009-0.031-0.009-0.047h6.168 C19.009,12.016,19,12.031,19,12.047c0,0.265,0.105,0.52,0.293,0.707l1.414,1.414c0.195,0.195,0.451,0.293,0.707,0.293 s0.512-0.098,0.707-0.293L24.29,12H30V15z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download