JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<ul class="demo">
  <li>
    <svg width="35" height="35" viewBox="0 0 24 24">
      <path fill="currentColor" d="M12 2c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z"></path>
    </svg>
  </li>
  <li>
    <svg width="35" height="35">
      <path fill="currentColor" d="M12 2c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z"></path>
    </svg>
  </li>
</ul>

SCSS

.demo {
  display: flex;
  width: 400px;
  li {
    flex: 1;
    outline: 1px solid #000000;
    svg {
      width: 200px;
      height: 200px;
    }
  }
}