Edit in JSFiddle

<div class="logo">
    <div class="circle">
        <div class="leftLine"></div>
        <div class="middleLine"></div>
        <div class="rightLine"></div>
    </div>
    
    <div class="text">Nansen</div>
</div>

.circle
{
    width: 240px;
    height: 240px;
    border-radius: 240px;
    border: 4px solid #A8ACB1;
    position: relative;
    float: left;
}
.leftLine, .middleLine, .rightLine
{
    height: 70px;
    width: 13px;
    background-color: #A8ACB1;
    position: absolute;
}
.leftLine
{
    left: 75px;
    top: 124px;
}
.middleLine
{
    height: 163px;
    left: 114px;
    top: 38px;
    -moz-transform: rotate(-29deg);
    -webkit-transform: rotate(-29deg);
    -ms-transform: rotate(-29deg); 
    transform: rotate(-29deg);
}
.rightLine
{
    right: 75px;
    top: 45px;
}

.text
{
    font-family: Arial, Helvetica;
    color: #e88335;
    font-size: 44px;
    font-weight: normal;
    float: left;
    margin-top: 149px;
    margin-left: 45px;
}