ETR Component Library

Icon Social: Twitter 

<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>social-twitter-logo</title>
<path d="m7.4177 18.775c8.8435 0 13.679-7.2059 13.679-13.451 0-0.20588 0-0.41176-0.0099701-0.60784 0.93719-0.66667 1.7547-1.5 2.4028-2.451-0.85743 0.37255-1.7846 0.62745-2.7617 0.7451 0.99701-0.58824 1.7547-1.5098 2.1137-2.6176-0.92722 0.53922-1.9541 0.93137-3.0508 1.1471-0.87737-0.92157-2.1236-1.4902-3.5095-1.4902-2.652 0-4.8056 2.1176-4.8056 4.7255 0 0.37255 0.03988 0.73529 0.12961 1.0784-3.998-0.19608-7.5374-2.0784-9.9103-4.9412-0.40877 0.69608-0.64806 1.5098-0.64806 2.3725 0 1.6373 0.84746 3.0882 2.1436 3.9314-0.78764-0.019608-1.5254-0.23529-2.1735-0.58824v0.058824c0 2.2941 1.655 4.1961 3.8584 4.6373-0.3988 0.10784-0.82752 0.16667-1.2662 0.16667-0.30907 0-0.60818-0.029412-0.90728-0.088235 0.60818 1.8824 2.3829 3.2451 4.4865 3.2843-1.6451 1.2647-3.7188 2.0196-5.9721 2.0196-0.38883 0-0.7677-0.019608-1.1466-0.068628 2.1037 1.3529 4.6361 2.1373 7.348 2.1373"  fill-rule="nonzero"/>
</svg>

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