Triplet Symbol (Music Theory) SVG

In this example below you will see how to do a Triplet Symbol (Music Theory) SVG with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by Valerius_de_Hib, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright Valerius_de_Hib ©
  • HTML
  • CSS
  • JavaScript
    <svg xml:lang="en" xmlns="http://www.w3.org/2000/svg" version="1.1" width="54" height= "54">
    
    <g class="triplet_image">
        
        <path d="M22.5 14 C 22.75, 11.94, 28.7, 5 34, 5
                 C37.9, 5, 43, 6.3 43, 13
                 C43, 17.5, 39.55, 21 33, 23
                 C 37.1, 24.34, 39, 26.7, 39, 33
                 C39, 41.7, 31.2, 49 20, 49"></path>
    
    </g>

</svg>

/*Downloaded from https://www.codeseek.co/Valerius_de_Hib/triplet-symbol-music-theory-svg-BVWZPG */
    


/*Downloaded from https://www.codeseek.co/Valerius_de_Hib/triplet-symbol-music-theory-svg-BVWZPG */
    

Comments