Nintendo_Switch_Pro_Controller.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 390.46 282.49">
    <defs>
        <style>
            .Line {
                fill: none;
            }

            .Body {
                fill: #3a3b3b;
            }

            #Grip {
                fill: #3a3b3b;
            }

            #L-Grip {
                fill: #55b332;
            }

            #R-Grip {
                fill: #e95082;
            }

            #Buttons {
                fill: #e9e9e9;
            }
        </style>
    </defs>

    <g id="Grip">
        <path id="R-Grip"
            d="M323.39,261.74c-12.16-22-13.78-54.3-33.67-63.29l83.12-114c11.42,40.25,16.31,90,16.83,118.75.61,33.59,4,81.45-42.63,78.72C335.7,278.83,329,270.92,323.39,261.74Z" />
        <path id="L-Grip"
            d="M43.42,281.88C-3.17,284.61.18,236.75.79,203.16c.52-28.72,5.42-78.5,16.83-118.75l83.12,114c-19.89,9-21.51,41.26-33.66,63.29C61.42,270.92,54.77,278.83,43.42,281.88Z" />
    </g>

    <path id="Body" class="Body"
        d="M195.23,196.05h81.86a29,29,0,0,1,12.63,2.4l83.12-114C366.82,63.16,359,44.48,349,33,334.79,8,292.72-4.77,265.82,2.55c-6,2.35-11.93,2.65-18.06,2.23-17.48-1-35-1.51-52.53-1.45s-35,.48-52.53,1.45c-6.13.42-12.06.12-18.06-2.23C97.75-4.77,55.67,8,41.43,33c-10,11.44-17.78,30.12-23.81,51.37l83.12,114a29,29,0,0,1,12.63-2.4Z" />

    <path id="Trigerline" class="Line"
        d="M349,33a3.57,3.57,0,0,1-5.65,1.82c-16.81-10.72-35.89-14.32-55.11-17.37-30.72-4.79-62-6-93-6s-62.33,1.24-93,6C83,20.54,63.88,24.14,47.07,34.86A3.56,3.56,0,0,1,41.43,33" />

    <g id="Buttons">
        <circle id="X" cx="301.44" cy="52.46" r="12.76" transform="translate(-3.99 70.66) rotate(-13.28)" />
        <circle id="Y" cx="270.09" cy="79.57" r="12.76" transform="translate(-9.26 44.29) rotate(-9.22)" />
        <circle id="A" cx="332.96" cy="79.46" r="12.76" transform="translate(41.34 258.71) rotate(-45)" />
        <circle id="B" cx="301.44" cy="106.67" r="12.76" transform="translate(-13.19 49.66) rotate(-9.22)" />

        <circle id="Rstick" cx="245.64" cy="135.97" r="32.6" transform="translate(-24.67 60.07) rotate(-13.28)" />
        <circle id="Lstick" cx="83.38" cy="77.13" r="32.6" />

        <circle id="Plus" cx="245.74" cy="50.14" r="7.59" transform="translate(36.52 188.45) rotate(-45)" />
        <circle id="Minus" cx="146.47" cy="50.12" r="7.59" transform="translate(-7.6 34.99) rotate(-13.28)" />

        <circle id="Share" cx="223.29" cy="79.64" r="7.6" transform="translate(-9.87 36.79) rotate(-9.22)" />
        <rect id="Home" x="159.25" y="72.35" width="14.96" height="14.96" rx="5.67" />

        <path id="Dpad"
            d="M158.2,123.91H147.14a2.84,2.84,0,0,1-2.84-2.84V110a5.67,5.67,0,0,0-5.67-5.67H127.52a5.67,5.67,0,0,0-5.67,5.67v11.06a2.84,2.84,0,0,1-2.84,2.84H108a5.67,5.67,0,0,0-5.67,5.67v11.11a5.67,5.67,0,0,0,5.67,5.67H119a2.84,2.84,0,0,1,2.84,2.84v11.06a5.67,5.67,0,0,0,5.67,5.67h11.11a5.67,5.67,0,0,0,5.67-5.67V149.2a2.84,2.84,0,0,1,2.84-2.84H158.2a5.67,5.67,0,0,0,5.67-5.67V129.58A5.67,5.67,0,0,0,158.2,123.91Z" />

        <path id="L-Trg" class="Body"
            d="M130.84,8.47C101.49,10.2,75.66,14.36,49.43,27,62.58,7.37,116.18-4.58,130.84,8.47Z" />
        <path id="R-Trg" class="Body"
            d="M259.62,8.47C289,10.2,314.8,14.36,341,27,327.89,7.37,274.28-4.58,259.62,8.47Z" />
        <!--Trigger = Body color-->
    </g>
</svg>