cssのみで ビデオカメラ アイコンを作成してみました。かなり微妙です・・・
ソース
html
<div class="video_camera"></div>
css
/* 本体 */ .video_camera { font-size: 100px; position: relative; width: 1.2em; height: 1em; background-color: #39a9d6; border-radius: 0.1em; } /* レンズ */ .video_camera::before { content: ""; position: absolute; top: 0em; left: 1em; width: 0; height: 0; border-top: 0.5em solid transparent; border-bottom: 0.5em solid transparent; border-right: 0.6em solid #39a9d6; }