Mapbox logo

<span class='mb-logo'>Mapbox</span>
<span class='mb-logo small'>Mapbox</span>
<span class='mb-logo white'>Mapbox</span>
<span class='mb-logo small white'>Mapbox</span>
<span class='mb-logo quiet'>Mapbox</span>
<span class='mb-logo small quiet'>Mapbox</span>

Icon usage

Use the icon class to prepend an icon to any text, link, or button element. The rcon class can be used to add an icon as a suffix.

<p class='icon github'>Fork me on GitHub</p>
<p><a class='icon github' href='http://github.com/mapbox'>Fork me on GitHub</a></p>
<p><a class='icon github button' href='http://github.com/mapbox'>Fork me on GitHub</a></p>

Icons

Class .[icon] a.[icon] .dark .[icon] .big.[icon] .dark .big.[icon]

Creditcard icons

  <figure class='pad2 contain'>
    <div class='credit-card visa'></div>
    <div class='credit-card mastercard'></div>
    <div class='credit-card american-express'></div>
    <div class='credit-card jcb'></div>
    <div class='credit-card discover'></div>
    <div class='credit-card diners-club'></div>
  </figure>
  <figure class='pad2 contain'>
    <div class='credit-card disabled visa'></div>
    <div class='credit-card disabled mastercard'></div>
    <div class='credit-card disabled american-express'></div>
    <div class='credit-card disabled jcb'></div>
    <div class='credit-card disabled discover'></div>
    <div class='credit-card disabled diners-club'></div>
  </figure>