Pattern Library - Icons

Notes:

Items like <i class="sfdc-icon icon-delight"></i> are for Squarespace code blocks (markup):
Items like content: '\e81c'; are for Squarespace Custom CSS.:

Values

        <i class="sfdc-icon icon-delight"></i>
        content: '\e800';
    
        <i class="sfdc-icon icon-drive"></i>
        
        <i class="sfdc-icon icon-empathy"></i>
        content: '\e802';
    
        <i class="sfdc-icon icon-engagement"></i>
        content: '\e803';
    
        <i class="sfdc-icon icon-faith"></i>
        content: '\e804';
    
        <i class="sfdc-icon icon-harmony"></i>
        content: '\e805';
    
        <i class="sfdc-icon icon-insight"></i>
        content: '\e806';
    
        <i class="sfdc-icon icon-integrity"></i>
        content: '\e807';
    
        <i class="sfdc-icon icon-power"></i>
        content: '\e808';
    
Actions

        <i class="sfdc-icon icon-challenge"></i>
        content: '\e809';
    
        <i class="sfdc-icon icon-combine"></i>
        content: '\e80a';
    
        <i class="sfdc-icon icon-connect"></i>
        content: '\e80b';
    
        <i class="sfdc-icon icon-create"></i>
        content: '\e80c';
    
        <i class="sfdc-icon icon-explore"></i>
        content: '\e80d';
    
        <i class="sfdc-icon icon-express"></i>
        content: '\e80e';
    
        <i class="sfdc-icon icon-learn"></i>
        content: '\e80f';
    
        <i class="sfdc-icon icon-protect"></i>
        content: '\e810';
    
        <i class="sfdc-icon icon-reflect"></i>
        content: '\e811';
    
        <i class="sfdc-icon icon-transcend"></i>
        content: '\e812';
    
        <i class="sfdc-icon icon-transfer"></i>
        content: '\e813';
    
        <i class="sfdc-icon icon-transform"></i>
        content: '\e814';
    
        <i class="sfdc-icon icon-transfuse"></i>
        content: '\e815';
    
        <i class="sfdc-icon icon-transition"></i>
        content: '\e816';
    
        <i class="sfdc-icon icon-transport"></i>
        content: '\e817';
    
        <i class="sfdc-icon icon-understand"></i>
        content: '\e818';
    
Artifacts

        <i class="sfdc-icon icon-document"></i>
        content: '\e819';
    
        <i class="sfdc-icon icon-energy"></i>
        content: '\e81a';
    
        <i class="sfdc-icon icon-evidence"></i>
        content: '\e81b';
    
        <i class="sfdc-icon icon-findings"></i>
        content: '\e81c';
    
        <i class="sfdc-icon icon-idea"></i>
        content: '\e81d';
    
        <i class="sfdc-icon icon-in-progress"></i>
        content: '\e81e';
    
        <i class="sfdc-icon icon-method"></i>
        content: '\e81f';
    
        <i class="sfdc-icon icon-path"></i>
        content: '\e820';
    
        <i class="sfdc-icon icon-problem"></i>
        content: '\e821';
    
        <i class="sfdc-icon icon-project"></i>
        content: '\e822';
    
        <i class="sfdc-icon icon-question"></i>
        content: '\e823';
    
        <i class="sfdc-icon icon-research"></i>
        content: '\e824';
    
        <i class="sfdc-icon icon-truth"></i>
        content: '\e825';
    
Disciplines

        <i class="sfdc-icon icon-content"></i>
        content: '\e826';
    
        <i class="sfdc-icon icon-creative"></i>
        content: '\e827';
    
        <i class="sfdc-icon icon-experience-design"></i>
        content: '\e828';
    
        <i class="sfdc-icon icon-marketing"></i>
        content: '\e829';
    
        <i class="sfdc-icon icon-sales"></i>
        content: '\e82a';
    
        <i class="sfdc-icon icon-strategy"></i>
        content: '\e82b';
    
        <i class="sfdc-icon icon-technology"></i>
        content: '\e82c';
    
        <i class="sfdc-icon icon-user-experience"></i>
        content: '\e82d';
    
Miscellaneous

        <i class="sfdc-icon icon-anger"></i>
        content: '\e82e';
    
        <i class="sfdc-icon icon-best"></i>
        content: '\e82f';
    
        <i class="sfdc-icon icon-booze"></i>
        content: '\e830';
    
        <i class="sfdc-icon icon-friends"></i>
        content: '\e831';
    
        <i class="sfdc-icon icon-happiness"></i>
        content: '\e832';
    
        <i class="sfdc-icon icon-love"></i>
        content: '\e833';
    
        <i class="sfdc-icon icon-prescious"></i>
        content: '\e834';
    
        <i class="sfdc-icon icon-sadness"></i>
        content: '\e835';
    
        <i class="sfdc-icon icon-team"></i>
        content: '\e836';
    
        <i class="sfdc-icon icon-worst"></i>
        content: '\e837';
    
From Font Awesome

        <i class="sfdc-icon icon-flash"></i>
        content: '\e838';
    
        <i class="sfdc-icon icon-road"></i>
        content: '\e839';
    
        <i class="sfdc-icon icon-cog"></i>
        content: '\e83a';
    
        <i class="sfdc-icon icon-heart"></i>
        content: '\e83b';
    
        <i class="sfdc-icon icon-heart-empty"></i>
        content: '\e83c';
    
        <i class="sfdc-icon icon-retweet"></i>
        content: '\e83d';>
    
        <i class="sfdc-icon icon-emo-unhappy"></i>
        content: '\e83e';
    
        <i class="sfdc-icon icon-check-empty"></i>
        content: '\f096';
    
        <i class="sfdc-icon icon-twitter"></i>
        content: '\f099';
    
        <i class="sfdc-icon icon-facebook"></i>
        content: '\f09a';
    
        <i class="sfdc-icon icon-magic"></i>
        content: '\f0d0';
    
        <i class="sfdc-icon icon-pinterest-circled"></i>
        content: '\f0d2';
    
        <i class="sfdc-icon icon-pinterest-squared"></i>
        content: '\f0d3';
    
        <i class="sfdc-icon icon-linkedin"></i>
        content: '\f0e1';
    
        <i class="sfdc-icon icon-angle-left"></i>
        content: '\f104';
    
        <i class="sfdc-icon icon-angle-right"></i>
        content: '\f105';
    
        <i class="sfdc-icon icon-angle-up"></i>
        content: '\f106';
    
        <i class="sfdc-icon icon-angle-down"></i>
        content: '\f107';
    
        <i class="sfdc-icon icon-smile"></i>
        content: '\f118';
    
        <i class="sfdc-icon icon-bullseye"></i>
        content: '\f140';
    
        <i class="sfdc-icon icon-instagram"></i>
        content: '\f16d';
    
        <i class="sfdc-icon icon-dot-circled"></i>
        content: '\f192';
    
        <i class="sfdc-icon icon-share"></i>
        content: '\f1e0';
    
        <i class="sfdc-icon icon-share-squared"></i>
        content: '\f1e1';
    
        <i class="sfdc-icon icon-connectdevelop"></i>
        content: '\f20e';
    
        <i class="sfdc-icon icon-motorcycle"></i>
        content: '\f21c';
    
        <i class="sfdc-icon icon-genderless"></i>
        content: '\f22d';
    
        <i class="sfdc-icon icon-facebook-official"></i>
        content: '\f230';
    
        <i class="sfdc-icon icon-pinterest"></i>
        content: '\f231';
    
        <i class="sfdc-icon icon-snapchat"></i>
        content: '\f2ab';
    
        <i class="sfdc-icon icon-snapchat-ghost"></i>
        content: '\f2ac';
    
        <i class="sfdc-icon icon-snapchat-square"></i>
        content: '\f2ad';
    
        <i class="sfdc-icon icon-envelope-open"></i>
        content: '\f2b6';
    
        <i class="sfdc-icon icon-envelope-open-o"></i>
        content: '\f2b7';
    
        <i class="sfdc-icon icon-linode"></i>
        content: '\f2b8';
    
        <i class="sfdc-icon icon-superpowers"></i>
        content: '\f2dd';
    
        <i class="sfdc-icon icon-twitter-squared"></i>
        content: '\f304';
    
        <i class="sfdc-icon icon-facebook-squared"></i>
        content: '\f308';
    
        <i class="sfdc-icon icon-linkedin-squared"></i>
        content: '\f30c';

Sizes

    
    <i class="sfdc-icon icon-delight icon-1x"></i>
  
    <i class="sfdc-icon icon-delight icon-2x"></i>
  
    <i class="sfdc-icon icon-delight icon-3x"></i>
  
    <i class="sfdc-icon icon-delight icon-4x"></i>
  
    <i class="sfdc-icon icon-delight icon-5x"></i>

Colors

    
    <i class="sfdc-icon icon-delight icon-color-grey-dark"></i>
  
    <i class="sfdc-icon icon-delight icon-color-grey"></i>
  
    <i class="sfdc-icon icon-delight icon-color-grey-light"></i>
  
    <i class="sfdc-icon icon-delight icon-color-reverse"></i>