Skip to content

Instantly share code, notes, and snippets.

@carmelc

carmelc/candy-swirl-divider.svg

Created February 26, 2026 13:52
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save carmelc/fa1849efad07d93b76f3f4fd4315b43b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save carmelc/fa1849efad07d93b76f3f4fd4315b43b to your computer and use it in GitHub Desktop.
Download ZIP
Display the source blob
Display the rendered blob
Raw
candy-swirl-divider.svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 30">
<!-- Candy swirl divider with central candy and dots -->
<rect x="0" y="14" width="160" height="2" fill="#E8458B"/>
<!-- Central candy circle -->
<circle cx="200" cy="15" r="12" fill="#FFD93D"/>
<circle cx="200" cy="15" r="7" fill="#E8458B"/>
<circle cx="200" cy="15" r="3" fill="#FFFFFF"/>
<!-- Right line -->
<rect x="240" y="14" width="160" height="2" fill="#E8458B"/>
<!-- Small accent dots -->
<circle cx="165" cy="15" r="3" fill="#FF8FAB"/>
<circle cx="235" cy="15" r="3" fill="#FF8FAB"/>
<circle cx="175" cy="15" r="2" fill="#FFD93D"/>
<circle cx="225" cy="15" r="2" fill="#FFD93D"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment