6Icons - Illustrative
These icons are meant to be simple so they can scale to retain legibility across many screens. The icons utilize the SY dark blue with alternating fill colors. The fill colors use the SY blue, red, and yellow with tint variations from the brand styleguide.
Career
Checklist
Connect
Corps Members
Get Ready to Apply
Help Organizations Find You
Complete Your Profile
Learn
Listing
Position
Match
Organization
Tell Us
How it works
Types of Service
What is Service
Error
Exclamation mark
Web (PNG)
Position Denied
Web (PNG)
Getting Started Guide
Other Services
Membership Benefits
<h3>Career</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/career--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/career--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/career--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/career--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/career--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/career--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/career--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/career--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/career--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Checklist</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/connect--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/checklist--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/checklist--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/connect--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/checklist--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/checklist--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/connect--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/checklist--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/checklist--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Connect</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/connect--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/connect--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/connect--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/connect--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/connect--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/connect--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/connect--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/connect--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/connect--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Corps Members</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/corps-members--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/corps-members--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/corps-members--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/corps-members--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/corps-members--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/corps-members--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/corps-members--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/corps-members--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/corps-members--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Get Ready to Apply</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/apply--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/apply--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/apply--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/apply--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/apply--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/apply--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/apply--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/apply--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/apply--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Help Organizations Find You</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/help-orgs-find-you--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/help-orgs-find-you--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/help-orgs-find-you--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/help-orgs-find-you--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/help-orgs-find-you--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/help-orgs-find-you--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/help-orgs-find-you--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/help-orgs-find-you--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/help-orgs-find-you--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Complete Your Profile</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/complete-your-profile--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/complete-your-profile--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/complete-your-profile--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/complete-your-profile--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/complete-your-profile--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/complete-your-profile--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/complete-your-profile--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/complete-your-profile--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/complete-your-profile--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Learn</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/learn--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/learn--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/learn--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/learn--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/learn--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/learn--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/learn--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/learn--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/learn--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Listing</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/listing--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/listing--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/listing--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/listing--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/listing--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/listing--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/listing--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/listing--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/listing--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Position</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/position--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/position--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/position--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/position--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/position--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/position--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/position--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/position--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/position--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Match</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/match--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/match--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/match--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/match--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/match--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/match--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/match--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/match--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/match--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Organization</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/organization--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/organization--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/organization--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/organization--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/organization--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/organization--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/organization--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/organization--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/organization--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Tell Us</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/tell-us--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/tell-us--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/tell-us--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/tell-us--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/tell-us--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/tell-us--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/tell-us--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/tell-us--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/tell-us--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>How it works</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/how-it-works--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/how-it-works--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/how-it-works--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/how-it-works--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/how-it-works--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/how-it-works--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/how-it-works--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/how-it-works--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/how-it-works--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Types of Service</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/types-of-service--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/types-of-service--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/types-of-service--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/types-of-service--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/types-of-service--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/types-of-service--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/types-of-service--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/types-of-service--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/types-of-service--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>What is Service</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/what-is-service--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/what-is-service--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/what-is-service--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/what-is-service--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/what-is-service--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/what-is-service--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/what-is-service--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/what-is-service--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/what-is-service--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/service-certificate--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/service-certificate--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/service-certificate--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/service-certificate--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/service-certificate--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/service-certificate--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/service-certificate--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/service-certificate--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/service-certificate--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Error</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/exclamation.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Exclamation mark</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/exclamation.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Email</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/email/PNG/certificate.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Certificate</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/SVG/certificate.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/PNG/certificate.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/email/PNG/confetti.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Confetti</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/SVG/confetti.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/PNG/confetti.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/email/PNG/verified.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Verified</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/SVG/verified.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/PNG/verified.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/email/PNG/enrolled.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Enrolled</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/SVG/enrolled.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/PNG/enrolled.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/email/PNG/incomplete-profile.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Incomplete Profile</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/SVG/incomplete-profile.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/PNG/incomplete-profile.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/email/PNG/applied.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Applied</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/SVG/applied.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/PNG/applied.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/email/PNG/saved.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Saved</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/SVG/saved.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/PNG/saved.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns ">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/email/PNG/border.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Border</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/SVG/border.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/PNG/border.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/email/PNG/position-certified.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Position Certified</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/PNG/position-certified.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/email/PNG/position-denied.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Position Denied</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/email/PNG/position-denied.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Getting Started Guide</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/edit-profile--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/edit-profile--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/edit-profile--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/edit-profile--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/edit-profile--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/edit-profile--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/edit-profile--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/edit-profile--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/edit-profile--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/certification--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/certification--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/certification--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/certification--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/certification--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/certification--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/certification--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/certification--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/ecertification--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/recruitment--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/recruitment--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/recruitment--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/recruitment--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/recruitment--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/recruitment--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/recruitment--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/recruitment--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/recruitment--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/manage-cm--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/manage-cm--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/manage-cm--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/manage-cm--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/manage-cm--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/manage-cm--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/manage-cm--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/manage-cm--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/manage-cm--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/manage-team--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/manage-team--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/manage-team--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/manage-team--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/manage-team--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/manage-team--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/manage-team--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/manage-team--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/manage-team--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/create-listing--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/create-listing--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/create-listing--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/create-listing--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/create-listing--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/create-listing--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/create-listing--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/create-listing--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/create-listing--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Other Services</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/resource-hub--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/resource-hub--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/resource-hub--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/resource-hub--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/resource-hub--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/resource-hub--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/resource-hub--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/resource-hub--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/resource-hub--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<h3>Membership Benefits</h3>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/what-is-service--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/what-is-service--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/what-is-service--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/what-is-service--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/what-is-service--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/what-is-service--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/what-is-service--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/what-is-service--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/what-is-service--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/recruitment--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/recruitment--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/recruitment--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/recruitment--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/recruitment--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/recruitment--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/recruitment--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/recruitment--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/recruitment--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/grow--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/grow--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/grow--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/grow--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/grow--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/grow--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/grow--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/grow--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/grow--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/color/PNG/policy--color.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Color</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/SVG/policy--color.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/color/PNG/policy--color.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns">
<div class="kss-icon-box--illustrative mb1">
<img src="/styleguide/images/icons-illustrative/navy-on-white/PNG/policy--navy.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">Navy on white</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/SVG/policy--navy.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/navy-on-white/PNG/policy--navy.png">Web (PNG)</a>
</div>
</div>
</div>
<div class="large-3 columns end">
<div class="kss-icon-box--illustrative kss-icon-box--dark mb1">
<img src="/styleguide/images/icons-illustrative/white/PNG/policy--white.png">
</div>
<div class="details-list">
<div class="details-list__item">
<span class="details-list__header">White</span>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/SVG/policy--white.svg">Web (SVG)</a> <br>
<a class="link--underline" href="/styleguide/images/icons-illustrative/white/PNG/policy--white.png">Web (PNG)</a>
</div>
</div>
</div>
</div>