ETR Component Library

Icon Social: Tumblr 

<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 15 24" xmlns="http://www.w3.org/2000/svg">
<title>tumblr-logo</title>

<path d="m4.871 0c-0.15612 1.2334-0.43715 2.2482-0.84305 3.06-0.4059 0.79622-0.93676 1.4831-1.6081 2.0608-0.6713 0.56207-1.4831 0.99917-2.4199 1.3115v3.3879h2.6541v8.415c0 1.0929 0.10929 1.9359 0.34349 2.5136 0.21858 0.57764 0.6401 1.1241 1.2334 1.6393 0.59327 0.49961 1.3115 0.90551 2.1545 1.1709 0.84305 0.28103 1.811 0.42152 2.9039 0.42152 0.96796 0 1.8735-0.093661 2.7009-0.29661 0.82747-0.18737 1.7486-0.53081 2.779-1.0148v-3.7781c-1.2022 0.79622-2.4043 1.1865-3.622 1.1865-0.68693 0-1.2958-0.15612-1.8266-0.48398-0.39032-0.2342-0.6713-0.54644-0.81185-0.93676-0.15612-0.4059-0.21858-1.2958-0.21858-2.6853v-6.1512h5.6829v-3.7626h-5.6829v-6.0576h-3.4191-4.913e-5z" fill-rule="nonzero"/>

</svg>

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