cssのみで 再生 アイコンを作成してみました。しばらくはコントロール系を作ってみようと思います。
ソース
html
<div class="play"></div>
css
/* 円 */ .play { font-size: 100px; position: relative; width: 1.4em; height: 1.4em; border: 0.1em solid #39a9d6; border-radius: 100%; } /* マーク */ .play::before { content: ""; position: absolute; top: 0.3em; left: 0.5em; width: 0; height: 0; border-top: 0.4em solid transparent; border-left: 0.6em solid #39a9d6; border-bottom: 0.4em solid transparent; }