Social Media

Use these short tags to add social media links to your website. Group should be the name of your department or group, and is used to label the icon for assistive technology users and distinguish it from Western's social media accounts. The icon will be generated automatically based on the URL. To use social icons, place the following script in your HTML:

Component Library

Include the following script to use the social icon component on your non-Drupal website or application.

<script src="https://ashlar.blob.core.windows.net/ashlar-theme-files/js/social-media-icons.js"></script>

Component Markup

<wwu-social group="Western" url="https://www.facebook.com/westernwashingtonuniversity"></wwu-social>
<wwu-social group="Western" url="https://www.flickr.com/photos/wwu"></wwu-social>
<wwu-social group="Western" url="https://www.instagram.com/westernwashingtonuniversity/"></wwu-social>
<wwu-social group="Western" url="https://www.linkedin.com/school/western-washington-university/"></wwu-social>
<wwu-social group="Western" url="https://www.pinterest.com/mywestern/"></wwu-social>
<wwu-social group="Western" url="https://www.snapchat.com/add/"></wwu-social>
<wwu-social group="Western" url="https://www.threads.net/@westernwashingtonuniversity"></wwu-social>
<wwu-social group="Western" url="https://www.twitter.com/WWU"></wwu-social>
<wwu-social group="Western" url="https://www.tiktok.com/@westernwauniversity"></wwu-social>
<wwu-social group="Western" url="https://vimeo.com/user30954810"></wwu-social>
<wwu-social group="Western" url="https://www.youtube.com/wwu"></wwu-social>

Alternate Sizes

<wwu-social size="small" group="Western" url="https://www.facebook.com/westernwashingtonuniversity"></wwu-social>
<wwu-social size="medium" group="Western" url="https://www.facebook.com/westernwashingtonuniversity"></wwu-social>
<wwu-social size="large" group="Western" url="https://www.facebook.com/westernwashingtonuniversity"></wwu-social>