하운드투스

<div class="wrap"><svg viewBox="0 0 32 32" preserveAspectRatio="xMidYMid slice" width="100%" height="100%">
  <defs>
    <pattern id="ht" width="8" height="8" patternUnits="userSpaceOnUse">
      <rect width="8" height="8" fill="#f4efe0"/>
      <g fill="#17171d">
        <polygon points="4,4 4,2 6,4 8,4 12,8 10,8 8,6 8,8 6,8 8,10 8,12 4,8 4,6 2,4"/>
        <polygon points="4,4 4,2 6,4 8,4 12,8 10,8 8,6 8,8 6,8 8,10 8,12 4,8 4,6 2,4" transform="translate(-8,0)"/>
        <polygon points="4,4 4,2 6,4 8,4 12,8 10,8 8,6 8,8 6,8 8,10 8,12 4,8 4,6 2,4" transform="translate(0,-8)"/>
        <polygon points="4,4 4,2 6,4 8,4 12,8 10,8 8,6 8,8 6,8 8,10 8,12 4,8 4,6 2,4" transform="translate(-8,-8)"/>
      </g>
      <animateTransform attributeName="patternTransform" type="translate" from="0 0" to="-8 -8" dur="8s" repeatCount="indefinite"/>
    </pattern>
  </defs>
  <rect width="100%" height="100%" fill="url(#ht)"/>
</svg></div><span class="tag">houndstooth</span>

.wrap{position:absolute;inset:0;overflow:hidden}
.tag{position:absolute;left:10px;bottom:8px;padding:3px 9px;border-radius:999px;background:rgba(23,23,29,.82);
  color:#f4efe0;font:600 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}