diff --git a/_includes/shared/footer.html b/_includes/shared/footer.html
index 322c02f..0ac44c9 100644
--- a/_includes/shared/footer.html
+++ b/_includes/shared/footer.html
@@ -9,11 +9,28 @@
         </div>
         <div class="col-sm-6">
           <ul class="list-unstyled pull-right">
-            <li><a href="/codeofconduct">Code of Conduct</a></li>
-            <li><a href="https://www.facebook.com/code4sac"><i class="fa fa-facebook" target="_blank"></i></a></li>
-            <li><a href="https://twitter.com/code4sac"><i class="fa fa-twitter" target="_blank"></i></a></li>
-            <li><a href="https://github.com/code4sac"><i class="fa fa-github" target="_blank"></i></a></li>
-            <li><a href="http://www.meetup.com/code4sac/"><i class="fa fa-calendar" target="_blank"></i></a></li>
+            <!-- text-warning color matches color of the icons -->
+            <li><a href="/codeofconduct" class="text-warning">Code of Conduct</a></li>
+            <li>
+              <a href="https://www.facebook.com/code4sac">
+                <img height="30" src="../../images/logos/icons/codeforsac_facebook.png">
+              </a>
+          </li>
+            <li>
+              <a href="https://twitter.com/code4sac">
+                <img height="30" src="../../images/logos/icons/codeforsac_twitter.png">
+              </a>
+            </li>
+            <li>
+              <a href="https://github.com/code4sac">
+                <img height="30" src="../../images/logos/icons/codeforsac_github.png">
+              </a>
+            </li>
+            <li>
+              <a href="http://www.meetup.com/code4sac/">
+                <img height="30" src="../../images/logos/icons/codeforsac_meetup.png">
+              </a>
+            </li>
           </ul>
         </div>
       </div>
diff --git a/_includes/shared/header.html b/_includes/shared/header.html
index 7c1b4b9..cc307a4 100644
--- a/_includes/shared/header.html
+++ b/_includes/shared/header.html
@@ -12,7 +12,7 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/"><img src="/images/codeforsac-logo.png" height="40" alt="Code for Sacramento" /></a>
+          <a class="navbar-brand" href="/"><img src="/images/logos/CodeForSacramento-Black-Transparent.png" height="40" alt="Code for Sacramento" /></a>
         </div>
         <div id="navbar" class="navbar-collapse collapse">
           <ul class="nav navbar-nav navbar-right">
diff --git a/images/logos/CodeForSacramento-Black-Transparent-Icon.png b/images/logos/CodeForSacramento-Black-Transparent-Icon.png
new file mode 100644
index 0000000..699c7f3
Binary files /dev/null and b/images/logos/CodeForSacramento-Black-Transparent-Icon.png differ
diff --git a/images/logos/CodeForSacramento-Black-Transparent.png b/images/logos/CodeForSacramento-Black-Transparent.png
new file mode 100644
index 0000000..a3f8927
Binary files /dev/null and b/images/logos/CodeForSacramento-Black-Transparent.png differ
diff --git a/images/logos/CodeForSacramento-Black-WhiteBG-Icon.png b/images/logos/CodeForSacramento-Black-WhiteBG-Icon.png
new file mode 100644
index 0000000..f52fafb
Binary files /dev/null and b/images/logos/CodeForSacramento-Black-WhiteBG-Icon.png differ
diff --git a/images/logos/CodeForSacramento-Black-WhiteBG.png b/images/logos/CodeForSacramento-Black-WhiteBG.png
new file mode 100644
index 0000000..a3f8927
Binary files /dev/null and b/images/logos/CodeForSacramento-Black-WhiteBG.png differ
diff --git a/images/logos/CodeForSacramento-White-BlackBG-Icon.png b/images/logos/CodeForSacramento-White-BlackBG-Icon.png
new file mode 100644
index 0000000..ec678eb
Binary files /dev/null and b/images/logos/CodeForSacramento-White-BlackBG-Icon.png differ
diff --git a/images/logos/CodeForSacramento-White-BlackBG.png b/images/logos/CodeForSacramento-White-BlackBG.png
new file mode 100644
index 0000000..82a0dfa
Binary files /dev/null and b/images/logos/CodeForSacramento-White-BlackBG.png differ
diff --git a/images/logos/CodeForSacramento-White-Transparent-Icon.png b/images/logos/CodeForSacramento-White-Transparent-Icon.png
new file mode 100644
index 0000000..85c8d2b
Binary files /dev/null and b/images/logos/CodeForSacramento-White-Transparent-Icon.png differ
diff --git a/images/logos/CodeForSacramento-White-Transparent.png b/images/logos/CodeForSacramento-White-Transparent.png
new file mode 100644
index 0000000..baed250
Binary files /dev/null and b/images/logos/CodeForSacramento-White-Transparent.png differ
diff --git a/images/logos/codeforsac_hexSticker.png b/images/logos/codeforsac_hexSticker.png
new file mode 100644
index 0000000..afe3768
Binary files /dev/null and b/images/logos/codeforsac_hexSticker.png differ
diff --git a/images/logos/icons/codeforsac_democracylab.png b/images/logos/icons/codeforsac_democracylab.png
new file mode 100644
index 0000000..4304a17
Binary files /dev/null and b/images/logos/icons/codeforsac_democracylab.png differ
diff --git a/images/logos/icons/codeforsac_facebook.png b/images/logos/icons/codeforsac_facebook.png
new file mode 100644
index 0000000..03c554a
Binary files /dev/null and b/images/logos/icons/codeforsac_facebook.png differ
diff --git a/images/logos/icons/codeforsac_form.png b/images/logos/icons/codeforsac_form.png
new file mode 100644
index 0000000..d776fe4
Binary files /dev/null and b/images/logos/icons/codeforsac_form.png differ
diff --git a/images/logos/icons/codeforsac_github.png b/images/logos/icons/codeforsac_github.png
new file mode 100644
index 0000000..d005294
Binary files /dev/null and b/images/logos/icons/codeforsac_github.png differ
diff --git a/images/logos/icons/codeforsac_instagram.png b/images/logos/icons/codeforsac_instagram.png
new file mode 100644
index 0000000..74de47c
Binary files /dev/null and b/images/logos/icons/codeforsac_instagram.png differ
diff --git a/images/logos/icons/codeforsac_linkedin.png b/images/logos/icons/codeforsac_linkedin.png
new file mode 100644
index 0000000..9b5197a
Binary files /dev/null and b/images/logos/icons/codeforsac_linkedin.png differ
diff --git a/images/logos/icons/codeforsac_meetup.png b/images/logos/icons/codeforsac_meetup.png
new file mode 100644
index 0000000..eeaa7e1
Binary files /dev/null and b/images/logos/icons/codeforsac_meetup.png differ
diff --git a/images/logos/icons/codeforsac_slack.png b/images/logos/icons/codeforsac_slack.png
new file mode 100644
index 0000000..40a469a
Binary files /dev/null and b/images/logos/icons/codeforsac_slack.png differ
diff --git a/images/logos/icons/codeforsac_todos.png b/images/logos/icons/codeforsac_todos.png
new file mode 100644
index 0000000..2531089
Binary files /dev/null and b/images/logos/icons/codeforsac_todos.png differ
diff --git a/images/logos/icons/codeforsac_twitter.png b/images/logos/icons/codeforsac_twitter.png
new file mode 100644
index 0000000..d5712b1
Binary files /dev/null and b/images/logos/icons/codeforsac_twitter.png differ
diff --git a/images/logos/icons/codeforsac_website.png b/images/logos/icons/codeforsac_website.png
new file mode 100644
index 0000000..ce2c3aa
Binary files /dev/null and b/images/logos/icons/codeforsac_website.png differ
diff --git a/images/logos/icons/codeforsac_youtube.png b/images/logos/icons/codeforsac_youtube.png
new file mode 100644
index 0000000..8c4b791
Binary files /dev/null and b/images/logos/icons/codeforsac_youtube.png differ
diff --git a/images/logos/icons/codeforsac_zoom.png b/images/logos/icons/codeforsac_zoom.png
new file mode 100644
index 0000000..000b31b
Binary files /dev/null and b/images/logos/icons/codeforsac_zoom.png differ
diff --git a/projects/index.html b/projects/index.html
index 6dc1b98..b1e5f59 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -49,7 +49,7 @@ <h3>
 				<p>{{description}}</p>
 
 				{{#if html_url}}
-					<i class="fa fa-github-square"></i>
+					<img height="20" src="../images/logos/icons/codeforsac_github.png">
 					<a href="{{html_url}}">{{html_url}}</a>
 					<br />
 				{{/if}}