0

I'm trying to make up an arrow with CSS using SVG but not able to make it. I used this code pen https://codepen.io/postor/pen/mskxI to create down arrow which works fine

<svg className="arrows">
  <path className="a1" d="M0 0 L30 32 L60 0"></path>
  <path className="a2" d="M0 20 L30 52 L60 20"></path>
  <path className="a3" d="M0 40 L30 72 L60 40"></path>
</svg>

But I'm not able to make up arrow with the same effect any help?

Improve this question
5
  • 1
    Can you show what you have tried and what obstacle is holding you back? Also your question makes it seem like you wrote that codepen when you didn't, you may want to re-word your question.
    – Sydney Y
    Commented Mar 8, 2020 at 3:07
  • yea i used that code pen sorry not write myself...i dont know how to make up arrows with existing code from the code pen @SydneyY
    – dave
    Commented Mar 8, 2020 at 10:16
  • @SydneyY im messing around changing the d value in the above code snipppet to make up arrow
    – dave
    Commented Mar 8, 2020 at 10:19
  • 1
    @dave codepen.io/ArnisLapsa/pen/KKpZpqX
    – Arnis Lapsa
    Commented Mar 9, 2020 at 9:49
  • @dave w3schools.com/graphics/svg_path.asp
    – Arnis Lapsa
    Commented Mar 9, 2020 at 9:51
Related questions
1
How to create directional two pointed arrow using css?
10
Drawing animation of an arrow in SVG
5
Block arrow using SVG
Load 7 more related questions Show fewer related questions

0

Reset to default

Browse other questions tagged or ask your own question.