<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 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>instagram-logo</title>
<defs>
<polygon id="a" points="0 0.0075714 23.992 0.0075714 23.992 23.997 0 23.997"/>
</defs>
<path d="m11.996 0.0075714c-3.258 0-3.6665 0.01381-4.946 0.07219-1.2769 0.058238-2.1489 0.26105-2.912 0.55762-0.78886 0.30652-1.4579 0.71671-2.1248 1.3836-0.6669 0.66695-1.0771 1.336-1.3836 2.1248-0.29657 0.76305-0.49938 1.6351-0.55762 2.912-0.058381 1.2795-0.07219 1.688-0.07219 4.946 0 3.258 0.01381 3.6665 0.07219 4.946 0.058238 1.2769 0.26105 2.1489 0.55762 2.912 0.30652 0.78886 0.71671 1.4579 1.3836 2.1248 0.66695 0.6669 1.336 1.0771 2.1248 1.3837 0.76305 0.29652 1.6351 0.49933 2.912 0.55757 1.2795 0.058381 1.688 0.07219 4.946 0.07219 3.258 0 3.6665-0.01381 4.946-0.07219 1.2769-0.058238 2.1489-0.26105 2.912-0.55757 0.78886-0.30657 1.4579-0.71676 2.1248-1.3837 0.6669-0.66695 1.0771-1.336 1.3837-2.1248 0.29652-0.76305 0.49933-1.6351 0.55757-2.912 0.058381-1.2795 0.07219-1.688 0.07219-4.946 0-3.258-0.01381-3.6665-0.07219-4.946-0.058238-1.2769-0.26105-2.1489-0.55757-2.912-0.30657-0.78886-0.71676-1.4579-1.3837-2.1248-0.66695-0.6669-1.336-1.0771-2.1248-1.3836-0.76305-0.29657-1.6351-0.49938-2.912-0.55762-1.2795-0.058381-1.688-0.07219-4.946-0.07219zm0 2.1615c3.2031 0 3.5825 0.012238 4.8475 0.069952 1.1696 0.053333 1.8048 0.24876 2.2275 0.41305 0.55995 0.21762 0.95957 0.47757 1.3793 0.89738 0.41981 0.41976 0.67976 0.81938 0.89738 1.3793 0.16429 0.42271 0.35971 1.0579 0.41305 2.2275 0.057714 1.265 0.069952 1.6444 0.069952 4.8475 0 3.2031-0.012238 3.5825-0.069952 4.8475-0.053333 1.1696-0.24876 1.8048-0.41305 2.2275-0.21762 0.55995-0.47757 0.95957-0.89738 1.3793-0.41976 0.41981-0.81938 0.67976-1.3793 0.89738-0.42271 0.16429-1.0579 0.35971-2.2275 0.41305-1.2648 0.057714-1.6441 0.069952-4.8475 0.069952-3.2034 0-3.5827-0.012238-4.8475-0.069952-1.1696-0.053333-1.8048-0.24876-2.2275-0.41305-0.55995-0.21762-0.95957-0.47757-1.3793-0.89738-0.41976-0.41976-0.67976-0.81938-0.89738-1.3793-0.16429-0.42271-0.35971-1.0579-0.41305-2.2275-0.057714-1.265-0.069952-1.6444-0.069952-4.8475 0-3.2031 0.012238-3.5826 0.069952-4.8475 0.053333-1.1696 0.24876-1.8048 0.41305-2.2275 0.21762-0.55995 0.47757-0.95957 0.89738-1.3793 0.41976-0.41981 0.81938-0.67976 1.3793-0.89738 0.42271-0.16429 1.0579-0.35971 2.2275-0.41305 1.265-0.057714 1.6444-0.069952 4.8475-0.069952z"  mask="url(#b)"/>
<path d="m12 15.968c-2.1916 0-3.9682-1.7766-3.9682-3.9682 0-2.1916 1.7766-3.9682 3.9682-3.9682 2.1916 0 3.9682 1.7766 3.9682 3.9682 0 2.1916-1.7766 3.9682-3.9682 3.9682zm0-10.081c-3.3763 0-6.1132 2.737-6.1132 6.1132 0 3.3762 2.737 6.1132 6.1132 6.1132 3.3762 0 6.1132-2.737 6.1132-6.1132 0-3.3763-2.737-6.1132-6.1132-6.1132z" />
<path d="m19.925 5.6604c0 0.87533-0.7096 1.5849-1.5849 1.5849-0.87527 0-1.5849-0.70955-1.5849-1.5849s0.7096-1.5849 1.5849-1.5849c0.87533 0 1.5849 0.7096 1.5849 1.5849"/>
</svg>

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