オリジナルアイコンの使い方について



  • お世話になっております。
    オリジナルアイコンについて2点ほど教えてください。
    ①JINのオリジナルアイコン一覧に出ているこちら2つのボタンの違いがわかりません。
    0_1584108045169_nazo.jpg

    ②オリジナルアイコンに出ているピンクっぽい色から自分が使用する色に変更は出来たのですが、丸い部分を白抜きにして>をボタンと同色にする方法がわかりません。
    0_1584108334292_nazo2.jpg
    画像は、参考にさせてもらっている方のサイトをスクショしたものです。

    〇が白抜きになりボタンと同色の>にするアイコンを作成するには、どのようなコードになるのでしょうか。

    色々な言葉で検索をしてみたのですが、見つけることが出来ませんでしたので質問させていただきました。
    お忙しいところ恐れ入りますが、ご教授いただければと思います。


    マニュアル確認済み
    WordPressのバージョン : 5.3.2
    ご利用のサーバー名 : Xサーバー
    PHPのバージョン :
    OS : Windows10
    ご利用のブラウザ :
    該当サイトのURL :