SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Coffee Medium Coarse
Coffee Type Bordered 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.07 KB
1.44 KB
-30%
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 Osman Talha: https://www.figma.com/@osmantalha --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.52808 3.54681C8.57319 2.83867 7.86207 2.35609 7.32838 2.82371C6.02358 3.96698 5.23566 5.84521 5.02387 7.93796C4.98819 8.29058 5.19949 8.55682 5.5464 8.48422C5.93184 8.40355 6.4504 8.26981 6.97393 8.27502C7.53337 8.28058 8.0985 8.40442 8.5132 8.48391C8.8931 8.55673 9.02084 8.28519 8.88801 7.92189C8.53499 6.95642 8.38164 5.84534 8.44557 4.84192L8.52808 3.54681ZM18.5539 10.3705C18.7074 10.2326 18.731 10.0122 18.6943 9.80917C18.6325 9.46744 18.5641 9.13299 18.4943 8.87268C17.4242 4.87892 14.8151 2.07709 11.8808 1.75324C11.2567 1.68436 10.8045 2.36381 10.757 2.98996C10.7036 3.69453 10.5333 4.45721 10.4987 5.00025C10.4159 6.29954 10.7786 7.58318 11.5291 8.64768L12.376 9.8489C12.4094 9.89628 12.4452 9.9403 12.49 9.97708C13.4549 10.7691 17.4575 11.3557 18.5539 10.3705Z" fill="#744A30" stroke="#2F2118"/> <path d="M20.64 11.76V11.76C17.9651 13.3824 14.6099 13.3824 11.935 11.76V11.76V11.76C9.30589 10.1411 5.98912 10.1411 3.35999 11.76V11.76" stroke="#2F2118" stroke-linecap="round"/> <ellipse cx="6.18001" cy="14.04" rx="1.2" ry="1.2" transform="rotate(-90 6.18001 14.04)" fill="#744A30" stroke="#2F2118"/> <ellipse cx="17.28" cy="16.44" rx="1.2" ry="1.2" transform="rotate(90 17.28 16.44)" fill="#744A30" stroke="#2F2118"/> <ellipse cx="13.5" cy="16.17" rx="1.2" ry="1.2" transform="rotate(90 13.5 16.17)" fill="#744A30" stroke="#2F2118"/> <ellipse cx="9.72001" cy="14.82" rx="1.2" ry="1.2" transform="rotate(90 9.72001 14.82)" fill="#744A30" stroke="#2F2118"/> <ellipse cx="7.28999" cy="18.06" rx="1.2" ry="1.2" transform="rotate(90 7.28999 18.06)" fill="#744A30" stroke="#2F2118"/> <ellipse cx="11.07" cy="19.14" rx="1.2" ry="1.2" transform="rotate(90 11.07 19.14)" fill="#744A30" stroke="#2F2118"/> <ellipse cx="14.85" cy="19.95" rx="1.2" ry="1.2" transform="rotate(90 14.85 19.95)" fill="#744A30" stroke="#2F2118"/> </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.07 KB
1.44 KB
-30%
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 Osman Talha: https://www.figma.com/@osmantalha --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.52808 3.54681C8.57319 2.83867 7.86207 2.35609 7.32838 2.82371C6.02358 3.96698 5.23566 5.84521 5.02387 7.93796C4.98819 8.29058 5.19949 8.55682 5.5464 8.48422C5.93184 8.40355 6.4504 8.26981 6.97393 8.27502C7.53337 8.28058 8.0985 8.40442 8.5132 8.48391C8.8931 8.55673 9.02084 8.28519 8.88801 7.92189C8.53499 6.95642 8.38164 5.84534 8.44557 4.84192L8.52808 3.54681ZM18.5539 10.3705C18.7074 10.2326 18.731 10.0122 18.6943 9.80917C18.6325 9.46744 18.5641 9.13299 18.4943 8.87268C17.4242 4.87892 14.8151 2.07709 11.8808 1.75324C11.2567 1.68436 10.8045 2.36381 10.757 2.98996C10.7036 3.69453 10.5333 4.45721 10.4987 5.00025C10.4159 6.29954 10.7786 7.58318 11.5291 8.64768L12.376 9.8489C12.4094 9.89628 12.4452 9.9403 12.49 9.97708C13.4549 10.7691 17.4575 11.3557 18.5539 10.3705Z" fill="#744A30" stroke="#2F2118"/> <path d="M20.64 11.76V11.76C17.9651 13.3824 14.6099 13.3824 11.935 11.76V11.76V11.76C9.30589 10.1411 5.98912 10.1411 3.35999 11.76V11.76" stroke="#2F2118" stroke-linecap="round"/> <ellipse cx="6.18001" cy="14.04" rx="1.2" ry="1.2" transform="rotate(-90 6.18001 14.04)" fill="#744A30" stroke="#2F2118"/> <ellipse cx="17.28" cy="16.44" rx="1.2" ry="1.2" transform="rotate(90 17.28 16.44)" fill="#744A30" stroke="#2F2118"/> <ellipse cx="13.5" cy="16.17" rx="1.2" ry="1.2" transform="rotate(90 13.5 16.17)" fill="#744A30" stroke="#2F2118"/> <ellipse cx="9.72001" cy="14.82" rx="1.2" ry="1.2" transform="rotate(90 9.72001 14.82)" fill="#744A30" stroke="#2F2118"/> <ellipse cx="7.28999" cy="18.06" rx="1.2" ry="1.2" transform="rotate(90 7.28999 18.06)" fill="#744A30" stroke="#2F2118"/> <ellipse cx="11.07" cy="19.14" rx="1.2" ry="1.2" transform="rotate(90 11.07 19.14)" fill="#744A30" stroke="#2F2118"/> <ellipse cx="14.85" cy="19.95" rx="1.2" ry="1.2" transform="rotate(90 14.85 19.95)" fill="#744A30" stroke="#2F2118"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download