pure css success icon sample

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <span class="css-success"><i class="css-success__icon"></i></span>
  </body>

</html>

.css-success{
	display: block;
	width: 130px;
	height: 130px;
	margin-left: auto;
	margin-right: auto;
}
.css-success__icon {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #74ae32;
	border-radius: 50%;
	position: relative;
}

.css-success__icon:before,
.css-success__icon:after{
	content: '';
	display: block;
	width: 8%;
	position: absolute;
	background-color: #fff;
}

.css-success__icon:before {
    height: 15%;
    top: 46%;
    left: 35%;
    transform: rotateZ(-45deg);
}
.css-success__icon:after {
    height: 40%;
    left: 54%;
    top: 30%;
    transform: rotateZ(47deg);
}

container width and height must be same.