A Pen by Sebastian Geiger.

index.html

<div id="background-logo">
  <div class="M">
    <div class="left"></div>
    <div class="right"></div>
    <div class="base"></div>
  </div>
  <div class="dash"></div>
  <div class="O"></div>
</div>

MO-Logo.markdown

A Pen by Sebastian Geiger

A Pen by Sebastian Geiger on CodePen.

License.

style.css

#background-logo {
  background-color: red;
}

.M {
  float:left;
}
.M .base {
  background-color: #7d7d7d;
  width: 100px;
  height: 50px;
}
.M .right {
  width: 0px;
height: 0px;
border-style: solid;
border-width: 0 0 50px 100px;
border-color: transparent transparent #7d7d7d transparent;
}
.M .left {
  width: 0px;
height: 0px;
border-style: solid;
border-width: 50px 0 0 100px;
border-color: transparent transparent transparent  #7d7d7d;
 float:left;
}

.dash {
  width: 160px;
  height: 10px;
  background-color: #7d7d7d;
  float: left;
  margin-left: 35px;
  margin-top: 50px;
  margin-right: 35px;
}

.O {
  float: left;
  width: 100px;
  height: 100px;
  background-color: #7d7d7d;
  border-radius: 100%;
}