html - Web ページの「3 本の水平線」記号はどこで取得できますか?

Question

私のウェブページでこのシンボルを取得する方法を見つけようとしています:

シンボルは何と呼ばれていますか？を使用して ▾ を取得するように、私の Web ページで取得する方法はありますか

▾

前もって感謝します。

Answer 1

Answer 2

コメントのリンクで提供されているすべての方法は素晴らしいです。しかし、そこには記載されていない方法もあり、bootstrap が使用しているのと同じです。この方法が好まれるのは、純粋な CSS でアニメーション化できるからです。

<div class="menu-icon">
    <span class="line"></span>
    <span class="line"></span>
    <span class="line"></span>
</div>

.menu-icon > .line {
    background-color: #292929;
    height: 2px;
    display: block;
}
.menu-icon > .line + .line {
    margin-top: 8px;
}