Sprites

Sprites provide a standardized set of brand icons that can be easily inserted in the page. The sprites are highly optimized and will render consistently compared to inserting images onto a page.

Examples and Code

Select exampleSocial Media Icons (Default)Social Media Icons (Sizes)Social Media Icons (Color)Social Media Icons (Shape)Social Media Icons (Combo)Icons (Finance)Icons (Food and Drink)Icons (Gestures and Actions)Icons (Initiatives and Awards)Icons (Music and Arts)Icons (Nature)Icons (Objects)Icons (Objects)Icons (Space)Icons (Sports)Icons (Technology)Icons (Transportation)

Open Full Example

<a class="social-icon-v2-facebook" href="http://uoregon.edu">Facebook</a>
<a class="social-icon-v2-twitter" href="http://uoregon.edu">Twitter</a>
<a class="social-icon-v2-instagram" href="http://uoregon.edu">Instagram</a>
<a class="social-icon-v2-youtube" href="http://uoregon.edu">Youtube</a>
<a class="social-icon-v2-linkedin" href="http://uoregon.edu">Linkedin</a>
<a class="social-icon-v2-tiktok" href="http://uoregon.edu">Tiktok</a>
<a class="social-icon-v2-pinterest" href="http://uoregon.edu">Pinterest</a>
<a class="social-icon-v2-vimeo" href="http://uoregon.edu">Vimeo</a>
<a class="social-icon-v2-rss" href="http://uoregon.edu">RSS</a>

Open Full Example

<a class="social-icon-v2-facebook-xs" href="http://uoregon.edu">Facebook</a>
<a class="social-icon-v2-facebook-sm" href="http://uoregon.edu">Facebook</a>
<a class="social-icon-v2-facebook-md" href="http://uoregon.edu">Facebook</a>
<a class="social-icon-v2-facebook-lg" href="http://uoregon.edu">Facebook</a>
<a class="social-icon-v2-facebook-xl" href="http://uoregon.edu">Facebook</a>

Open Full Example

<a class="social-icon-v2-facebook" href="http://uoregon.edu">Facebook</a>
<a class="social-icon-v2-facebook-green" href="http://uoregon.edu">Facebook</a>
<a class="social-icon-v2-facebook-yellow" href="http://uoregon.edu">Facebook</a>
<a class="social-icon-v2-facebook-bw" href="http://uoregon.edu">Facebook</a>

Open Full Example

<a class="social-icon-v2-facebook" href="http://uoregon.edu">Facebook</a>
<a class="social-icon-v2-facebook-square" href="http://uoregon.edu">Facebook</a>
<a class="social-icon-v2-facebook-circle" href="http://uoregon.edu">Facebook</a>

Open Full Example

<a class="social-icon-v2-facebook" href="http://uoregon.edu">Facebook</a>
<a class="social-icon-v2-facebook-xl-green-square" href="http://uoregon.edu">Facebook</a>
<a class="social-icon-v2-facebook-xl-green" href="http://uoregon.edu">Facebook</a>
<a class="social-icon-v2-rss-sm-yellow" href="http://uoregon.edu">RSS</a>
<a class="social-icon-v2-rss-sm-yellow-circle" href="http://uoregon.edu">RSS</a>

Open Full Example

<h2>
    XS Black
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--piggy-bank-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dollar-xs-black">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--bank-xs-black">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--coin-xs-black">Icon</span>
</p>
<h2>
    XS Green
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--piggy-bank-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dollar-xs-green">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--bank-xs-green">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--coin-xs-green">Icon</span>
</p>
<h2>
    XS Yellow
</h2>
<p style="background-color: #000;">
    <span aria-hidden="true" class="uowdf-icon--piggy-bank-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dollar-xs-yellow">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--bank-xs-yellow">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--coin-xs-yellow">Icon</span>
</p>
<h2>
    XS White
</h2>
<p style="background-color: #000;">
    <span aria-hidden="true" class="uowdf-icon--piggy-bank-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dollar-xs-white">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--bank-xs-white">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--coin-xs-white">Icon</span>
</p>
<hr />
<h2>
    Small Black
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--piggy-bank-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dollar-small-black">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--bank-small-black">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--coin-small-black">Icon</span>
</p>
<h2>
    Small Green
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--piggy-bank-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dollar-small-green">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--bank-small-green">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--coin-small-green">Icon</span>
</p>
<h2>
    Small Yellow
</h2>
<p style="background-color: #000;">
    <span aria-hidden="true" class="uowdf-icon--piggy-bank-small-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dollar-small-yellow">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--bank-small-yellow">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--coin-small-yellow">Icon</span>
</p>
<h2>
    Small White
</h2>
<p style="background-color: #000;">
    <span aria-hidden="true" class="uowdf-icon--piggy-bank-small-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dollar-small-white">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--bank-small-white">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--coin-small-white">Icon</span>
</p>
<hr />
<h2>
    Medium Black
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--piggy-bank-med-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dollar-med-black">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--bank-med-black">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--coin-med-black">Icon</span>
</p>
<h2>
    Medium Green
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--piggy-bank-med-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dollar-med-green">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--bank-med-green">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--coin-med-green">Icon</span>
</p>
<h2>
    Medium Yellow
</h2>
<p style="background-color: #000;">
    <span aria-hidden="true" class="uowdf-icon--piggy-bank-med-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dollar-med-yellow">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--bank-med-yellow">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--coin-med-yellow">Icon</span>
</p>
<h2>
    Medium White
</h2>
<p style="background-color: #000;">
    <span aria-hidden="true" class="uowdf-icon--piggy-bank-med-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dollar-med-white">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--bank-med-white">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--coin-med-white">Icon</span>
</p>
<hr />
<h2>
    Large Black
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--piggy-bank-large-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dollar-large-black">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--bank-large-black">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--coin-large-black">Icon</span>
</p>
<h2>
    Large Green
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--piggy-bank-large-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dollar-large-green">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--bank-large-green">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--coin-large-green">Icon</span>
</p>
<h2>
    Large Yellow
</h2>
<p style="background-color: #000;">
    <span aria-hidden="true" class="uowdf-icon--piggy-bank-large-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dollar-large-yellow">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--bank-large-yellow">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--coin-large-yellow">Icon</span>
</p>
<h2>
    Large White
</h2>
<p style="background-color: #000;">
    <span aria-hidden="true" class="uowdf-icon--piggy-bank-large-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dollar-large-white">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--bank-large-white">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--coin-large-white">Icon</span>
</p>

Open Full Example

<h2>
    XS Black
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--sushi-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wrap-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--banana-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--food-bowl-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--hamburger-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--muffin-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--coffee-xs-black">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--sandwich-xs-black">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--pizza-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--water-bottle-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--apple-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wine-glass-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--carrot-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--warm-drink-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--garlic-xs-black">Icon</span>
</p>
<h2>
    XS Green
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--sushi-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wrap-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--banana-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--food-bowl-xs-green">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--hamburger-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--muffin-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--coffee-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--sandwich-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--pizza-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--water-bottle-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--apple-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wine-glass-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--carrot-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--warm-drink-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--garlic-xs-green">Icon</span>
</p>
<h2>
    XS Yellow
</h2>
<p style="background-color:#000;">
    <span aria-hidden="true" class="uowdf-icon--sushi-xs-yellow">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--wrap-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--banana-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--food-bowl-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--hamburger-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--muffin-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--coffee-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--sandwich-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--pizza-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--water-bottle-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--apple-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wine-glass-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--carrot-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--warm-drink-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--garlic-xs-yellow">Icon</span>
</p>
<h2>
    XS White
</h2>
<p style="background-color:#000;">
    <span aria-hidden="true" class="uowdf-icon--sushi-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wrap-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--banana-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--food-bowl-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--hamburger-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--muffin-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--coffee-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--sandwich-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--pizza-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--water-bottle-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--apple-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wine-glass-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--carrot-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--warm-drink-xs-white">Icon</span>
        <span aria-hidden="true" class="uowdf-icon--garlic-xs-white">Icon</span>
</p>
<hr />
<h2>
    Small Black
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--sushi-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wrap-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--banana-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--food-bowl-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--hamburger-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--muffin-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--coffee-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--sandwich-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--pizza-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--water-bottle-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--apple-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wine-glass-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--carrot-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--warm-drink-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--garlic-small-black">Icon</span>
</p>
<h2>
    Small Green
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--sushi-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wrap-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--banana-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--food-bowl-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--hamburger-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--muffin-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--coffee-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--sandwich-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--pizza-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--water-bottle-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--apple-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wine-glass-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--carrot-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--warm-drink-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--garlic-small-green">Icon</span>
</p>
<h2>
    Small Yellow
</h2>
<p style="background-color:#000;">
    <span aria-hidden="true" class="uowdf-icon--sushi-small-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wrap-small-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--banana-small-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--food-bowl-small-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--hamburger-small-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--muffin-small-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--coffee-small-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--sandwich-small-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--pizza-small-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--water-bottle-small-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--apple-small-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wine-glass-small-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--carrot-small-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--warm-drink-small-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--garlic-small-yellow">Icon</span>
</p>
<h2>
    Small White
</h2>
<p style="background-color:#000;">
    <span aria-hidden="true" class="uowdf-icon--sushi-small-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wrap-small-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--banana-small-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--food-bowl-small-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--hamburger-small-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--muffin-small-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--coffee-small-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--sandwich-small-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--pizza-small-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--water-bottle-small-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--apple-small-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wine-glass-small-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--carrot-small-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--warm-drink-small-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--garlic-small-white">Icon</span>
</p>
<hr />
<h2>
    Medium Black
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--sushi-med-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wrap-med-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--banana-med-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--food-bowl-med-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--hamburger-med-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--muffin-med-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--coffee-med-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--sandwich-med-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--pizza-med-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--water-bottle-med-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--apple-med-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wine-glass-med-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--carrot-med-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--warm-drink-med-black">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--garlic-med-black">Icon</span>
</p>
<h2>
    Medium Green
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--sushi-med-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wrap-med-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--banana-med-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--food-bowl-med-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--hamburger-med-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--muffin-med-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--coffee-med-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--sandwich-med-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--pizza-med-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--water-bottle-med-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--apple-med-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wine-glass-med-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--carrot-med-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--warm-drink-med-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--garlic-med-green">Icon</span>
</p>
<h2>
    Medium Yellow
</h2>
<p style="background-color:#000;">
    <span aria-hidden="true" class="uowdf-icon--sushi-med-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wrap-med-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--banana-med-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--food-bowl-med-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--hamburger-med-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--muffin-med-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--coffee-med-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--sandwich-med-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--pizza-med-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--water-bottle-med-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--apple-med-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wine-glass-med-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--carrot-med-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--warm-drink-med-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--garlic-med-yellow">Icon</span>
</p>
<h2>
    Medium White
</h2>
<p style="background-color:#000;">
    <span aria-hidden="true" class="uowdf-icon--sushi-med-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wrap-med-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--banana-med-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--food-bowl-med-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--hamburger-med-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--muffin-med-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--coffee-med-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--sandwich-med-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--pizza-med-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--water-bottle-med-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--apple-med-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wine-glass-med-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--carrot-med-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--warm-drink-med-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--garlic-med-white">Icon</span>
</p>
<hr />
<h2>
    Large Black
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--sushi-large-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wrap-large-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--banana-large-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--food-bowl-large-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--hamburger-large-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--muffin-large-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--coffee-large-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--sandwich-large-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--pizza-large-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--water-bottle-large-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--apple-large-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wine-glass-large-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--carrot-large-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--warm-drink-large-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--garlic-large-black">Icon</span>
</p>
<h2>
    Large Green
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--sushi-large-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wrap-large-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--banana-large-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--food-bowl-large-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--hamburger-large-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--muffin-large-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--coffee-large-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--sandwich-large-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--pizza-large-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--water-bottle-large-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--apple-large-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wine-glass-large-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--carrot-large-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--warm-drink-large-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--garlic-large-green">Icon</span>
</p>
<h2>
    Large Yellow
</h2>
<p style="background-color:#000;">
    <span aria-hidden="true" class="uowdf-icon--sushi-large-yellow">Icon</span> <span aria-hidden="true" class="uowdf-icon--wrap-large-yellow">Icon</span> <span aria-hidden="true" class="uowdf-icon--banana-large-yellow">Icon</span> <span aria-hidden="true" class="uowdf-icon--food-bowl-large-yellow">Icon</span> <span aria-hidden="true" class="uowdf-icon--hamburger-large-yellow">Icon</span> <span aria-hidden="true" class="uowdf-icon--muffin-large-yellow">Icon</span> <span aria-hidden="true" class="uowdf-icon--coffee-large-yellow">Icon</span> <span aria-hidden="true" class="uowdf-icon--sandwich-large-yellow">Icon</span> <span aria-hidden="true" class="uowdf-icon--pizza-large-yellow">Icon</span> <span aria-hidden="true" class="uowdf-icon--water-bottle-large-yellow">Icon</span> <span aria-hidden="true" class="uowdf-icon--apple-large-yellow">Icon</span> <span aria-hidden="true" class="uowdf-icon--wine-glass-large-yellow">Icon</span> <span aria-hidden="true" class="uowdf-icon--carrot-large-yellow">Icon</span> <span aria-hidden="true" class="uowdf-icon--warm-drink-large-yellow">Icon</span> <span aria-hidden="true" class="uowdf-icon--garlic-large-yellow">Icon</span>
</p>
<h2>
    Large White
</h2>
<p style="background-color:#000;">
    <span aria-hidden="true" class="uowdf-icon--sushi-large-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wrap-large-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--banana-large-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--food-bowl-large-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--hamburger-large-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--muffin-large-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--coffee-large-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--sandwich-large-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--pizza-large-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--water-bottle-large-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--apple-large-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--wine-glass-large-white">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--carrot-large-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--warm-drink-large-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--garlic-large-white">Icon</span>
</p>

Open Full Example

<h2>
    XS Black
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--handshake-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--raised-hand-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--speech-bubbles-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--checkmark-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--cheer-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--award-winner-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--person-xs-black">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--holding-hands-xs-black">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--choices-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--washing-hands-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--stop-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--steps-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--accessible-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--running-01-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--question-mark-xs-black">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--friendship-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--group-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--help-desk-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-01-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-02-xs-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-03-xs-black">Icon</span>
</p>
<h2>
    XS Green
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--handshake-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--raised-hand-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--speech-bubbles-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--checkmark-xs-green">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--cheer-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--award-winner-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--person-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--holding-hands-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--choices-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--washing-hands-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--stop-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--steps-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--accessible-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--running-01-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--question-mark-xs-green">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--friendship-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--group-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--help-desk-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-01-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-02-xs-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-03-xs-green">Icon</span>
</p>
<h2>
    XS Yellow
</h2>
<p style="background-color:#000;">
    <span aria-hidden="true" class="uowdf-icon--handshake-xs-yellow">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--raised-hand-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--speech-bubbles-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--checkmark-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--cheer-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--award-winner-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--person-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--holding-hands-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--choices-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--washing-hands-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--stop-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--steps-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--accessible-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--running-01-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--question-mark-xs-yellow">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--friendship-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--group-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--help-desk-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-01-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-02-xs-yellow">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-03-xs-yellow">Icon</span>
</p>
<h2>
    XS White
</h2>
<p style="background-color:#000;">
    <span aria-hidden="true" class="uowdf-icon--handshake-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--raised-hand-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--speech-bubbles-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--checkmark-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--cheer-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--award-winner-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--person-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--holding-hands-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--choices-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--washing-hands-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--stop-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--steps-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--accessible-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--running-01-xs-white">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--question-mark-xs-white">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--friendship-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--group-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--help-desk-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-01-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-02-xs-white">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-03-xs-white">Icon</span>
</p>
<hr />
<h2>
    Small Black
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--handshake-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--raised-hand-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--speech-bubbles-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--checkmark-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--cheer-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--award-winner-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--person-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--holding-hands-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--choices-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--washing-hands-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--stop-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--steps-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--accessible-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--running-01-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--question-mark-small-black">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--friendship-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--group-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--help-desk-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-01-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-02-small-black">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-03-small-black">Icon</span>
</p>
<h2>
    Small Green
</h2>
<p>
    <span aria-hidden="true" class="uowdf-icon--handshake-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--raised-hand-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--speech-bubbles-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--checkmark-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--cheer-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--award-winner-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--person-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--holding-hands-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--choices-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--washing-hands-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--stop-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--steps-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--accessible-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--running-01-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--question-mark-small-green">Icon</span>
    <span aria-hidden="true" class="uowdf-icon--friendship-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--group-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--help-desk-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-01-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-02-small-green">Icon</span> 
    <span aria-hidden="true" class="uowdf-icon--dance-03-small-green">Icon</span>
</p>
<h2>
Small Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—handshake-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—raised-hand-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—speech-bubbles-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—checkmark-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cheer-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-winner-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—holding-hands-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—choices-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—washing-hands-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stop-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—steps-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—accessible-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-01-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—question-mark-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—friendship-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—group-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—help-desk-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-01-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-02-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-03-small-yellow”>Icon</span>
</p>
<h2>
Small White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—handshake-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—raised-hand-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—speech-bubbles-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—checkmark-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cheer-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-winner-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—holding-hands-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—choices-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—washing-hands-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stop-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—steps-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—accessible-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-01-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—question-mark-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—friendship-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—group-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—help-desk-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-01-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-02-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-03-small-white”>Icon</span>
</p>
<hr />
<h2>
Medium Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—handshake-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—raised-hand-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—speech-bubbles-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—checkmark-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cheer-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-winner-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—holding-hands-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—choices-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—washing-hands-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stop-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—steps-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—accessible-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-01-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—question-mark-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—friendship-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—group-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—help-desk-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-01-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-02-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-03-med-black”>Icon</span>
</p>
<h2>
Medium Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—handshake-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—raised-hand-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—speech-bubbles-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—checkmark-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cheer-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-winner-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—holding-hands-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—choices-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—washing-hands-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stop-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—steps-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—accessible-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-01-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—question-mark-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—friendship-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—group-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—help-desk-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-01-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-02-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-03-med-green”>Icon</span>
</p>
<h2>
Medium Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—handshake-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—raised-hand-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—speech-bubbles-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—checkmark-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cheer-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-winner-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—holding-hands-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—choices-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—washing-hands-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stop-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—steps-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—accessible-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-01-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—question-mark-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—friendship-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—group-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—help-desk-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-01-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-02-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-03-med-yellow”>Icon</span>
</p>
<h2>
Medium White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—handshake-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—raised-hand-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—speech-bubbles-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—checkmark-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cheer-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-winner-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—holding-hands-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—choices-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—washing-hands-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stop-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—steps-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—accessible-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-01-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—question-mark-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—friendship-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—group-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—help-desk-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-01-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-02-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-03-med-white”>Icon</span>
</p>
<hr />
<h2>
Large Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—handshake-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—raised-hand-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—speech-bubbles-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—checkmark-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cheer-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-winner-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—holding-hands-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—choices-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—washing-hands-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stop-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—steps-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—accessible-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-01-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—question-mark-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—friendship-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—group-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—help-desk-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-01-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-02-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-03-large-black”>Icon</span>
</p>
<h2>
Large Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—handshake-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—raised-hand-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—speech-bubbles-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—checkmark-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cheer-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-winner-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—holding-hands-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—choices-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—washing-hands-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stop-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—steps-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—accessible-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-01-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—question-mark-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—friendship-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—group-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—help-desk-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-01-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-02-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-03-large-green”>Icon</span>
</p>
<h2>
Large Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—handshake-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—raised-hand-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—speech-bubbles-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—checkmark-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cheer-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-winner-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—holding-hands-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—choices-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—washing-hands-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stop-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—steps-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—accessible-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-01-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—question-mark-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—friendship-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—group-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—help-desk-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-01-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-02-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-03-large-yellow”>Icon</span>
</p>
<h2>
Large White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—handshake-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—raised-hand-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—speech-bubbles-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—checkmark-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cheer-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-winner-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—holding-hands-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—choices-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—washing-hands-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stop-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—steps-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—accessible-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-01-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—question-mark-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—friendship-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—group-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—help-desk-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-01-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-02-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dance-03-large-white”>Icon</span>
</p>

Open Full Example

<h2>
XS Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—rainbow-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pulitzer-prize-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nobel-prize-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—recycle-xs-black”>Icon</span>
</p>
<h2>
XS Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—rainbow-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pulitzer-prize-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nobel-prize-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—recycle-xs-green”>Icon</span>
</p>
<h2>
XS Yellow
</h2>
<p style=“background-color: #000;”>
<span aria-hidden=“true” class=“uowdf-icon—rainbow-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pulitzer-prize-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nobel-prize-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—recycle-xs-yellow”>Icon</span>
</p>
<h2>
XS White
</h2>
<p style=“background-color: #000;”>
<span aria-hidden=“true” class=“uowdf-icon—rainbow-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pulitzer-prize-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nobel-prize-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—recycle-xs-white”>Icon</span>
</p>
<hr />
<h2>
Small Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—rainbow-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pulitzer-prize-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nobel-prize-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—recycle-small-black”>Icon</span>
</p>
<h2>
Small Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—rainbow-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pulitzer-prize-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nobel-prize-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—recycle-small-green”>Icon</span>
</p>
<h2>
Small Yellow
</h2>
<p style=“background-color: #000;”>
<span aria-hidden=“true” class=“uowdf-icon—rainbow-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pulitzer-prize-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nobel-prize-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—recycle-small-yellow”>Icon</span>
</p>
<h2>
Small White
</h2>
<p style=“background-color: #000;”>
<span aria-hidden=“true” class=“uowdf-icon—rainbow-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pulitzer-prize-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nobel-prize-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—recycle-small-white”>Icon</span>
</p>
<hr />
<h2>
Medium Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—rainbow-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pulitzer-prize-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nobel-prize-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—recycle-med-black”>Icon</span>
</p>
<h2>
Medium Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—rainbow-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pulitzer-prize-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nobel-prize-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—recycle-med-green”>Icon</span>
</p>
<h2>
Medium Yellow
</h2>
<p style=“background-color: #000;”>
<span aria-hidden=“true” class=“uowdf-icon—rainbow-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pulitzer-prize-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nobel-prize-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—recycle-med-yellow”>Icon</span>
</p>
<h2>
Medium White
</h2>
<p style=“background-color: #000;”>
<span aria-hidden=“true” class=“uowdf-icon—rainbow-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pulitzer-prize-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nobel-prize-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—recycle-med-white”>Icon</span>
</p>
<hr />
<h2>
Large Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—rainbow-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pulitzer-prize-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nobel-prize-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—recycle-large-black”>Icon</span>
</p>
<h2>
Large Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—rainbow-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pulitzer-prize-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nobel-prize-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—recycle-large-green”>Icon</span>
</p>
<h2>
Large Yellow
</h2>
<p style=“background-color: #000;”>
<span aria-hidden=“true” class=“uowdf-icon—rainbow-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pulitzer-prize-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nobel-prize-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—recycle-large-yellow”>Icon</span>
</p>
<h2>
Large White
</h2>
<p style=“background-color: #000;”>
<span aria-hidden=“true” class=“uowdf-icon—rainbow-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pulitzer-prize-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nobel-prize-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—recycle-large-white”>Icon</span>
</p>

Open Full Example

<h2>
XS Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—music-notes-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microphone-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drums-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—violin-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—art-supplies-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-wave-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mondrian-painting-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—guitar-xs-black”>Icon</span>
</p>
<h2>
XS Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—music-notes-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microphone-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drums-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—violin-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—art-supplies-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-wave-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mondrian-painting-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—guitar-xs-green”>Icon</span>
</p>
<h2>
XS Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—music-notes-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microphone-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drums-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—violin-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—art-supplies-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-wave-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mondrian-painting-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—guitar-xs-yellow”>Icon</span>
</p>
<h2>
XS White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—music-notes-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microphone-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drums-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—violin-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—art-supplies-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-wave-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mondrian-painting-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—guitar-xs-white”>Icon</span>
</p>
<hr />
<h2>
Small Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—music-notes-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microphone-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drums-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—violin-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—art-supplies-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-wave-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mondrian-painting-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—guitar-small-black”>Icon</span>
</p>
<h2>
Small Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—music-notes-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microphone-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drums-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—violin-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—art-supplies-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-wave-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mondrian-painting-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—guitar-small-green”>Icon</span>

</p>
<h2>
Small Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—music-notes-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microphone-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drums-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—violin-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—art-supplies-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-wave-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mondrian-painting-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—guitar-small-yellow”>Icon</span>
</p>
<h2>
Small White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—music-notes-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microphone-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drums-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—violin-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—art-supplies-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-wave-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mondrian-painting-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—guitar-small-white”>Icon</span>
</p>
<hr />
<h2>
Medium Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—music-notes-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microphone-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drums-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—violin-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—art-supplies-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-wave-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mondrian-painting-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—guitar-med-black”>Icon</span>
</p>
<h2>
Medium Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—music-notes-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microphone-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drums-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—violin-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—art-supplies-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-wave-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mondrian-painting-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—guitar-med-green”>Icon</span>
</p>
<h2>
Medium Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—music-notes-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microphone-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drums-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—violin-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—art-supplies-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-wave-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mondrian-painting-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—guitar-med-yellow”>Icon</span>
</p>
<h2>
Medium White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—music-notes-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microphone-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drums-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—violin-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—art-supplies-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-wave-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mondrian-painting-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—guitar-med-white”>Icon</span>
</p>
<hr />
<h2>
Large Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—music-notes-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microphone-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drums-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—violin-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—art-supplies-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-wave-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mondrian-painting-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—guitar-large-black”>Icon</span>
</p>
<h2>
Large Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—music-notes-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microphone-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drums-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—violin-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—art-supplies-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-wave-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mondrian-painting-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—guitar-large-green”>Icon</span>
</p>
<h2>
Large Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—music-notes-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microphone-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drums-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—violin-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—art-supplies-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-wave-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mondrian-painting-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—guitar-large-yellow”>Icon</span>
</p>
<h2>
Large White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—music-notes-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microphone-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drums-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—violin-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—art-supplies-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-wave-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mondrian-painting-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—guitar-large-white”>Icon</span>
</p>

Open Full Example

 <h2>
XS Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—leaf-01-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volcano-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mountains-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—koi-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—zebrafish-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mthood-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swallow-tailed-kite-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-01-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-02-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—goldfish-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sand-dollar-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-01-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-02-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—waterfall-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—leaf-02-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sun-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crab-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bull-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sprout-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-01-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-02-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-03-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bee-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-cloud-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-droplet-xs-black”>Icon</span>
</p>
<h2>
XS Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—leaf-01-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volcano-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mountains-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—koi-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—zebrafish-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mthood-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swallow-tailed-kite-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-01-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-02-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—goldfish-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sand-dollar-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-01-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-02-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—waterfall-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—leaf-02-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sun-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crab-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bull-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sprout-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-01-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-02-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-03-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bee-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-cloud-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-droplet-xs-green”>Icon</span>
</p>
<h2>
XS Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—leaf-01-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volcano-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mountains-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—koi-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—zebrafish-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mthood-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swallow-tailed-kite-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-01-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-02-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—goldfish-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sand-dollar-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-01-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-02-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—waterfall-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—leaf-02-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sun-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crab-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bull-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sprout-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-01-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-02-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-03-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bee-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-cloud-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-droplet-xs-yellow”>Icon</span>
</p>
<h2>
XS White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—leaf-01-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volcano-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mountains-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—koi-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—zebrafish-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mthood-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swallow-tailed-kite-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-01-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-02-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—goldfish-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sand-dollar-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-01-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-02-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—waterfall-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—leaf-02-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sun-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crab-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bull-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sprout-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-01-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-02-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-03-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bee-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-cloud-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-droplet-xs-white”>Icon</span>
</p>
<hr />
<h2>
Small Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—leaf-01-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volcano-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mountains-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—koi-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—zebrafish-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mthood-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swallow-tailed-kite-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-01-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-02-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—goldfish-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sand-dollar-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-01-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-02-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—waterfall-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—leaf-02-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sun-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crab-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bull-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sprout-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-01-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-02-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-03-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bee-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-cloud-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-droplet-small-black”>Icon</span>
</p>
<h2>
Small Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—leaf-01-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volcano-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mountains-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—koi-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—zebrafish-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mthood-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swallow-tailed-kite-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-01-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-02-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—goldfish-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sand-dollar-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-01-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-02-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—waterfall-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—leaf-02-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sun-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crab-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bull-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sprout-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-01-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-02-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-03-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bee-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-cloud-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-droplet-small-green”>Icon</span>

</p>
<h2>
Small Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—leaf-01-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volcano-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mountains-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—koi-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—zebrafish-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mthood-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swallow-tailed-kite-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-01-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-02-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—goldfish-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sand-dollar-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-01-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-02-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—waterfall-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—leaf-02-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sun-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crab-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bull-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sprout-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-01-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-02-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-03-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bee-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-cloud-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-droplet-small-yellow”>Icon</span>
</p>
<h2>
Small White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—leaf-01-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volcano-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mountains-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—koi-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—zebrafish-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mthood-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swallow-tailed-kite-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-01-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-02-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—goldfish-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sand-dollar-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-01-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-02-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—waterfall-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—leaf-02-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sun-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crab-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bull-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sprout-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-01-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-02-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-03-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bee-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-cloud-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-droplet-small-white”>Icon</span>
</p>
<hr />
<h2>
Medium Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—leaf-01-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volcano-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mountains-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—koi-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—zebrafish-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mthood-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swallow-tailed-kite-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-01-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-02-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—goldfish-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sand-dollar-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-01-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-02-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—waterfall-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—leaf-02-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sun-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crab-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bull-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sprout-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-01-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-02-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-03-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bee-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-cloud-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-droplet-med-black”>Icon</span>
</p>
<h2>
Medium Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—leaf-01-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volcano-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mountains-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—koi-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—zebrafish-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mthood-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swallow-tailed-kite-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-01-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-02-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—goldfish-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sand-dollar-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-01-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-02-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—waterfall-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—leaf-02-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sun-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crab-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bull-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sprout-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-01-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-02-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-03-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bee-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-cloud-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-droplet-med-green”>Icon</span>
</p>
<h2>
Medium Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—leaf-01-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volcano-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mountains-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—koi-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—zebrafish-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mthood-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swallow-tailed-kite-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-01-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-02-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—goldfish-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sand-dollar-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-01-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-02-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—waterfall-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—leaf-02-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sun-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crab-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bull-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sprout-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-01-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-02-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-03-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bee-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-cloud-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-droplet-med-yellow”>Icon</span>
</p>
<h2>
Medium White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—leaf-01-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volcano-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mountains-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—koi-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—zebrafish-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mthood-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swallow-tailed-kite-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-01-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-02-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—goldfish-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sand-dollar-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-01-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-02-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—waterfall-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—leaf-02-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sun-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crab-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bull-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sprout-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-01-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-02-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-03-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bee-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-cloud-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-droplet-med-white”>Icon</span>
</p>
<hr />
<h2>
Large Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—leaf-01-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volcano-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mountains-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—koi-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—zebrafish-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mthood-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swallow-tailed-kite-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-01-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-02-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—goldfish-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sand-dollar-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-01-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-02-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—waterfall-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—leaf-02-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sun-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crab-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bull-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sprout-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-01-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-02-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-03-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bee-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-cloud-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-droplet-large-black”>Icon</span>
</p>
<h2>
Large Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—leaf-01-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volcano-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mountains-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—koi-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—zebrafish-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mthood-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swallow-tailed-kite-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-01-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-02-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—goldfish-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sand-dollar-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-01-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-02-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—waterfall-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—leaf-02-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sun-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crab-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bull-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sprout-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-01-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-02-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-03-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bee-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-cloud-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-droplet-large-green”>Icon</span>
</p>
<h2>
Large Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—leaf-01-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volcano-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mountains-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—koi-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—zebrafish-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mthood-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swallow-tailed-kite-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-01-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-02-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—goldfish-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sand-dollar-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-01-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-02-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—waterfall-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—leaf-02-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sun-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crab-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bull-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sprout-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-01-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-02-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-03-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bee-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-cloud-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-droplet-large-yellow”>Icon</span>
</p>
<h2>
Large White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—leaf-01-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volcano-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mountains-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—koi-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—zebrafish-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—mthood-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swallow-tailed-kite-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-01-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trees-02-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—goldfish-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sand-dollar-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-01-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cloud-02-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—waterfall-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—leaf-02-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sun-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crab-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bull-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sprout-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-01-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-02-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—snowflake-03-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bee-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-cloud-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rain-droplet-large-white”>Icon</span>
</p>

Open Full Example

<h2>
XS Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—camera-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trophy-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—badge-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sandals-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—maori-statue-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—carabiner-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—megaphone-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calendar-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-01-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hardhat-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—windmill-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—books-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—open-door-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-02-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clipboard-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-airplane-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laser-cutter-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—traffic-cone-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-badge-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clock-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—printing-press-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-01-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—alarm-clock-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scissors-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-pen-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—resources-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—box-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hat-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-card-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gears-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—chairs-table-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gaming-controller-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—couch-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—present-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scale-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bandaid-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bed-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—grad-cap-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-02-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lightbulb-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—podcast-mic-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sticker-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—backpack-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—briefcase-xs-black”>Icon</span>
</p>
<h2>
XS Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—camera-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trophy-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—badge-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sandals-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—maori-statue-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—carabiner-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—megaphone-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calendar-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-01-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hardhat-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—windmill-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—books-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—open-door-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-02-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clipboard-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-airplane-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laser-cutter-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—traffic-cone-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-badge-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clock-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—printing-press-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-01-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—alarm-clock-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scissors-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-pen-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—resources-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—box-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hat-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-card-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gears-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—chairs-table-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gaming-controller-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—couch-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—present-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scale-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bandaid-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bed-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—grad-cap-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-02-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lightbulb-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—podcast-mic-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sticker-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—backpack-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—briefcase-xs-green”>Icon</span>
</p>
<h2>
XS Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—camera-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trophy-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—badge-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sandals-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—maori-statue-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—carabiner-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—megaphone-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calendar-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-01-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hardhat-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—windmill-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—books-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—open-door-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-02-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clipboard-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-airplane-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laser-cutter-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—traffic-cone-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-badge-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clock-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—printing-press-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-01-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—alarm-clock-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scissors-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-pen-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—resources-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—box-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hat-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-card-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gears-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—chairs-table-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gaming-controller-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—couch-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—present-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scale-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bandaid-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bed-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—grad-cap-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-02-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lightbulb-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—podcast-mic-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sticker-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—backpack-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—briefcase-xs-yellow”>Icon</span>
</p>
<h2>
XS White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—camera-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trophy-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—badge-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sandals-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—maori-statue-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—carabiner-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—megaphone-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calendar-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-01-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hardhat-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—windmill-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—books-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—open-door-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-02-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clipboard-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-airplane-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laser-cutter-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—traffic-cone-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-badge-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clock-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—printing-press-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-01-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—alarm-clock-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scissors-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-pen-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—resources-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—box-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hat-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-card-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gears-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—chairs-table-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gaming-controller-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—couch-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—present-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scale-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bandaid-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bed-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—grad-cap-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-02-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lightbulb-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—podcast-mic-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sticker-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—backpack-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—briefcase-xs-white”>Icon</span>
</p>
<hr />
<h2>
Small Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—camera-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trophy-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—badge-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sandals-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—maori-statue-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—carabiner-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—megaphone-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calendar-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-01-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hardhat-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—windmill-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—books-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—open-door-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-02-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clipboard-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-airplane-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laser-cutter-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—traffic-cone-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-badge-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clock-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—printing-press-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-01-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—alarm-clock-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scissors-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-pen-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—resources-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—box-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hat-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-card-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gears-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—chairs-table-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gaming-controller-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—couch-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—present-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scale-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bandaid-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bed-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—grad-cap-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-02-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lightbulb-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—podcast-mic-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sticker-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—backpack-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—briefcase-small-black”>Icon</span>
</p>
<h2>
Small Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—camera-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trophy-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—badge-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sandals-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—maori-statue-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—carabiner-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—megaphone-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calendar-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-01-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hardhat-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—windmill-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—books-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—open-door-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-02-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clipboard-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-airplane-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laser-cutter-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—traffic-cone-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-badge-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clock-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—printing-press-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-01-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—alarm-clock-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scissors-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-pen-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—resources-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—box-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hat-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-card-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gears-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—chairs-table-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gaming-controller-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—couch-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—present-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scale-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bandaid-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bed-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—grad-cap-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-02-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lightbulb-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—podcast-mic-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sticker-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—backpack-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—briefcase-small-green”>Icon</span>
</p>
<h2>
Small Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—camera-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trophy-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—badge-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sandals-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—maori-statue-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—carabiner-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—megaphone-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calendar-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-01-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hardhat-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—windmill-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—books-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—open-door-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-02-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clipboard-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-airplane-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laser-cutter-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—traffic-cone-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-badge-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clock-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—printing-press-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-01-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—alarm-clock-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scissors-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-pen-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—resources-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—box-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hat-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-card-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gears-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—chairs-table-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gaming-controller-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—couch-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—present-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scale-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bandaid-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bed-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—grad-cap-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-02-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lightbulb-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—podcast-mic-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sticker-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—backpack-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—briefcase-small-yellow”>Icon</span>
</p>
<h2>
Small White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—camera-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trophy-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—badge-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sandals-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—maori-statue-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—carabiner-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—megaphone-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calendar-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-01-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hardhat-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—windmill-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—books-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—open-door-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-02-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clipboard-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-airplane-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laser-cutter-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—traffic-cone-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-badge-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clock-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—printing-press-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-01-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—alarm-clock-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scissors-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-pen-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—resources-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—box-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hat-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-card-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gears-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—chairs-table-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gaming-controller-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—couch-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—present-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scale-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bandaid-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bed-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—grad-cap-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-02-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lightbulb-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—podcast-mic-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sticker-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—backpack-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—briefcase-small-white”>Icon</span>
</p>
<hr />
<h2>
Medium Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—camera-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trophy-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—badge-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sandals-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—maori-statue-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—carabiner-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—megaphone-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calendar-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-01-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hardhat-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—windmill-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—books-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—open-door-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-02-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clipboard-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-airplane-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laser-cutter-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—traffic-cone-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-badge-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clock-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—printing-press-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-01-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—alarm-clock-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scissors-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-pen-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—resources-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—box-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hat-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-card-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gears-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—chairs-table-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gaming-controller-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—couch-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—present-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scale-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bandaid-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bed-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—grad-cap-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-02-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lightbulb-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—podcast-mic-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sticker-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—backpack-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—briefcase-med-black”>Icon</span>
</p>
<h2>
Medium Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—camera-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trophy-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—badge-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sandals-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—maori-statue-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—carabiner-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—megaphone-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calendar-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-01-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hardhat-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—windmill-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—books-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—open-door-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-02-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clipboard-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-airplane-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laser-cutter-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—traffic-cone-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-badge-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clock-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—printing-press-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-01-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—alarm-clock-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scissors-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-pen-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—resources-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—box-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hat-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-card-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gears-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—chairs-table-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gaming-controller-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—couch-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—present-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scale-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bandaid-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bed-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—grad-cap-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-02-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lightbulb-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—podcast-mic-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sticker-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—backpack-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—briefcase-med-green”>Icon</span>
</p>
<h2>
Medium Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—camera-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trophy-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—badge-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sandals-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—maori-statue-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—carabiner-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—megaphone-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calendar-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-01-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hardhat-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—windmill-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—books-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—open-door-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-02-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clipboard-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-airplane-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laser-cutter-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—traffic-cone-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-badge-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clock-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—printing-press-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-01-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—alarm-clock-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scissors-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-pen-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—resources-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—box-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hat-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-card-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gears-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—chairs-table-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gaming-controller-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—couch-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—present-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scale-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bandaid-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bed-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—grad-cap-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-02-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lightbulb-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—podcast-mic-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sticker-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—backpack-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—briefcase-med-yellow”>Icon</span>
</p>
<h2>
Medium White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—camera-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trophy-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—badge-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sandals-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—maori-statue-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—carabiner-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—megaphone-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calendar-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-01-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hardhat-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—windmill-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—books-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—open-door-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-02-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clipboard-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-airplane-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laser-cutter-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—traffic-cone-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-badge-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clock-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—printing-press-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-01-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—alarm-clock-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scissors-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-pen-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—resources-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—box-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hat-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-card-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gears-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—chairs-table-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gaming-controller-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—couch-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—present-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scale-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bandaid-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bed-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—grad-cap-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-02-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lightbulb-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—podcast-mic-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sticker-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—backpack-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—briefcase-med-white”>Icon</span>
</p>
<hr />
<h2>
Large Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—camera-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trophy-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—badge-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sandals-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—maori-statue-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—carabiner-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—megaphone-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calendar-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-01-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hardhat-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—windmill-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—books-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—open-door-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-02-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clipboard-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-airplane-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laser-cutter-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—traffic-cone-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-badge-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clock-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—printing-press-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-01-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—alarm-clock-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scissors-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-pen-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—resources-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—box-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hat-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-card-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gears-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—chairs-table-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gaming-controller-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—couch-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—present-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scale-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bandaid-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bed-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—grad-cap-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-02-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lightbulb-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—podcast-mic-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sticker-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—backpack-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—briefcase-large-black”>Icon</span>
</p>
<h2>
Large Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—camera-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trophy-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—badge-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sandals-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—maori-statue-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—carabiner-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—megaphone-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calendar-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-01-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hardhat-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—windmill-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—books-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—open-door-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-02-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clipboard-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-airplane-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laser-cutter-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—traffic-cone-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-badge-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clock-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—printing-press-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-01-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—alarm-clock-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scissors-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-pen-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—resources-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—box-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hat-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-card-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gears-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—chairs-table-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gaming-controller-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—couch-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—present-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scale-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bandaid-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bed-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—grad-cap-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-02-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lightbulb-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—podcast-mic-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sticker-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—backpack-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—briefcase-large-green”>Icon</span>
</p>
<h2>
Large Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—camera-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trophy-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—badge-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sandals-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—maori-statue-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—carabiner-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—megaphone-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calendar-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-01-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hardhat-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—windmill-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—books-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—open-door-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-02-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clipboard-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-airplane-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laser-cutter-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—traffic-cone-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-badge-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clock-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—printing-press-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-01-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—alarm-clock-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scissors-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-pen-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—resources-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—box-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hat-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-card-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gears-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—chairs-table-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gaming-controller-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—couch-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—present-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scale-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bandaid-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bed-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—grad-cap-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-02-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lightbulb-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—podcast-mic-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sticker-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—backpack-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—briefcase-large-yellow”>Icon</span>
</p>
<h2>
Large White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—camera-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—trophy-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—badge-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sandals-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—maori-statue-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—carabiner-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—megaphone-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calendar-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-01-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hardhat-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—windmill-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—books-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—open-door-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—newspaper-02-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clipboard-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-airplane-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laser-cutter-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—traffic-cone-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-badge-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—clock-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—printing-press-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-01-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—alarm-clock-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scissors-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—paper-pen-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—award-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—resources-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—box-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hat-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—id-card-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gears-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—chairs-table-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gaming-controller-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—couch-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—present-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scale-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bandaid-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bed-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—grad-cap-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—book-02-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lightbulb-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—podcast-mic-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sticker-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—backpack-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—briefcase-large-white”>Icon</span>
</p>

Open Full Example

<h2>
XS Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—molecules-01-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—balance-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-02-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-network-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—spreadsheet-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microscope-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lungs-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—beaker-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-03-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—contraception-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—telescope-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-01-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dna-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bar-chart-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-01-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-02-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hypodermic-needle-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stethescope-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—brain-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—heart-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pie-chart-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boiling-flask-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-02-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—uo-research-vessel-xs-black”>Icon</span>
</p>
<h2>
XS Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—molecules-01-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—balance-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-02-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-network-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—spreadsheet-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microscope-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lungs-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—beaker-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-03-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—contraception-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—telescope-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-01-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dna-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bar-chart-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-01-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-02-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hypodermic-needle-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stethescope-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—brain-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—heart-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pie-chart-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boiling-flask-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-02-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—uo-research-vessel-xs-green”>Icon</span>
</p>
<h2>
XS Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—molecules-01-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—balance-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-02-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-network-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—spreadsheet-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microscope-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lungs-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—beaker-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-03-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—contraception-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—telescope-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-01-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dna-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bar-chart-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-01-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-02-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hypodermic-needle-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stethescope-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—brain-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—heart-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pie-chart-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boiling-flask-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-02-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—uo-research-vessel-xs-yellow”>Icon</span>
</p>
<h2>
XS White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—molecules-01-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—balance-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-02-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-network-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—spreadsheet-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microscope-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lungs-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—beaker-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-03-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—contraception-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—telescope-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-01-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dna-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bar-chart-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-01-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-02-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hypodermic-needle-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stethescope-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—brain-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—heart-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pie-chart-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boiling-flask-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-02-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—uo-research-vessel-xs-white”>Icon</span>
</p>
<hr />
<h2>
Small Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—molecules-01-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—balance-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-02-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-network-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—spreadsheet-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microscope-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lungs-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—beaker-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-03-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—contraception-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—telescope-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-01-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dna-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bar-chart-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-01-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-02-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hypodermic-needle-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stethescope-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—brain-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—heart-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pie-chart-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boiling-flask-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-02-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—uo-research-vessel-small-black”>Icon</span>
</p>
<h2>
Small Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—molecules-01-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—balance-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-02-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-network-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—spreadsheet-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microscope-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lungs-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—beaker-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-03-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—contraception-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—telescope-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-01-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dna-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bar-chart-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-01-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-02-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hypodermic-needle-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stethescope-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—brain-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—heart-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pie-chart-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boiling-flask-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-02-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—uo-research-vessel-small-green”>Icon</span>

</p>
<h2>
Small Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—molecules-01-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—balance-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-02-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-network-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—spreadsheet-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microscope-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lungs-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—beaker-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-03-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—contraception-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—telescope-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-01-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dna-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bar-chart-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-01-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-02-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hypodermic-needle-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stethescope-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—brain-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—heart-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pie-chart-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boiling-flask-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-02-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—uo-research-vessel-small-yellow”>Icon</span>
</p>
<h2>
Small White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—molecules-01-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—balance-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-02-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-network-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—spreadsheet-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microscope-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lungs-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—beaker-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-03-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—contraception-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—telescope-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-01-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dna-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bar-chart-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-01-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-02-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hypodermic-needle-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stethescope-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—brain-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—heart-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pie-chart-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boiling-flask-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-02-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—uo-research-vessel-small-white”>Icon</span>
</p>
<hr />
<h2>
Medium Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—molecules-01-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—balance-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-02-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-network-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—spreadsheet-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microscope-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lungs-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—beaker-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-03-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—contraception-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—telescope-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-01-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dna-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bar-chart-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-01-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-02-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hypodermic-needle-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stethescope-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—brain-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—heart-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pie-chart-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boiling-flask-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-02-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—uo-research-vessel-med-black”>Icon</span>
</p>
<h2>
Medium Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—molecules-01-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—balance-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-02-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-network-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—spreadsheet-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microscope-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lungs-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—beaker-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-03-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—contraception-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—telescope-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-01-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dna-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bar-chart-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-01-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-02-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hypodermic-needle-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stethescope-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—brain-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—heart-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pie-chart-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boiling-flask-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-02-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—uo-research-vessel-med-green”>Icon</span>
</p>
<h2>
Medium Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—molecules-01-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—balance-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-02-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-network-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—spreadsheet-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microscope-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lungs-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—beaker-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-03-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—contraception-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—telescope-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-01-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dna-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bar-chart-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-01-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-02-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hypodermic-needle-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stethescope-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—brain-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—heart-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pie-chart-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boiling-flask-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-02-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—uo-research-vessel-med-yellow”>Icon</span>
</p>
<h2>
Medium White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—molecules-01-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—balance-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-02-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-network-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—spreadsheet-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microscope-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lungs-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—beaker-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-03-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—contraception-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—telescope-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-01-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dna-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bar-chart-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-01-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-02-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hypodermic-needle-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stethescope-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—brain-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—heart-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pie-chart-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boiling-flask-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-02-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—uo-research-vessel-med-white”>Icon</span>
</p>
<hr />
<h2>
Large Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—molecules-01-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—balance-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-02-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-network-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—spreadsheet-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microscope-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lungs-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—beaker-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-03-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—contraception-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—telescope-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-01-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dna-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bar-chart-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-01-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-02-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hypodermic-needle-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stethescope-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—brain-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—heart-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pie-chart-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boiling-flask-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-02-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—uo-research-vessel-large-black”>Icon</span>
</p>
<h2>
Large Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—molecules-01-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—balance-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-02-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-network-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—spreadsheet-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microscope-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lungs-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—beaker-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-03-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—contraception-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—telescope-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-01-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dna-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bar-chart-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-01-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-02-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hypodermic-needle-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stethescope-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—brain-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—heart-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pie-chart-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boiling-flask-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-02-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—uo-research-vessel-large-green”>Icon</span>
</p>
<h2>
Large Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—molecules-01-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—balance-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-02-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-network-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—spreadsheet-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microscope-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lungs-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—beaker-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-03-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—contraception-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—telescope-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-01-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dna-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bar-chart-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-01-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-02-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hypodermic-needle-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stethescope-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—brain-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—heart-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pie-chart-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boiling-flask-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-02-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—uo-research-vessel-large-yellow”>Icon</span>
</p>
<h2>
Large White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—molecules-01-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—balance-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-02-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-network-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—spreadsheet-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—microscope-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—lungs-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—beaker-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—molecules-03-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—contraception-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—telescope-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—globe-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-01-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—dna-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bar-chart-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-01-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—line-graph-02-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hypodermic-needle-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—stethescope-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—brain-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—heart-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—pie-chart-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boiling-flask-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—analyze-02-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—uo-research-vessel-large-white”>Icon</span>
</p>

Open Full Example

<h2>
XS Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—earth-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—meteor-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crescent-moon-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rocket-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—planets-xs-black”>Icon</span>
</p>
<h2>
XS Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—earth-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—meteor-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crescent-moon-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rocket-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—planets-xs-green”>Icon</span>
</p>
<h2>
XS Yellow
</h2>
<p style=“background-color: #000;”>
<span aria-hidden=“true” class=“uowdf-icon—earth-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—meteor-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crescent-moon-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rocket-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—planets-xs-yellow”>Icon</span>
</p>
<h2>
XS White
</h2>
<p style=“background-color: #000;”>
<span aria-hidden=“true” class=“uowdf-icon—earth-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—meteor-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crescent-moon-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rocket-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—planets-xs-white”>Icon</span>
</p>
<hr />
<h2>
Small Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—earth-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—meteor-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crescent-moon-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rocket-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—planets-small-black”>Icon</span>
</p>
<h2>
Small Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—earth-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—meteor-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crescent-moon-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rocket-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—planets-small-green”>Icon</span>
</p>
<h2>
Small Yellow
</h2>
<p style=“background-color: #000;”>
<span aria-hidden=“true” class=“uowdf-icon—earth-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—meteor-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crescent-moon-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rocket-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—planets-small-yellow”>Icon</span>
</p>
<h2>
Small White
</h2>
<p style=“background-color: #000;”>
<span aria-hidden=“true” class=“uowdf-icon—earth-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—meteor-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crescent-moon-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rocket-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—planets-small-white”>Icon</span>
</p>
<hr />
<h2>
Medium Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—earth-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—meteor-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crescent-moon-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rocket-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—planets-med-black”>Icon</span>
</p>
<h2>
Medium Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—earth-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—meteor-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crescent-moon-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rocket-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—planets-med-green”>Icon</span>
</p>
<h2>
Medium Yellow
</h2>
<p style=“background-color: #000;”>
<span aria-hidden=“true” class=“uowdf-icon—earth-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—meteor-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crescent-moon-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rocket-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—planets-med-yellow”>Icon</span>
</p>
<h2>
Medium White
</h2>
<p style=“background-color: #000;”>
<span aria-hidden=“true” class=“uowdf-icon—earth-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—meteor-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crescent-moon-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rocket-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—planets-med-white”>Icon</span>
</p>
<hr />
<h2>
Large Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—earth-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—meteor-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crescent-moon-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rocket-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—planets-large-black”>Icon</span>
</p>
<h2>
Large Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—earth-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—meteor-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crescent-moon-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rocket-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—planets-large-green”>Icon</span>
</p>
<h2>
Large Yellow
</h2>
<p style=“background-color: #000;”>
<span aria-hidden=“true” class=“uowdf-icon—earth-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—meteor-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crescent-moon-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rocket-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—planets-large-yellow”>Icon</span>
</p>
<h2>
Large White
</h2>
<p style=“background-color: #000;”>
<span aria-hidden=“true” class=“uowdf-icon—earth-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—meteor-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—crescent-moon-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—rocket-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—planets-large-white”>Icon</span>
</p>

Open Full Example

<h2>
XS Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—basketball-court-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-02-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—soccer-ball-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—table-tennis-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swimming-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—basketball-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—football-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volleyball-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nike-pegasus-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boxing-glove-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—golf-ball-tee-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-01-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—kettlebell-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-bat-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—shoe-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-02-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—whistle-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scuba-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—weights-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—karate-belt-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hockey-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tennis-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gritz-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—fabric-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-treadmill-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-riding-stationary-bike-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—treadmill-xs-black”>Icon</span>
</p>
<h2>
XS Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—basketball-court-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-02-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—soccer-ball-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—table-tennis-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swimming-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—basketball-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—football-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volleyball-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nike-pegasus-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boxing-glove-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—golf-ball-tee-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-01-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—kettlebell-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-bat-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—shoe-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-02-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—whistle-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scuba-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—weights-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—karate-belt-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hockey-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tennis-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gritz-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—fabric-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-treadmill-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-riding-stationary-bike-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—treadmill-xs-green”>Icon</span>
</p>
<h2>
XS Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—basketball-court-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-02-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—soccer-ball-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—table-tennis-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swimming-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—basketball-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—football-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volleyball-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nike-pegasus-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boxing-glove-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—golf-ball-tee-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-01-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—kettlebell-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-bat-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—shoe-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-02-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—whistle-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scuba-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—weights-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—karate-belt-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hockey-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tennis-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gritz-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—fabric-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-treadmill-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-riding-stationary-bike-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—treadmill-xs-yellow”>Icon</span>
</p>
<h2>
XS White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—basketball-court-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-02-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—soccer-ball-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—table-tennis-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swimming-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—basketball-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—football-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volleyball-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nike-pegasus-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boxing-glove-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—golf-ball-tee-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-01-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—kettlebell-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-bat-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—shoe-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-02-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—whistle-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scuba-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—weights-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—karate-belt-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hockey-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tennis-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gritz-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—fabric-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-treadmill-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-riding-stationary-bike-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—treadmill-xs-white”>Icon</span>
</p>
<hr />
<h2>
Small Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—basketball-court-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-02-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—soccer-ball-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—table-tennis-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swimming-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—basketball-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—football-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volleyball-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nike-pegasus-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boxing-glove-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—golf-ball-tee-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-01-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—kettlebell-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-bat-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—shoe-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-02-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—whistle-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scuba-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—weights-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—karate-belt-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hockey-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tennis-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gritz-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—fabric-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-treadmill-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-riding-stationary-bike-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—treadmill-small-black”>Icon</span>
</p>
<h2>
Small Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—basketball-court-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-02-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—soccer-ball-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—table-tennis-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swimming-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—basketball-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—football-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volleyball-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nike-pegasus-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boxing-glove-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—golf-ball-tee-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-01-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—kettlebell-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-bat-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—shoe-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-02-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—whistle-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scuba-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—weights-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—karate-belt-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hockey-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tennis-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gritz-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—fabric-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-treadmill-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-riding-stationary-bike-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—treadmill-small-green”>Icon</span>
</p>
<h2>
Small Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—basketball-court-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-02-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—soccer-ball-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—table-tennis-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swimming-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—basketball-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—football-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volleyball-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nike-pegasus-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boxing-glove-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—golf-ball-tee-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-01-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—kettlebell-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-bat-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—shoe-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-02-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—whistle-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scuba-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—weights-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—karate-belt-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hockey-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tennis-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gritz-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—fabric-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-treadmill-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-riding-stationary-bike-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—treadmill-small-yellow”>Icon</span>

</p>
<h2>
Small White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—basketball-court-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-02-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—soccer-ball-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—table-tennis-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swimming-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—basketball-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—football-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volleyball-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nike-pegasus-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boxing-glove-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—golf-ball-tee-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-01-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—kettlebell-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-bat-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—shoe-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-02-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—whistle-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scuba-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—weights-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—karate-belt-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hockey-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tennis-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gritz-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—fabric-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-treadmill-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-riding-stationary-bike-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—treadmill-small-white”>Icon</span>
</p>
<hr />
<h2>
Medium Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—basketball-court-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-02-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—soccer-ball-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—table-tennis-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swimming-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—basketball-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—football-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volleyball-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nike-pegasus-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boxing-glove-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—golf-ball-tee-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-01-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—kettlebell-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-bat-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—shoe-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-02-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—whistle-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scuba-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—weights-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—karate-belt-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hockey-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tennis-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gritz-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—fabric-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-treadmill-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-riding-stationary-bike-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—treadmill-med-black”>Icon</span>
</p>
<h2>
Medium Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—basketball-court-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-02-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—soccer-ball-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—table-tennis-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swimming-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—basketball-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—football-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volleyball-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nike-pegasus-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boxing-glove-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—golf-ball-tee-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-01-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—kettlebell-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-bat-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—shoe-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-02-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—whistle-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scuba-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—weights-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—karate-belt-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hockey-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tennis-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gritz-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—fabric-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-treadmill-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-riding-stationary-bike-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—treadmill-med-green”>Icon</span>
</p>
<h2>
Medium Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—basketball-court-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-02-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—soccer-ball-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—table-tennis-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swimming-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—basketball-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—football-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volleyball-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nike-pegasus-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boxing-glove-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—golf-ball-tee-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-01-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—kettlebell-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-bat-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—shoe-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-02-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—whistle-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scuba-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—weights-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—karate-belt-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hockey-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tennis-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gritz-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—fabric-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-treadmill-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-riding-stationary-bike-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—treadmill-med-yellow”>Icon</span>
</p>
<h2>
Medium White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—basketball-court-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-02-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—soccer-ball-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—table-tennis-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swimming-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—basketball-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—football-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volleyball-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nike-pegasus-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boxing-glove-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—golf-ball-tee-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-01-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—kettlebell-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-bat-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—shoe-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-02-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—whistle-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scuba-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—weights-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—karate-belt-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hockey-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tennis-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gritz-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—fabric-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-treadmill-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-riding-stationary-bike-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—treadmill-med-white”>Icon</span>
</p>
<hr />
<h2>
Large Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—basketball-court-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-02-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—soccer-ball-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—table-tennis-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swimming-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—basketball-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—football-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volleyball-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nike-pegasus-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boxing-glove-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—golf-ball-tee-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-01-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—kettlebell-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-bat-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—shoe-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-02-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—whistle-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scuba-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—weights-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—karate-belt-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hockey-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tennis-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gritz-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—fabric-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-treadmill-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-riding-stationary-bike-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—treadmill-large-black”>Icon</span>
</p>
<h2>
Large Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—basketball-court-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-02-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—soccer-ball-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—table-tennis-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swimming-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—basketball-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—football-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volleyball-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nike-pegasus-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boxing-glove-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—golf-ball-tee-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-01-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—kettlebell-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-bat-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—shoe-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-02-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—whistle-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scuba-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—weights-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—karate-belt-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hockey-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tennis-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gritz-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—fabric-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-treadmill-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-riding-stationary-bike-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—treadmill-large-green”>Icon</span>
</p>
<h2>
Large Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—basketball-court-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-02-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—soccer-ball-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—table-tennis-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swimming-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—basketball-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—football-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volleyball-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nike-pegasus-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boxing-glove-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—golf-ball-tee-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-01-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—kettlebell-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-bat-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—shoe-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-02-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—whistle-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scuba-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—weights-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—karate-belt-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hockey-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tennis-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gritz-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—fabric-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-treadmill-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-riding-stationary-bike-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—treadmill-large-yellow”>Icon</span>
</p>
<h2>
Large White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—basketball-court-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—running-02-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—soccer-ball-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—table-tennis-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—swimming-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—basketball-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—football-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—volleyball-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—nike-pegasus-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boxing-glove-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—golf-ball-tee-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-01-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—kettlebell-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—baseball-bat-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—shoe-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—jersey-02-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—whistle-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—scuba-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—weights-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—karate-belt-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hockey-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tennis-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—gritz-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—fabric-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-treadmill-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—person-riding-stationary-bike-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—treadmill-large-white”>Icon</span>
</p>

Open Full Example

<h4>
XS Black
</h4>
<p>
<span aria-hidden=“true” class=“uowdf-icon—monitor-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cellphone-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cursor-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—info-icon-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—warning-icon-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laptop-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—television-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—radio-tower-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—projector-screen-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—play-video-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calculator-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—document-link-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—home-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—security-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drone-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—solar-panels-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-01-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-02-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—phone-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hand-holding-phone-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-system-xs-black”>Icon</span>
</p>
<h4>
XS Green
</h4>
<p>
<span aria-hidden=“true” class=“uowdf-icon—monitor-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cellphone-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cursor-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—info-icon-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—warning-icon-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laptop-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—television-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—radio-tower-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—projector-screen-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—play-video-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calculator-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—document-link-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—home-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—security-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drone-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—solar-panels-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-01-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-02-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—phone-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hand-holding-phone-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-system-xs-green”>Icon</span>
</p>
<h4>
XS Yellow
</h4>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—monitor-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cellphone-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cursor-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—info-icon-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—warning-icon-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laptop-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—television-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—radio-tower-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—projector-screen-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—play-video-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calculator-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—document-link-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—home-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—security-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drone-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—solar-panels-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-01-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-02-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—phone-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hand-holding-phone-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-system-xs-yellow”>Icon</span>
</p>
<h4>
XS White
</h4>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—monitor-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cellphone-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cursor-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—info-icon-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—warning-icon-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laptop-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—television-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—radio-tower-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—projector-screen-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—play-video-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calculator-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—document-link-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—home-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—security-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drone-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—solar-panels-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-01-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-02-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—phone-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hand-holding-phone-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-system-xs-white”>Icon</span>
</p>
<hr />
<h4>
Small Black
</h4>
<p>
<span aria-hidden=“true” class=“uowdf-icon—monitor-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cellphone-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cursor-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—info-icon-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—warning-icon-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laptop-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—television-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—radio-tower-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—projector-screen-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—play-video-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calculator-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—document-link-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—home-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—security-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drone-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—solar-panels-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-01-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-02-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—phone-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hand-holding-phone-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-system-small-black”>Icon</span>
</p>
<h4>
Small Green
</h4>
<p>
<span aria-hidden=“true” class=“uowdf-icon—monitor-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cellphone-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cursor-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—info-icon-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—warning-icon-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laptop-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—television-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—radio-tower-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—projector-screen-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—play-video-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calculator-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—document-link-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—home-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—security-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drone-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—solar-panels-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-01-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-02-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—phone-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hand-holding-phone-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-system-small-green”>Icon</span>
</p>
<h4>
Small Yellow
</h4>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—monitor-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cellphone-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cursor-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—info-icon-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—warning-icon-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laptop-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—television-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—radio-tower-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—projector-screen-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—play-video-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calculator-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—document-link-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—home-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—security-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drone-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—solar-panels-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-01-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-02-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—phone-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hand-holding-phone-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-system-small-yellow”>Icon</span>
</p>
<h4>
Small White
</h4>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—monitor-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cellphone-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cursor-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—info-icon-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—warning-icon-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laptop-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—television-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—radio-tower-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—projector-screen-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—play-video-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calculator-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—document-link-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—home-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—security-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drone-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—solar-panels-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-01-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-02-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—phone-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hand-holding-phone-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-system-small-white”>Icon</span>
</p>
<hr />
<h4>
Medium Black
</h4>
<p>
<span aria-hidden=“true” class=“uowdf-icon—monitor-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cellphone-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cursor-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—info-icon-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—warning-icon-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laptop-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—television-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—radio-tower-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—projector-screen-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—play-video-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calculator-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—document-link-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—home-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—security-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drone-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—solar-panels-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-01-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-02-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—phone-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hand-holding-phone-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-system-med-black”>Icon</span>
</p>
<h4>
Medium Green
</h4>
<p>
<span aria-hidden=“true” class=“uowdf-icon—monitor-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cellphone-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cursor-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—info-icon-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—warning-icon-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laptop-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—television-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—radio-tower-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—projector-screen-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—play-video-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calculator-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—document-link-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—home-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—security-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drone-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—solar-panels-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-01-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-02-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—phone-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hand-holding-phone-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-system-med-green”>Icon</span>
</p>
<h4>
Medium Yellow
</h4>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—monitor-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cellphone-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cursor-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—info-icon-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—warning-icon-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laptop-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—television-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—radio-tower-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—projector-screen-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—play-video-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calculator-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—document-link-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—home-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—security-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drone-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—solar-panels-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-01-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-02-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—phone-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hand-holding-phone-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-system-med-yellow”>Icon</span>
</p>
<h4>
Medium White
</h4>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—monitor-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cellphone-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cursor-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—info-icon-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—warning-icon-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laptop-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—television-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—radio-tower-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—projector-screen-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—play-video-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calculator-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—document-link-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—home-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—security-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drone-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—solar-panels-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-01-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-02-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—phone-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hand-holding-phone-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-system-med-white”>Icon</span>
</p>
<hr />
<h4>
Large Black
</h4>
<p>
<span aria-hidden=“true” class=“uowdf-icon—monitor-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cellphone-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cursor-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—info-icon-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—warning-icon-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laptop-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—television-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—radio-tower-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—projector-screen-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—play-video-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calculator-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—document-link-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—home-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—security-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drone-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—solar-panels-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-01-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-02-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—phone-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hand-holding-phone-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-system-large-black”>Icon</span>
</p>
<h4>
Large Green
</h4>
<p>
<span aria-hidden=“true” class=“uowdf-icon—monitor-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cellphone-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cursor-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—info-icon-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—warning-icon-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laptop-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—television-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—radio-tower-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—projector-screen-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—play-video-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calculator-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—document-link-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—home-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—security-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drone-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—solar-panels-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-01-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-02-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—phone-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hand-holding-phone-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-system-large-green”>Icon</span>
</p>
<h4>
Large Yellow
</h4>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—monitor-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cellphone-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cursor-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—info-icon-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—warning-icon-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laptop-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—television-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—radio-tower-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—projector-screen-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—play-video-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calculator-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—document-link-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—home-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—security-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drone-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—solar-panels-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-01-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-02-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—phone-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hand-holding-phone-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-system-large-yellow”>Icon</span>
</p>
<h4>
Large White
</h4>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—monitor-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cellphone-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—cursor-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—info-icon-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—warning-icon-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—laptop-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—television-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—radio-tower-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—projector-screen-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—play-video-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—calculator-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—document-link-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—home-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—security-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—drone-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—solar-panels-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-01-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—email-02-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—phone-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—hand-holding-phone-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—sound-system-large-white”>Icon</span>
</p>

Open Full Example

<h2>
XS Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—bus-02-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bus-01-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—map-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—truck-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tractor-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-counties-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—airplane-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—california-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—statue-of-liberty-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—usa-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—buildings-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—white-stag-sign-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—location-marker-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boat-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—world-map-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—us-map-states-xs-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—burnside-bridge-xs-black”>Icon</span>
</p>
<h2>
XS Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—bus-02-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bus-01-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—map-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—truck-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tractor-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-counties-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—airplane-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—california-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—statue-of-liberty-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—usa-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—buildings-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—white-stag-sign-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—location-marker-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boat-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—world-map-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—us-map-states-xs-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—burnside-bridge-xs-green”>Icon</span>
</p>
<h2>
XS Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—bus-02-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bus-01-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—map-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—truck-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tractor-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-counties-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—airplane-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—california-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—statue-of-liberty-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—usa-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—buildings-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—white-stag-sign-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—location-marker-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boat-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—world-map-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—us-map-states-xs-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—burnside-bridge-xs-yellow”>Icon</span>
</p>
<h2>
XS White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—bus-02-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bus-01-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—map-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—truck-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tractor-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-counties-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—airplane-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—california-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—statue-of-liberty-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—usa-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—buildings-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—white-stag-sign-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—location-marker-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boat-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—world-map-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—us-map-states-xs-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—burnside-bridge-xs-white”>Icon</span>
</p>
<hr />
<h2>
Small Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—bus-02-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bus-01-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—map-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—truck-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tractor-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-counties-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—airplane-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—california-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—statue-of-liberty-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—usa-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—buildings-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—white-stag-sign-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—location-marker-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boat-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—world-map-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—us-map-states-small-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—burnside-bridge-small-black”>Icon</span>
</p>
<h2>
Small Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—bus-02-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bus-01-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—map-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—truck-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tractor-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-counties-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—airplane-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—california-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—statue-of-liberty-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—usa-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—buildings-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—white-stag-sign-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—location-marker-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boat-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—world-map-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—us-map-states-small-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—burnside-bridge-small-green”>Icon</span>
</p>
<h2>
Small Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—bus-02-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bus-01-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—map-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—truck-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tractor-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-counties-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—airplane-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—california-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—statue-of-liberty-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—usa-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—buildings-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—white-stag-sign-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—location-marker-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boat-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—world-map-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—us-map-states-small-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—burnside-bridge-small-yellow”>Icon</span>

</p>
<h2>
Small White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—bus-02-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bus-01-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—map-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—truck-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tractor-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-counties-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—airplane-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—california-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—statue-of-liberty-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—usa-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—buildings-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—white-stag-sign-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—location-marker-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boat-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—world-map-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—us-map-states-small-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—burnside-bridge-small-white”>Icon</span>
</p>
<hr />
<h2>
Medium Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—bus-02-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bus-01-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—map-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—truck-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tractor-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-counties-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—airplane-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—california-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—statue-of-liberty-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—usa-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—buildings-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—white-stag-sign-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—location-marker-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boat-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—world-map-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—us-map-states-med-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—burnside-bridge-med-black”>Icon</span>
</p>
<h2>
Medium Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—bus-02-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bus-01-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—map-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—truck-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tractor-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-counties-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—airplane-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—california-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—statue-of-liberty-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—usa-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—buildings-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—white-stag-sign-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—location-marker-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boat-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—world-map-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—us-map-states-med-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—burnside-bridge-med-green”>Icon</span>
</p>
<h2>
Medium Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—bus-02-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bus-01-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—map-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—truck-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tractor-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-counties-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—airplane-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—california-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—statue-of-liberty-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—usa-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—buildings-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—white-stag-sign-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—location-marker-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boat-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—world-map-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—us-map-states-med-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—burnside-bridge-med-yellow”>Icon</span>
</p>
<h2>
Medium White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—bus-02-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bus-01-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—map-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—truck-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tractor-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-counties-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—airplane-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—california-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—statue-of-liberty-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—usa-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—buildings-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—white-stag-sign-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—location-marker-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boat-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—world-map-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—us-map-states-med-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—burnside-bridge-med-white”>Icon</span>
</p>
<hr />
<h2>
Large Black
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—bus-02-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bus-01-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—map-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—truck-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tractor-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-counties-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—airplane-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—california-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—statue-of-liberty-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—usa-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—buildings-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—white-stag-sign-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—location-marker-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boat-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—world-map-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—us-map-states-large-black”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—burnside-bridge-large-black”>Icon</span>
</p>
<h2>
Large Green
</h2>
<p>
<span aria-hidden=“true” class=“uowdf-icon—bus-02-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bus-01-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—map-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—truck-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tractor-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-counties-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—airplane-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—california-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—statue-of-liberty-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—usa-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—buildings-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—white-stag-sign-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—location-marker-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boat-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—world-map-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—us-map-states-large-green”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—burnside-bridge-large-green”>Icon</span>
</p>
<h2>
Large Yellow
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—bus-02-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bus-01-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—map-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—truck-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tractor-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-counties-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—airplane-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—california-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—statue-of-liberty-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—usa-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—buildings-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—white-stag-sign-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—location-marker-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boat-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—world-map-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—us-map-states-large-yellow”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—burnside-bridge-large-yellow”>Icon</span>
</p>
<h2>
Large White
</h2>
<p style=“background-color:#000;”>
<span aria-hidden=“true” class=“uowdf-icon—bus-02-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—bus-01-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—map-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—truck-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—tractor-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—oregon-counties-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—airplane-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—california-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—statue-of-liberty-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—usa-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—buildings-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—white-stag-sign-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—location-marker-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—boat-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—world-map-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—us-map-states-large-white”>Icon</span>
<span aria-hidden=“true” class=“uowdf-icon—burnside-bridge-large-white”>Icon</span>
</p>

Guidance

Usage Guidance

• Use icons for decorative flourishes
• Don’t require icons for critical information

Accessibility Guidance

• Provide alternative text if the icon is not purely decorative Most sprite icons should be used purely for decorative purposes, but if that sprite conveys important information then alternative text should be provided.
• Ensure proper contrast The icons have colors that are defined by the class name. Use the correct class name for a high-contrast icon for your given content and context. The contrast levels for the icon should be the same as the text contrast requirements.

Using Social media sprites

Styles

Sprites come in many forms, there are CSS class styles for a wide-variety of these combinations of forms. Social Media Sprites have the ability to adjust their size, color, and shape, and Icon Sprites have the ability to adjust their size and color.

Social media sprites have flexible classes that can work with many modifiers. For example, social-icon-v2-facebook will show a standard, medium sized, full color circular facebook icon. You can adjust this icon by adjusting the class though, you can change the size by using the class social-icon-v2-facebook-sm or social-icon-v2-facebook-xl or such. These classes can chain with one another so you only need to use one class for a fully customized icon. The icons are in the format of social-icon-v2-[service]-[size]-[color]-[shape]

Social media sprite service styles

• social-icon-v2-facebook - Facebook
• social-icon-v2-twitter - Twitter
• social-icon-v2-instagram - Instagram
• social-icon-v2-youtube - Youtube
• social-icon-v2-linkedin - Linkedin
• social-icon-v2-tiktok - Tiktok
• social-icon-v2-pinterest - Pinterest
• social-icon-v2-vimeo - Vimeo
• social-icon-v2-rss - RSS

Social media sprite size styles

• social-icon-v2-xs - XS (18px)
• social-icon-v2-sm - Small (24px)
• social-icon-v2-md - Medium (36px) (Default)
• social-icon-v2-lg - Large (48px)
• social-icon-v2-xl - XL (64px)

Social media sprite color styles

• social-icon-v2-color - Multicolor (Default)
• social-icon-v2-green - Green
• social-icon-v2-yellow - Yellow
• social-icon-v2-bw - Black and White

Social media sprite shape styles

• social-icon-v2-circle - Circle (Default)
• social-icon-v2-square - Square

Icon Styles

Non-social media icons function similarly to the social media icons, but use a fixed format for styling, that is in the form uowdf-icon--[name]-[size]-[color]. Check the examples for the different name options, as there are many.

Icon sizes

• xs
• small
• med
• large

Icon Colors

• black
• green
• yellow
• white