SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Write
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.26 KB
1.43 KB
-37%
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;} </style> <g> <path class="hatch_twee" d="M21.892,13.721c0.251,0.305,0.473,0.567,0.647,0.767L11.868,25.162 c-0.053-0.354-0.111-0.769-0.208-1.208L21.892,13.721z M20.165,11.448l-2.833,2.833c0.233,0.253,0.417,0.551,0.531,0.883 l2.895-2.895C20.566,12.011,20.367,11.736,20.165,11.448z M16.613,27h1.414l1.003-1.003c0.037-0.441,0.126-0.983,0.227-1.641 L16.613,27z M16,11.613v1.414l3.132-3.132c-0.179-0.284-0.357-0.578-0.534-0.88L16,11.613z M12.613,27h1.414l6.276-6.276 c0.274-0.744,0.605-1.55,1.002-2.416L12.613,27z M13,15.969c0-1.207,0.86-2.217,2-2.449v-0.906l-5.43,5.43 c0.156,0.334,0.302,0.658,0.439,0.975C10.01,19.018,13,15.987,13,15.969z M15,10.027V8.613l-6.783,6.783 c0.171,0.309,0.342,0.618,0.498,0.916L15,10.027z M14.701,18.326c-0.334-0.114-0.635-0.291-0.889-0.525l-3.065,3.065 c0.133,0.367,0.252,0.718,0.359,1.055L14.701,18.326z M16,7.613v1.414l1.683-1.683c-0.159-0.312-0.314-0.628-0.463-0.951L16,7.613z M16,3.613v1.414l0.46-0.46c-0.128-0.349-0.245-0.702-0.355-1.059L16,3.613z M15,6.027V4.613l-0.781,0.781 c-0.391,0.951-0.838,1.861-1.308,2.722L15,6.027z"/> <path class="hatch_een" d="M23,27h-3.02c-0.011-1.02,0.215-5.014,3.89-11.508c0.217-0.383,0.157-0.863-0.146-1.182 c-0.062-0.065-6.173-6.555-7.236-13.462C16.413,0.36,15.994,0,15.5,0s-0.913,0.36-0.988,0.848 C13.449,7.755,7.337,14.246,7.276,14.31c-0.303,0.319-0.363,0.799-0.146,1.182c3.678,6.5,3.902,10.488,3.889,11.508H8 c-0.552,0-1,0.448-1,1v2c0,0.552,0.448,1,1,1h15c0.552,0,1-0.448,1-1v-2C24,27.448,23.552,27,23,27z M15.5,14.469 c0.828,0,1.5,0.672,1.5,1.5s-0.672,1.5-1.5,1.5s-1.5-0.672-1.5-1.5S14.672,14.469,15.5,14.469z M8,15c0,0,5.143-5.41,7-11.817 v10.336c-1.14,0.232-2,1.242-2,2.449c0,1.378,1.122,2.5,2.5,2.5s2.5-1.122,2.5-2.5c0-1.207-0.86-2.217-2-2.449V3.183 C17.857,9.59,23,15,23,15c-3.838,6.782-4.048,10.869-4.019,12h-6.962C12.048,25.869,11.838,21.782,8,15z M23,30H8v-2h15V30z"/> </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.26 KB
1.43 KB
-37%
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;} </style> <g> <path class="hatch_twee" d="M21.892,13.721c0.251,0.305,0.473,0.567,0.647,0.767L11.868,25.162 c-0.053-0.354-0.111-0.769-0.208-1.208L21.892,13.721z M20.165,11.448l-2.833,2.833c0.233,0.253,0.417,0.551,0.531,0.883 l2.895-2.895C20.566,12.011,20.367,11.736,20.165,11.448z M16.613,27h1.414l1.003-1.003c0.037-0.441,0.126-0.983,0.227-1.641 L16.613,27z M16,11.613v1.414l3.132-3.132c-0.179-0.284-0.357-0.578-0.534-0.88L16,11.613z M12.613,27h1.414l6.276-6.276 c0.274-0.744,0.605-1.55,1.002-2.416L12.613,27z M13,15.969c0-1.207,0.86-2.217,2-2.449v-0.906l-5.43,5.43 c0.156,0.334,0.302,0.658,0.439,0.975C10.01,19.018,13,15.987,13,15.969z M15,10.027V8.613l-6.783,6.783 c0.171,0.309,0.342,0.618,0.498,0.916L15,10.027z M14.701,18.326c-0.334-0.114-0.635-0.291-0.889-0.525l-3.065,3.065 c0.133,0.367,0.252,0.718,0.359,1.055L14.701,18.326z M16,7.613v1.414l1.683-1.683c-0.159-0.312-0.314-0.628-0.463-0.951L16,7.613z M16,3.613v1.414l0.46-0.46c-0.128-0.349-0.245-0.702-0.355-1.059L16,3.613z M15,6.027V4.613l-0.781,0.781 c-0.391,0.951-0.838,1.861-1.308,2.722L15,6.027z"/> <path class="hatch_een" d="M23,27h-3.02c-0.011-1.02,0.215-5.014,3.89-11.508c0.217-0.383,0.157-0.863-0.146-1.182 c-0.062-0.065-6.173-6.555-7.236-13.462C16.413,0.36,15.994,0,15.5,0s-0.913,0.36-0.988,0.848 C13.449,7.755,7.337,14.246,7.276,14.31c-0.303,0.319-0.363,0.799-0.146,1.182c3.678,6.5,3.902,10.488,3.889,11.508H8 c-0.552,0-1,0.448-1,1v2c0,0.552,0.448,1,1,1h15c0.552,0,1-0.448,1-1v-2C24,27.448,23.552,27,23,27z M15.5,14.469 c0.828,0,1.5,0.672,1.5,1.5s-0.672,1.5-1.5,1.5s-1.5-0.672-1.5-1.5S14.672,14.469,15.5,14.469z M8,15c0,0,5.143-5.41,7-11.817 v10.336c-1.14,0.232-2,1.242-2,2.449c0,1.378,1.122,2.5,2.5,2.5s2.5-1.122,2.5-2.5c0-1.207-0.86-2.217-2-2.449V3.183 C17.857,9.59,23,15,23,15c-3.838,6.782-4.048,10.869-4.019,12h-6.962C12.048,25.869,11.838,21.782,8,15z M23,30H8v-2h15V30z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG