【framework7】アイコンを使ってみた

最終的にデザインを仕上げる段階になってきて、HTMLのそのままじゃボタンが押しにくいのでデザインを入れるか何かしないとということになってきた。
そこで見つけたのがこのアイコンたち、かわいい。
Framework7 Icons

これなら書式をダウンロードしたりしなくてもそのまま使える。
Icons | Framework7 Documentation

<div class="chip" onClick="addText()">
    <div class="chip-media bg-color-green">
        <i class="f7-icons">add_round_fill</i>
    </div>
    <div class="chip-label">参加者追加</div>
</div>

iconで参加者追加ボタンを表示

こんな感じで書くと緑のボタンが表示される。
前より押しやすくなった。