Use a glyphicon instead of the unicode character.

docs/assets/css/src/docs.css

@@ -1431,10 +1431,12 @@ h1[id] {
   border: 2px dashed #eee;
   border-radius: 4px;
 }
-.bs-dropzone h2 {
-  margin-top: 0;
+.bs-dropzone .import-header {
   margin-bottom: 5px;
 }
+.bs-dropzone .glyphicon-download-alt {
+  font-size: 40px;
+}
 .bs-dropzone hr {
   width: 100px;
 }

docs/customize.html

@@ -32,13 +32,15 @@ lead: Customize Bootstrap's components, Less variables, and jQuery plugins to ge
 
 <div class="bs-docs-section bs-customizer-import">
   <div id="import-drop-target" class="bs-dropzone">
-    <h2>✍</h2>
+    <div class="import-header">
+      <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
+    </div>
     <p class="lead">Have an existing configuration? Upload your <code>config.json</code> to import it.</p>
     <p>Drag and drop here, or <label id="import-manual-trigger" class="btn-link">manually upload<input type="file" id="import-file-select" class="hidden"></label>.</p>
     <hr>
     <p><strong>Don't have one?</strong> That's okay—just start customizing the fields below.</p>
   </div>
-</div><!-- /import -->
+</div>
 
 <form class="bs-customizer">
   <div class="bs-docs-section" id="less-section">