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 Functions | None |
Locale Keys | None |
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 Functions | None |
Locale Keys | None |
Accessibility
None at this time.