SVGのpath要素

SVGを使えば表現できる図形やアニメーションの幅が広がります。

今ではほとんどのブラウザがSVGをサポートしています。

＜マーク等、画像を使うほどでもない時に使います。

SVGのpathタグを使っている例

https://coubic.com/

のフッターメニューの折り畳み上向き＞下向き＞

ナビメニュー

ナビメニュー100連発！CSSで表現できるコピペ可能なHTMLスニペットまとめ

http://photoshopvip.net/97481

参考

https://ferret-plus.com/7522

https://liginc.co.jp/web/html-css/html/154217