diff --git a/_includes/navigation.html b/_includes/navigation.html
index 1e1864bc9..f31a8d188 100644
--- a/_includes/navigation.html
+++ b/_includes/navigation.html
@@ -12,7 +12,7 @@
     <li class="search-bar">
       <input type="search" placeholder="Search lessons...">
       <button class="clear-search hide">
-        <img src="https://image.flaticon.com/icons/svg/60/60578.svg">
+        <img src="/assets/icons/x-icon.svg">
       </button>
     </li>
   </ul>
diff --git a/_includes/search.html b/_includes/search.html
index 04880f6a5..06fb0d60a 100644
--- a/_includes/search.html
+++ b/_includes/search.html
@@ -2,7 +2,7 @@
   <h2>Lesson Search Results</h2>
   <h3>Showing top 10 results</h3>
   <ul class="search-results"></ul>
-  <img class="clear-search" src="https://image.flaticon.com/icons/svg/60/60578.svg">
+  <img class="clear-search" src="/assets/icons/x-icon.svg">
 </section>
 
 <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
diff --git a/assets/icons/x-icon.svg b/assets/icons/x-icon.svg
new file mode 100644
index 000000000..c709bb2bf
--- /dev/null
+++ b/assets/icons/x-icon.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="510px" height="510px" viewBox="0 0 510 510" style="enable-background:new 0 0 510 510;" xml:space="preserve">
+<g>
+	<g id="cancel">
+		<path d="M255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255S395.25,0,255,0z M382.5,346.8l-35.7,35.7
+			L255,290.7l-91.8,91.8l-35.7-35.7l91.8-91.8l-91.8-91.8l35.7-35.7l91.8,91.8l91.8-91.8l35.7,35.7L290.7,255L382.5,346.8z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>