cssのみで メール アイコンを作成してみました。アイコンぽくなってきました。
ソース
html
<div class="mail"></div>
css
/* 上 */ .mail { font-size: 100px; position: relative; width: 0; height: 0; border-right: 0.8em solid transparent; border-left: 0.8em solid transparent; border-top: 0.6em solid #39a9d6; border-radius: 0.1em; } /* 下 */ .mail::before { position: absolute; content: ""; top: -0.5em; left: -0.8em; width: 0; height: 0; border-top: 0.6em solid transparent; border-bottom: 0.5em solid #39a9d6; border-left: 0.8em solid #39a9d6; border-right: 0.8em solid #39a9d6; border-radius: 0 0 0.1em 0.1em; }