ETR Component Library

Icon Social: Facebook 

<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 13 24" xmlns="http://www.w3.org/2000/svg">
<title>facebook-logo</title>
<path d="m8.0876 24v-10.93h3.6865l0.54965-4.2794h-4.2362v-2.7247c0-1.2367 0.34549-2.0808 2.1161-2.0808h2.2457v-3.8161c-1.0928-0.11568-2.1911-0.17203-3.29-0.16882-3.2586 0-5.4965 1.9905-5.4965 5.6417v3.1408h-3.663v4.2794h3.6708v10.938h4.4168z"  fill-rule="nonzero"/>
</svg>

</div>
 
<div class="icon-bg flex justify-center items-center rounded-full bg-gray-dark w-12 h-12">
  {{render '@facebook'}}
</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.