cssのみで 「早戻し」 アイコンを作成してみました。今って「早戻し」って言うんですね。「巻き戻し」はいつから消えたのでしょうか??
ソース
html
<div class="backward"></div>
css
/* 円 */ .backward { font-size: 100px; position: relative; width: 1.4em; height: 1.4em; border: 0.1em solid #39a9d6; border-radius: 100%; } /* マーク左 */ .backward::before { content: ""; position: absolute; top: 0.3em; left: 0.3em; width: 0; height: 0; border-top: 0.4em solid transparent; border-right: 0.4em solid #39a9d6; border-bottom: 0.4em solid transparent; } /* マーク右 */ .backward::after { content: ""; position: absolute; top: 0.3em; left: 0.6em; width: 0; height: 0; border-top: 0.4em solid transparent; border-right: 0.4em solid #39a9d6; border-bottom: 0.4em solid transparent; }