Logo

by Harm Zeinstra

HTML

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" width="50%" height="50%" xml:space="preserve">
    <defs>
        <style>
          @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&family=Montserrat:ital@1&display=swap');

          .nullix-shadow-left-down-out {
            -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
            filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
          }
          .brand {
            font-family: 'Josefin Sans', sans-serif;
          }
          .sub-brand {
            font-family: 'Montserrat', sans-serif;
            font-style: italic;
          }
        </style>
    </defs>

  <g>
    <g>
      <path class="nullix-shadow-left-down-out" fill="#202731" d="M485.291,129.408l-224-128c-3.285-1.877-7.296-1.877-10.581,0l-224,128c-3.328,1.899-5.376,5.44-5.376,9.259v234.667    c0,3.819,2.048,7.36,5.376,9.259l224,128c1.643,0.939,3.456,1.408,5.291,1.408s3.648-0.469,5.291-1.408l224-128    c3.328-1.899,5.376-5.44,5.376-9.259V138.667C490.667,134.848,488.619,131.307,485.291,129.408z"/>
      <g>
        <text text-anchor="middle" x="256" y="256" class="nullix-shadow-left-down-out brand" font-size="128" fill="#fefefe">Nullix</text>
        <text text-anchor="middle" x="256" y="366" class="nullix-shadow-left-down-out sub-brand" font-size="36" fill="#fefefe">Software development</text>
      </g>
    </g>
  </g>
</svg>