Outlet

Outlet SVGs

SVGs

Use svglibrary-outlet.htm icon library.

Examples

<svg height="55px" width="102px" role="img" aria-label="4imprint Outlet"><use xlink:href="#svgLogo-outlet"></use></svg>

<svg height="54px" width="80px" role="img"><title>Steal a Deal</title><use xlink:href="#svgLogo-sad"></use></svg>

<svg class="textPurple" height="40px" width="40px" role="img" aria-label="Almost Gone"><use xlink:href="#svgIcon-almostGone"></use></svg>

<svg class="textDkGray" height="40px" width="40px" role="img" aria-label="Just Added"><use xlink:href="#svgIcon-justAdded"></use></svg>

<svg class="textBlue" height="40px" width="40px" role="img" aria-label="Best Deals"><use xlink:href="#svgIcon-bestDeals"></use></svg>

<svg class="textTeal" height="40px" width="40px" role="img" aria-label="Hottest Products"><use xlink:href="#svgIcon-hottest"></use></svg>

<svg class="textBlue" height="53px" width="138px" role="img" aria-label="4imprint"><use xlink:href="#svgLogo-4imprint"></use></svg>

<svg height="40px" width="40px" role="img" aria-label="Facebook"><use xlink:href="#svgIcon-facebook"></use></svg>

<svg height="40px" width="40px" role="img" aria-label="Twitter"><use xlink:href="#svgIcon-twitter"></use></svg>

<svg height="40px" width="40px" role="img" aria-label="LinkedIn"><use xlink:href="#svgIcon-linkedIn"></use></svg>

<svg height="40px" width="40px" role="img" aria-label="Instagram"><use xlink:href="#svgIcon-instagram"></use></svg>

<svg height="40px" width="40px" role="img" aria-label="YouTube"><use xlink:href="#svgIcon-youTube"></use></svg>

<svg height="40px" width="40px" role="img" aria-label="Pinterest"><use xlink:href="#svgIcon-pinterest"></use></svg>

<svg class="textDkGray" height="40px" width="40px" role="img" aria-label="Print"><use xlink:href="#svgIcon-print"></use></svg>

<svg class="textDarkestGray roundCorners8 bkgdGreen" height="40px" width="40px" role="img" aria-label="Checkmark"><use xlink:href="#svgIcon-checkMark"></use></svg>

<svg class="textDarkestGray" height="40px" width="40px" role="img" aria-label="Checkmark"><use xlink:href="#svgIcon-checkMark"></use></svg>

<svg class="textDarkestGray" height="40px" width="40px" role="img" aria-label="Thumbs Up"><use xlink:href="#svgIcon-thumbsUp"></use></svg>

<svg class="textYellow" height="40px" width="40px" role="img" aria-label="Hint"><use xlink:href="#svgIcon-hint"></use></svg>

<svg class="textDarkestGray" height="40px" width="40px" role="img" aria-label="Tooltip"><use xlink:href="#svgIcon-tooltip"></use></svg>

<svg class="show roundCorners3 padding5 margin10" height="15px" width="15px" focusable="false" role="img" aria-label="Close"><use xlink:href="#svgIcon-remove"></use></svg>

<svg class="textDarkestGray" height="40px" width="40px" role="img" aria-label="Add Label Here"><use xlink:href="#svgIcon-arrowLine"></use></svg>

<svg class="textDarkestGray rotate90" height="40px" width="40px" role="img" aria-label="Add Label Here"><use xlink:href="#svgIcon-arrowLine"></use></svg>

<svg class="textDarkestGray rotate180" height="40px" width="40px" role="img" aria-label="Add Label Here"><use xlink:href="#svgIcon-arrowLine"></use></svg>

<svg class="textDarkestGray rotate270" height="40px" width="40px" role="img" aria-label="Add Label Here"><use xlink:href="#svgIcon-arrowLine"></use></svg>

<svg class="textDarkestGray" height="40px" width="40px" role="img" aria-label="Add Label Here"><use xlink:href="#svgIcon-arrowSolid"></use></svg>

<svg class="textDarkestGray rotate90" height="40px" width="40px" role="img" aria-label="Add Label Here"><use xlink:href="#svgIcon-arrowSolid"></use></svg>

<svg class="textDarkestGray rotate180" height="40px" width="40px" role="img" aria-label="Add Label Here"><use xlink:href="#svgIcon-arrowSolid"></use></svg>

<svg class="textDarkestGray rotate270" height="40px" width="40px" role="img" aria-label="Add Label Here"><use xlink:href="#svgIcon-arrowSolid"></use></svg>

<svg class="textDarkestGray" height="40px" width="40px" role="img" aria-label="Call 4imprint"><use xlink:href="#svgIcon-phone"></use></svg>

<svg class="textDarkestGray" height="40px" width="40px" role="img" aria-label="Email"><use xlink:href="#svgIcon-email"></use></svg>

<svg class="textDarkestGray" height="40px" width="40px" role="img" aria-label="Add Label Here"><use xlink:href="#svgIcon-bubble"></use></svg>

<svg class="textDarkestGray" height="45px" width="45px" role="img" aria-label="My Account"><use xlink:href="#svgIcon-account"></use></svg>

<svg class="textDarkestGray" height="40px" width="40px" role="img" aria-label="Cart"><use xlink:href="#svgIcon-cart"></use></svg>

<svg class="textDarkestGray" height="40px" width="40px" role="img" aria-label="CVV"><use xlink:href="#svgIcon-cvv"></use></svg>

<svg class="textDarkestGray" height="40px" width="40px" role="img" aria-label="Add Label Here"><use xlink:href="#svgIcon-viewLargerEye"></use></svg>

<svg class="textDarkestGray" height="40px" width="40px" role="img" aria-label="Add Label Here"><use xlink:href="#svgIcon-artwork"></use></svg>

<svg class="textDarkestGray" height="40px" width="40px" role="img" aria-label="Pause"><use xlink:href="#svgIcon-pause"></use></svg>

Code
					
<svg class="textDarkestGray" height="40px" width="40px" role="img" aria-label="Pause"><use xlink:href="#svgIcon-pause"></use></svg>					
				
Notes

None at this time.

Resources

Sass File(s)None
JS File(s)None Required
JS FunctionsNone
Locale KeysNone

Accessibility

None at this time.

Outlet Buttons

Buttons

Examples

button-sm

70px x 45px

button-md

135px x 45px

button-lg

250px x 45px

Code
					
<button type="button" class="button-lg bkgdBlue text16">Continue</button>
					
				
Notes

None at this time.

Resources

Sass File(s)None
JS File(s)None Required
JS FunctionsNone
Locale KeysNone

Accessibility

None at this time.

To Top of page