SOURCE

<div class="wrap wrap1"></div>
<div class="wrap wrap2"></div>

.wrap {
    width: 58px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #56c61e;
    background: #fff;
    border: 5px solid #56c61e;
    box-sizing: border-box;
    font-size: 35px;
    line-height: 55px;
    border-radius: 50%;
}

.wrap1::after {
    content: "";
    width: 26px;
    height: 15px;
    background: transparent;
    left: 0;
    top: 0;
    border-radius: 3px;
    border: 5px solid #56c61e;
    border-width: 0 0 5px 5px;
    transform: translateY(-3px) rotate(-50deg);
}

.wrap2::after {
    content: "";
    width: 30px;
    height: 20px;
    border-radius: 10px;
    background: linear-gradient(50deg, transparent 34%, #56c61e 36%, #56c61e 40%, #56c61e 44%, transparent 46%),
    linear-gradient(140deg, transparent 34%, #56c61e 36%, #56c61e 40%, #56c61e 44%, transparent 46%);
    background-size: 30px 40px;
    background-repeat: no-repeat;
    transform: rotate(-10deg);
}