Icon

<div class="t1 flex flex-center"> <div class="t1 flex w-32 h-32 flex-center rounded-full bg-c-brand-50"> <svg class="t1 w-12 h-12 fill-brand-500" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 5.002A5.005 5.005 0 0110 0c2.761 0 5 2.229 5 5.002v1.996A5.005 5.005 0 0110 12c-2.761 0-5-2.229-5-5.002V5.002zM0 16.676A19.908 19.908 0 0110 14c3.643 0 7.058.974 10 2.676V20H0v-3.324z"/></svg> </div> </div>

<div class="t1 flex flex-center"> <div class="t1 flex w-40 h-40 flex-center rounded-full bg-c-brand-50"> <svg class="t1 w-16 h-16 fill-brand-500" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 5.002A5.005 5.005 0 0110 0c2.761 0 5 2.229 5 5.002v1.996A5.005 5.005 0 0110 12c-2.761 0-5-2.229-5-5.002V5.002zM0 16.676A19.908 19.908 0 0110 14c3.643 0 7.058.974 10 2.676V20H0v-3.324z"/></svg> </div> </div>

<div class="t1 flex flex-center"> <div class="t1 flex w-64 h-64 flex-center rounded-full bg-c-brand-50"> <svg class="t1 w-24 h-24 fill-brand-500" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 5.002A5.005 5.005 0 0110 0c2.761 0 5 2.229 5 5.002v1.996A5.005 5.005 0 0110 12c-2.761 0-5-2.229-5-5.002V5.002zM0 16.676A19.908 19.908 0 0110 14c3.643 0 7.058.974 10 2.676V20H0v-3.324z"/></svg> </div> </div>

<div class="t1 flex flex-center"> <div class="t1 flex w-96 h-96 flex-center rounded-full bg-c-brand-50"> <svg class="t1 w-36 h-36 fill-brand-500" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 5.002A5.005 5.005 0 0110 0c2.761 0 5 2.229 5 5.002v1.996A5.005 5.005 0 0110 12c-2.761 0-5-2.229-5-5.002V5.002zM0 16.676A19.908 19.908 0 0110 14c3.643 0 7.058.974 10 2.676V20H0v-3.324z"/></svg> </div> </div>

<div class="t1 flex flex-center"> <div class="t1 flex w-32 h-32 flex-center rounded-full bg-c-brand-500"> <svg class="t1 w-12 h-12 fill-white" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 5.002A5.005 5.005 0 0110 0c2.761 0 5 2.229 5 5.002v1.996A5.005 5.005 0 0110 12c-2.761 0-5-2.229-5-5.002V5.002zM0 16.676A19.908 19.908 0 0110 14c3.643 0 7.058.974 10 2.676V20H0v-3.324z"/></svg> </div> </div>

<div class="t1 flex flex-center"> <div class="t1 flex w-40 h-40 flex-center rounded-full bg-c-brand-500"> <svg class="t1 w-16 h-16 fill-white" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 5.002A5.005 5.005 0 0110 0c2.761 0 5 2.229 5 5.002v1.996A5.005 5.005 0 0110 12c-2.761 0-5-2.229-5-5.002V5.002zM0 16.676A19.908 19.908 0 0110 14c3.643 0 7.058.974 10 2.676V20H0v-3.324z"/></svg> </div> </div>

<div class="t1 flex flex-center"> <div class="t1 flex w-64 h-64 flex-center rounded-full bg-c-brand-500"> <svg class="t1 w-24 h-24 fill-white" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 5.002A5.005 5.005 0 0110 0c2.761 0 5 2.229 5 5.002v1.996A5.005 5.005 0 0110 12c-2.761 0-5-2.229-5-5.002V5.002zM0 16.676A19.908 19.908 0 0110 14c3.643 0 7.058.974 10 2.676V20H0v-3.324z"/></svg> </div> </div>

<div class="t1 flex flex-center"> <div class="t1 flex w-96 h-96 flex-center rounded-full bg-c-brand-500"> <svg class="t1 w-36 h-36 fill-white" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 5.002A5.005 5.005 0 0110 0c2.761 0 5 2.229 5 5.002v1.996A5.005 5.005 0 0110 12c-2.761 0-5-2.229-5-5.002V5.002zM0 16.676A19.908 19.908 0 0110 14c3.643 0 7.058.974 10 2.676V20H0v-3.324z"/></svg> </div> </div>