Social Media

<div class="p-a500">
    <div class="g">
        <div class="g--4 m-b500 br br-a150">
            <div class="p-a300 ta--c t--upper t--cb t--sans">icon facebook</div>
            <img src="/images/global/icons/social-media/icon-facebook.svg" style="max-height: 200px; margin: 0 auto; display: block" />
            <div class="p-a300 t--sans"><a href="https://patterns.boston.gov/images/global/icons/social-media/icon-facebook.svg">File URL</a></div>
        </div>
        <div class="g--4 m-b500 br br-a150">
            <div class="p-a300 ta--c t--upper t--cb t--sans">icon flickr</div>
            <img src="/images/global/icons/social-media/icon-flickr.svg" style="max-height: 200px; margin: 0 auto; display: block" />
            <div class="p-a300 t--sans"><a href="https://patterns.boston.gov/images/global/icons/social-media/icon-flickr.svg">File URL</a></div>
        </div>
        <div class="g--4 m-b500 br br-a150">
            <div class="p-a300 ta--c t--upper t--cb t--sans">icon instagram</div>
            <img src="/images/global/icons/social-media/icon-instagram.svg" style="max-height: 200px; margin: 0 auto; display: block" />
            <div class="p-a300 t--sans"><a href="https://patterns.boston.gov/images/global/icons/social-media/icon-instagram.svg">File URL</a></div>
        </div>
        <div class="g--4 m-b500 br br-a150">
            <div class="p-a300 ta--c t--upper t--cb t--sans">icon linkedin</div>
            <img src="/images/global/icons/social-media/icon-linkedin.svg" style="max-height: 200px; margin: 0 auto; display: block" />
            <div class="p-a300 t--sans"><a href="https://patterns.boston.gov/images/global/icons/social-media/icon-linkedin.svg">File URL</a></div>
        </div>
        <div class="g--4 m-b500 br br-a150">
            <div class="p-a300 ta--c t--upper t--cb t--sans">icon tumblr</div>
            <img src="/images/global/icons/social-media/icon-tumblr.svg" style="max-height: 200px; margin: 0 auto; display: block" />
            <div class="p-a300 t--sans"><a href="https://patterns.boston.gov/images/global/icons/social-media/icon-tumblr.svg">File URL</a></div>
        </div>
        <div class="g--4 m-b500 br br-a150">
            <div class="p-a300 ta--c t--upper t--cb t--sans">icon twitter</div>
            <img src="/images/global/icons/social-media/icon-twitter.svg" style="max-height: 200px; margin: 0 auto; display: block" />
            <div class="p-a300 t--sans"><a href="https://patterns.boston.gov/images/global/icons/social-media/icon-twitter.svg">File URL</a></div>
        </div>
        <div class="g--4 m-b500 br br-a150">
            <div class="p-a300 ta--c t--upper t--cb t--sans">icon youtube</div>
            <img src="/images/global/icons/social-media/icon-youtube.svg" style="max-height: 200px; margin: 0 auto; display: block" />
            <div class="p-a300 t--sans"><a href="https://patterns.boston.gov/images/global/icons/social-media/icon-youtube.svg">File URL</a></div>
        </div>
    </div>
</div>