cssのみで テレビ アイコンを作成してみました。かなり微妙です・・・
ソース
html
<div class="tv"></div>
css
/* 枠 */ .tv { font-size: 100px; position: relative; width: 1.4em; height: 0.8em; border: 0.1em solid #39a9d6; border-radius: 0.1em; } /* アンテナ左 */ .tv::before { content: ""; position: absolute; top: -0.55em; left: 0.45em; width: 0.1em; height: 0.6em; background-color: #39a9d6; border-radius: 0.1em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* アンテナ右 */ .tv::after { content: ""; position: absolute; top: -0.55em; left: 0.85em; width: 0.1em; height: 0.6em; background-color: #39a9d6; border-radius: 0.1em; -webkit-transform: rotate(45deg); transform: rotate(45deg); }