Pencil.

	<!DOCTYPE html>
	<html>
	<head>
	<title>Rahul Gupta</title>
	<style type="text/css">
	body
	{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	background: LightCyan;
	}

	.pencil {
	width: 60px;
	height: 320px;
	position: relative;
	}

	.top {
	position: relative;
	border-bottom: 60px solid #ffe8c6;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	}

	.top::before {
	content: "";
	position: absolute;
	left: -10px;
	border-bottom: 20px solid black;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	}

	.left,
	.center,
	.right {
	display: inline-block;
	height: calc(100% - 60px - 20px);
	position: relative;
	float: left;
	}

	.left,
	.right{
	width: 15px;
	background: #E1B03A;
	}

	.left::before,
	.right::before {
	content: "";
	position: absolute;
	top: -10px;
	border-bottom: 10px solid #E1B03A;
	border-left: 7.5px solid transparent;
	border-right: 7.5px solid transparent;
	}

	.center {
	width: 30px;
	background: #FFC334;
	}

	.center::before {
	content: "";
	position: absolute;
	top: -15px;
	border-bottom: 15px solid #FFC334;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	}

	.bottom {
	height: 20px;
	width: 100%;
	background: #C95957;
	position: absolute;
	bottom: 0;
	border-radius: 0 0 10px 10px;
	}
	</style>
	</head>
	<body>
	<div class="pencil">
	<div class="top"></div>
	<div class="left"></div>
	<div class="center"><p>R</p><p>a</p><p>h</p><p>u</p><p>l</p></div>
	<div class="right"></div>
	<div class="bottom"></div>
	</div>

	</body>
	</html>

RahulpGupta