<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"> <!-- Metà colorata (gold) --> <clipPath id="left-half"> <rect x="0" y="0" width="50" height="100"/> </clipPath> <polygon points="50,5 61,35 95,35 67,57 78,90 50,70 22,90 33,57 5,35 39,35" fill="#FFD700" clip-path="url(#left-half)"/> <!-- Metà bianca --> <clipPath id="right-half"> <rect x="50" y="0" width="50" height="100"/> </clipPath> <polygon points="50,5 61,35 95,35 67,57 78,90 50,70 22,90 33,57 5,35 39,35" fill="#FFFFFF" clip-path="url(#right-half)"/> </svg> <br> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"> <polygon points="50,5 61,35 95,35 67,57 78,90 50,70 22,90 33,57 5,35 39,35" fill="#FFD700"/> </svg>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter