ETR Component Library

Icon Social: Medium 

<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 19" xmlns="http://www.w3.org/2000/svg">
<title>medium-logo</title>
<path d="m2.8459 3.7661c0.029818-0.28546-0.082531-0.56761-0.30252-0.75973l-2.2409-2.6157v-0.39072h6.958l5.3782 11.429 4.7283-11.429h6.6331v0.39072l-1.916 1.7799c-0.16518 0.122-0.24711 0.32251-0.21289 0.52096v13.078c-0.034229 0.19845 0.047708 0.39896 0.21289 0.52096l1.8711 1.7799v0.39072h-9.4118v-0.39072l1.9384-1.8234c0.19048-0.18451 0.19048-0.23877 0.19048-0.52096v-10.571l-5.3894 13.263h-0.72829l-6.2745-13.263v8.8889c-0.052315 0.37371 0.075782 0.74996 0.34734 1.0202l2.521 2.963v0.39072h-7.1485v-0.39072l2.521-2.963c0.26958-0.2707 0.39021-0.64944 0.32493-1.0202v-10.278z"  fill-rule="nonzero"/>
</g>
</svg>

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