The arrow on a dropdown button should point right or down as it indicates new content will be visible once clicked. Once the dropdown has been opened, clicking the button again should close it.
What is the drop down arrow symbol called?
It's called a caret. It looks kind of like a triangle or a pyramid, and it kind of functions like an arrow.
How to add dropdown icon using CSS?
Use any element to open the dropdown menu, e.g. a <button>, <a> or <p> element. Use a container element (like <div>) to create the dropdown menu and add the dropdown links inside it. Wrap a <div> element around the button and the <div> to position the dropdown menu correctly with CSS.