SVG
Viewer
Dark mode
Light mode
Hide sidebar
Pour
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.42 KB
828 bytes
-43%
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="M9.313,15.15c-0.113-0.377-0.199-0.761-0.251-1.163L11.049,12h1.414L9.313,15.15z M22.001,13.048 l-6.939,6.939C15.205,19.996,15.355,20,15.5,20c0.363,0,0.708-0.031,1.056-0.093l5.264-5.264 C21.935,14.129,21.997,13.6,22.001,13.048z M16.463,12h-1.414l-4.928,4.928c0.181,0.287,0.381,0.56,0.599,0.815L16.463,12z M20.463,12h-1.414l-6.961,6.961c0.289,0.192,0.597,0.359,0.913,0.501L20.463,12z"/> <path class="hatch_een" d="M23,13c0-3.886-0.899-10.835-0.937-11.129C21.998,1.373,21.574,1,21.071,1H9.929 C9.424,1,8.998,1.377,8.936,1.878C8.898,2.188,8,9.523,8,13c0,4.233,3.101,7.7,7.005,7.973C15.005,20.983,15,30,15,30h-3.5 c-0.276,0-0.5,0.224-0.5,0.5s0.224,0.5,0.5,0.5h8c0.276,0,0.5-0.224,0.5-0.5S19.776,30,19.5,30H16c0,0-0.005-9.017-0.005-9.027 C19.899,20.7,23,17.233,23,13z M9.929,2h11.143c0,0,0.661,5.088,0.867,9H9.069C9.283,7.253,9.929,2,9.929,2z M15.5,20 C11.91,20,9,16.866,9,13c0-0.302,0.009-0.643,0.022-1h12.959C21.992,12.349,22,12.688,22,13C22,16.866,19.09,20,15.5,20z"/> </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.42 KB
828 bytes
-43%
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="M9.313,15.15c-0.113-0.377-0.199-0.761-0.251-1.163L11.049,12h1.414L9.313,15.15z M22.001,13.048 l-6.939,6.939C15.205,19.996,15.355,20,15.5,20c0.363,0,0.708-0.031,1.056-0.093l5.264-5.264 C21.935,14.129,21.997,13.6,22.001,13.048z M16.463,12h-1.414l-4.928,4.928c0.181,0.287,0.381,0.56,0.599,0.815L16.463,12z M20.463,12h-1.414l-6.961,6.961c0.289,0.192,0.597,0.359,0.913,0.501L20.463,12z"/> <path class="hatch_een" d="M23,13c0-3.886-0.899-10.835-0.937-11.129C21.998,1.373,21.574,1,21.071,1H9.929 C9.424,1,8.998,1.377,8.936,1.878C8.898,2.188,8,9.523,8,13c0,4.233,3.101,7.7,7.005,7.973C15.005,20.983,15,30,15,30h-3.5 c-0.276,0-0.5,0.224-0.5,0.5s0.224,0.5,0.5,0.5h8c0.276,0,0.5-0.224,0.5-0.5S19.776,30,19.5,30H16c0,0-0.005-9.017-0.005-9.027 C19.899,20.7,23,17.233,23,13z M9.929,2h11.143c0,0,0.661,5.088,0.867,9H9.069C9.283,7.253,9.929,2,9.929,2z M15.5,20 C11.91,20,9,16.866,9,13c0-0.302,0.009-0.643,0.022-1h12.959C21.992,12.349,22,12.688,22,13C22,16.866,19.09,20,15.5,20z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download