ETR Component Library

Icon Social: Linkedin 

<div class="icon-bg flex justify-center items-center rounded-full bg-gray-dark w-12 h-12">
    <?xml version="1.0" encoding="UTF-8"?>
    <svg class="fill-current" version="1.1" viewBox="0 0 24 23" xmlns="http://www.w3.org/2000/svg">
<title>linkedin-logo</title>
<path d="m24 14.097v8.8982h-5.1422v-8.3012c0-2.0871-0.74531-3.5066-2.6062-3.5066-1.4203 0-2.2688 0.95892-2.6391 1.8849-0.13594 0.33374-0.16875 0.7944-0.16875 1.2598v8.6679h-5.1516s0.070312-14.059 0-15.517h5.1469v2.1999c-0.009375 0.014102-0.023438 0.032904-0.032812 0.051707h0.032812v-0.051707c0.68438-1.0576 1.9031-2.5618 4.6359-2.5618 3.3891-0.0047006 5.925 2.2093 5.925 6.9757zm-21.089-14.097c-1.7578 0-2.9109 1.1563-2.9109 2.6793 0 1.4901 1.1203 2.684 2.8453 2.684h0.032812c1.7953 0 2.9109-1.194 2.9109-2.684-0.032812-1.523-1.1156-2.6793-2.8781-2.6793zm-2.6062 22.995h5.1422v-15.517h-5.1422v15.517z"  fill-rule="nonzero"/>
</svg>

</div>
 
<div class="icon-bg flex justify-center items-center rounded-full bg-gray-dark w-12 h-12">
  {{render '@linkedin'}}
</div>
 
/* No context defined for this component. */
  • Content: 
    .icon-bg {
  @apply flex;
  svg {
    fill: white;
    max-width: 1.5rem;
    max-height: 1.5rem;
    height: 2rem;
    width: auto;
  }
}
  • URL: /components/raw/icon-social/icon-social.scss
  • Filesystem Path: components/01-base-components/icon/01-icon-social/icon-social.scss
  • Size: 139 Bytes

There are no notes for this item.