Как нарисовать конус на CSS?

Хочу сделать Гюнтера из «Adventure Time», а именно клюв как на этой картинке:
Как нарисовать такой клюв (конус) средствами CSS?

Ответ

.block { position: relative; } .block::before, .block::after { content: ''; position: absolute; left: -20px; top: 20px; border: 20px solid transparent; border-right: 80px solid #f00; border-radius: 180px; } .block::after { border: 18px solid transparent; border-right: 70px solid #F2C255; top: 22px; left: -10px; }