"M" Stamp Icon

index.html

<div class="wrapper">
  <div id="circ">
    <p>DESIGN IT • MAKE IT HOME • PLAN IT  • DESIGN IT • BUILD IT •
  </div>
  <div class="M">M</div>
</div>

m-stamp-icon.markdown

"M" Stamp Icon

Inspired by: https://dribbble.com/shots/3067410--M-Stamp-Icon

A Pen by Conner on CodePen.

License.

script.js

const barberText = new CircleType(document.getElementById('circ'));

barberText.radius(2);

scripts

<script src="https://cdn.rawgit.com/peterhry/CircleType/master/dist/circletype.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lettering.js/0.7.0/jquery.lettering.min.js"></script>

style.css

body {
  background: #24282B
}

.wrapper {
  display: flex;
  justify-content: center;
  margin-top: 30vh;
}

.M {
  font-size: 40vmin;
  color: #ac6b4d;
  font-family: 'Chonburi', cursive;
}

#circ {
  font-size: 3vmin;
  color: #bebbbc;
  font-family: 'Cousine', monospace;
  position: relative;
  margin-top: -10vmin;
  left: 1vmin;
}