ETR Component Library

Icon Social: Youtube 

<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 17" xmlns="http://www.w3.org/2000/svg">
<title>youtube-logo</title>
<path d="m12 0s-7.5117 3.9066e-5 -9.3897 0.50003c-1.0082 0.28-1.8388 1.1202-2.1156 2.1602-0.49424 1.9-0.49427 5.8398-0.49427 5.8398s3.8616e-5 3.9596 0.49427 5.8398c0.27677 1.04 1.0876 1.8603 2.1156 2.1402 1.8979 0.51999 9.3897 0.51996 9.3897 0.51996s7.5124-3.91e-5 9.3904-0.50003c1.028-0.28 1.8388-1.1003 2.1156-2.1402 0.49424-1.9 0.49427-5.8398 0.49427-5.8398s0.019731-3.9596-0.49427-5.8595c-0.27677-1.04-1.0876-1.8603-2.1156-2.1402-1.8781-0.51999-9.3904-0.51996-9.3904-0.51996v-2.04e-4zm-2.392 4.8603l6.2471 3.6397-6.2471 3.6397v-7.2793z" fill-rule="nonzero"/>
</svg>

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