cssのみで 「女性」 アイコンを作成してみました。
ソース
html
<div class="female"></div>
css
/* 体・脚 */ .female { font-size: 100px; position: relative; margin: 0.4em auto; width: 0.3em; height: 0.6em; background-color:#39a9d6; border-radius: 0.1em; box-shadow: 0 0.5em 0 -0.05em #39a9d6; } /* 頭 */ .female::before { content: ""; position: absolute; top: -0.3em; left: 0; width: 0.3em; height: 0.3em; background-color:#39a9d6; border-radius: 0.3em; } /* スカート */ .female::after { content: ""; position: absolute; top: 0.2em; left: -0.25em; width: 0; height: 0; border-left: 0.4em solid transparent; border-bottom: 0.5em solid #39a9d6; border-right: 0.4em solid transparent; }