Icon only buttons

<div class="t1 flex flex-col @/+mt-8"> <button class="t1 u1.btn u1.icon-btn-xs u1.btn-action"> <svg class="t1 u1.btn-icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> <button class="t1 u1.btn u1.icon-btn-s u1.btn-action"> <svg class="t1 u1.btn-icon-s" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> <button class="t1 u1.btn u1.icon-btn-m u1.btn-action"> <svg class="t1 u1.btn-icon-m" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> <button class="t1 u1.btn u1.icon-btn-l u1.btn-action"> <svg class="t1 u1.btn-icon-l" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> <button class="t1 u1.btn u1.icon-btn-xl u1.btn-action"> <svg class="t1 u1.btn-icon-xl" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> </div>

<div class="t1 flex flex-col @/+mt-8"> <button class="t1 u1.btn u1.icon-btn-xs u1.btn-action flex w-full"> <svg class="t1 u1.btn-icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> <button class="t1 u1.btn u1.icon-btn-s u1.btn-action flex w-full"> <svg class="t1 u1.btn-icon-s" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> <button class="t1 u1.btn u1.icon-btn-m u1.btn-action flex w-full"> <svg class="t1 u1.btn-icon-m" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> <button class="t1 u1.btn u1.icon-btn-l u1.btn-action flex w-full"> <svg class="t1 u1.btn-icon-l" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> <button class="t1 u1.btn u1.icon-btn-xl u1.btn-action flex w-full"> <svg class="t1 u1.btn-icon-xl" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> </div>

Button group

<div class="t1 flex"> <button class="t1 u1.btn u1.icon-btn-s u1.btn-action rounded-r-0"> <svg class="t1 u1.btn-icon-m" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> <button class="t1 u1.btn u1.icon-btn-s u1.btn-action rounded-l-0"> <svg class="t1 u1.btn-icon-m" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> </div>

<div class="t1 flex"> <button class="t1 u1.btn u1.icon-btn-s u1.btn-action rounded-r-0"> <svg class="t1 u1.btn-icon-m" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> <button class="t1 u1.btn u1.icon-btn-s u1.btn-action rounded-0"> <svg class="t1 u1.btn-icon-m" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> <button class="t1 u1.btn u1.icon-btn-s u1.btn-action rounded-l-0"> <svg class="t1 u1.btn-icon-m" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> </div>

<div class="t1 flex mt-8"> <button class="t1 u1.btn u1.icon-btn-s u1.btn-action rounded-r-0"> <svg class="t1 u1.btn-icon-m" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> <button class="t1 u1.btn u1.icon-btn-s u1.btn-action-2 rounded-0 -ml-1"> <svg class="t1 u1.btn-icon-m" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> <button class="t1 u1.btn u1.icon-btn-s u1.btn-action-2 rounded-l-0 -ml-1"> <svg class="t1 u1.btn-icon-m" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/></svg> </button> </div>