Logo sketch in SVG

index.slim

svg viewBox="-186 -46 374 48" width='374' height='48'
  defs
    clipPath id="lines"
      - for i in (0 .. 10)
        rect x=-300 y=(-47 + i * 5) width=600 height=4

  text.main x=0 y=0 text-anchor='middle' font-family='Days One' font-size='64px' letter-spacing='-3.5px'
    '<tspan clip-path='url(#lines)'>Beam</tspan>works

logo-sketch-in-svg.markdown

Logo sketch in SVG

A Pen by Nick Matantsev on CodePen.

License.

style.less

@fgColor: #2980B9;
@bgColor: #ECF0F1;

body {
  width: 374px;
  padding: 20px 0 0;
  margin: auto;
  background: @bgColor;
}

svg {
  .main {
    fill: @fgColor;
  }
}

styles

<link href="https://fonts.googleapis.com/css?family=Days+One" rel="stylesheet" />