Switch images to svgs, where possible (#1563)

Closes #1361, #1362
2019-12-04 15:35:20 +00:00 · 2019-12-04 15:35:20 +00:00 · 7fb5d206f5
parent ac9b3fcec7
commit 7fb5d206f5
638 changed files with 485 additions and 210 deletions
--- a/_includes/cardv2.html
+++ b/_includes/cardv2.html
@ -36,7 +36,7 @@
        height="120"
        width="120"
        class="panel-pic"
-        alt="{{include.title}}"
+        alt="{{include.title}} logo"
      >
      {{ include.description }}
      {% if include.labels %}
--- a/_includes/footer.html
+++ b/_includes/footer.html
@ -7,36 +7,36 @@
  <div class="row mb-4">
    <div class="col-12 col-md-6 d-flex justify-content-between">
      <a href="mailto:?subject=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance&body={{ site.production_url }}/" class="share-btn email" title="Email">
-        <i class="fas fa-envelope pl-3"></i>
+        <i class="fas fa-envelope"></i>
      </a>

      <a href="https://www.facebook.com/sharer/sharer.php?u={{ site.production_url }}" class="share-btn facebook" title="Facebook">
-        <i class="fab fa-facebook-f pl-3"></i>
+        <i class="fab fa-facebook-f"></i>
      </a>

      <a href="https://twitter.com/share?text=Knowledge%20and%20tools%20to%20protect%20your%20privacy%20against%20global%20mass%20surveillance%20&amp;url={{ site.production_url }}/&amp;via=privacytoolsIO" class="share-btn twitter" title="Twitter">
-        <i class="fab fa-twitter pl-3"></i>
+        <i class="fab fa-twitter"></i>
      </a>

      <a href="https://sharetomastodon.github.io/?title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance&url={{ site.production_url }}" class="share-btn mastodon" title="Mastodon">
-        <i class="fab fa-mastodon pl-3"></i>
+        <i class="fab fa-mastodon"></i>
      </a>
    </div>
    <div class="col-12 col-md-6 d-flex justify-content-between">
      <a href="https://reddit.com/submit?url={{ site.production_url }}&title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance" class="share-btn reddit" title="reddit">
-        <i class="fab fa-reddit-alien pl-3"></i>
+        <i class="fab fa-reddit-alien"></i>
      </a>

      <a href="https://www.linkedin.com/shareArticle?url={{ site.production_url }}&title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance" class="share-btn linkedin" title="LinkedIn">
-        <i class="fab fa-linkedin-in pl-3"></i>
+        <i class="fab fa-linkedin-in"></i>
      </a>

      <a href="https://mix.com/mixit?su=submit&url={{ site.production_url }}&title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance" class="share-btn mix" title="Mix">
-        <i class="ptio-mix pl-3"></i>
+        <i class="ptio-mix"></i>
      </a>

      <a href="https://sharetodiaspora.github.io/?title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance&url={{ site.production_url }}" class="share-btn diaspora" title="Diaspora*">
-        <i class="fas fa-asterisk pl-3"></i>
+        <i class="fas fa-asterisk"></i>
      </a>
    </div>
  </div>
@ -51,17 +51,24 @@
  <hr class="footer-divider" />

  <div class="row mt-3">
-    <div class="col-sm-4 mb-3 d-flex justify-content-center d-flex justify-content-center">
-      <a href="/LICENSE.txt" data-toggle="tooltip" data-placement="top" data-original-title="This work is free. You can redistribute it and/or modify it under the terms of the &quot;Creative Commons CC0 1.0 Universal Public Domain Dedication&quot;."><img alt="CC0" src="/assets/img/layout/zero.png" width="32" height="32">CC0</a>
+    <div class="col-sm-4 mb-3 d-flex justify-content-center align-items-center">
+      <span class="fab fa-creative-commons-zero fa-2x mr-2"></span>
+      <a
+        href="/LICENSE.txt"
+        title="This work is free. You can redistribute it and/or modify it under the terms of the &quot;Creative Commons CC0 1.0 Universal Public Domain Dedication&quot;."
+        data-toggle="tooltip"
+        data-placement="top">
+        CC0
+      </a>
    </div>

-    <div class="col-sm-4 mb-3 d-flex justify-content-center">
-      <i class="far fa-address-card fa-2x"></i>
+    <div class="col-sm-4 mb-3 d-flex justify-content-center align-items-center">
+      <span class="far fa-address-card fa-2x mr-2"></span>
      <a href="/about/">About Us &amp; Contact</a>
    </div>

-    <div class="col-sm-4 mb-3 d-flex justify-content-center">
-      <i class="fas fa-donate fa-2x"></i>
+    <div class="col-sm-4 mb-3 d-flex justify-content-center align-items-center">
+      <span class="fas fa-donate fa-2x mr-2"></span>
      <a href="/donate/" data-toggle="tooltip" data-placement="top" data-original-title="Please support this project by donating. We are ad-free and not affiliated with any providers. Your donation will cover our costs for servers and domains.">Support Us!</a>
    </div>
  </div>
--- a/_includes/head.html
+++ b/_includes/head.html
@ -39,7 +39,7 @@
      "privacytoolsIO"
    ],
    "url": "{{ site.production_url }}",
-    "logo": "{{ site.production_url }}/assets/img/layout/shield.png",
+    "logo": "{{ site.production_url }}/assets/img/png/layout/shield.png",
    "sameAs": [
      "https://blog.privacytools.io",
      "https://twitter.com/privacytoolsIO",
@ -52,21 +52,20 @@
  {% endif %}

  <!-- icons -->
-  <link rel="apple-touch-icon" sizes="57x57" href="/assets/img/favicons/apple-touch-icon-57x57.png">
-  <link rel="apple-touch-icon" sizes="60x60" href="/assets/img/favicons/apple-touch-icon-60x60.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="/assets/img/favicons/apple-touch-icon-72x72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="/assets/img/favicons/apple-touch-icon-76x76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="/assets/img/favicons/apple-touch-icon-114x114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="/assets/img/favicons/apple-touch-icon-120x120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="/assets/img/favicons/apple-touch-icon-144x144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="/assets/img/favicons/apple-touch-icon-152x152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicons/apple-touch-icon-180x180.png">
-  <link rel="icon" type="image/png" href="/assets/img/favicons/favicon-32x32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="/assets/img/favicons/android-chrome-192x192.png" sizes="192x192">
-  <link rel="icon" type="image/png" href="/assets/img/favicons/favicon-96x96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="/assets/img/favicons/favicon-16x16.png" sizes="16x16">
-  <link rel="manifest" href="/assets/img/favicons/manifest.json">
-  <link rel="shortcut icon" href="/assets/img/favicons/favicon.ico">
+  <link rel="apple-touch-icon" sizes="57x57" href="/assets/img/png/favicons/apple-touch-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="/assets/img/png/favicons/apple-touch-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="/assets/img/png/favicons/apple-touch-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="/assets/img/png/favicons/apple-touch-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="/assets/img/png/favicons/apple-touch-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="/assets/img/png/favicons/apple-touch-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="/assets/img/png/favicons/apple-touch-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="/assets/img/png/favicons/apple-touch-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/png/favicons/apple-touch-icon-180x180.png">
+  <link rel="icon" type="image/png" href="/assets/img/png/favicons/favicon-32x32.png" sizes="32x32">
+  <link rel="icon" type="image/png" href="/assets/img/png/favicons/android-chrome-192x192.png" sizes="192x192">
+  <link rel="icon" type="image/png" href="/assets/img/png/favicons/favicon-96x96.png" sizes="96x96">
+  <link rel="icon" type="image/png" href="/assets/img/png/favicons/favicon-16x16.png" sizes="16x16">
+  <link rel="manifest" href="/assets/img/png/favicons/manifest.json">

  <!-- CSS stylesheets -->
  <link href="/assets/css/style.css?v=9" rel="stylesheet">
--- a/_includes/nav.html
+++ b/_includes/nav.html
@ -2,7 +2,7 @@
  <div id="navbar" class="d-flex flex-wrap justify-content-between align-items-center">
    <div class="w-50">
      <a id="nav-home-mobile" class="nav-anchor" href="/index.html">
-        <img src="/assets/img/layout/logo_smaller.png" width="150px" />
+        <img src="/assets/img/png/layout/logo_smaller.png" width="150px" />
      </a>
    </div>
    <input type="checkbox" id="nav-toggle" checked />
@ -138,7 +138,6 @@
            <a href="https://privacytools.dreads-unlock.fr" rel="nofollow noopener" class="dropdown-item">Français</a>
          </span>
        </details>
-
      </div>
    </div>
  </div>
--- a/_includes/sections/android-addons.html
+++ b/_includes/sections/android-addons.html
@ -4,7 +4,7 @@

  <div class="row mb-2">
    <div class="col-lg-3 col-sm-12 pt-lg-5">
-      <img src="/assets/img/addons/netguard.png" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="NetGuard">
+      <img src="/assets/img/png/3rd-party/netguard.png" height="70" width="70" class="img-fluid d-block mr-auto ml-auto align-middle" alt="NetGuard">
    </div>
    <div class="col">
    <h3>Control your traffic with <a href="https://www.netguard.me/">NetGuard</a></h3>
@ -14,7 +14,7 @@

  <div class="row mb-2">
    <div class="col-lg-3 col-sm-12 pt-lg-5">
-      <img src="/assets/img/addons/Orbot.png" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="Orbot">
+      <img src="/assets/img/svg/3rd-party/orbot.svg" height="70" width="70" class="img-fluid d-block mr-auto ml-auto align-middle" alt="Orbot">
    </div>
    <div class="col">
    <h3>Tor for Android with <a href="https://guardianproject.info/apps/orbot/">Orbot</a></h3>
--- a/_includes/sections/browser-addons.html
+++ b/_includes/sections/browser-addons.html
@ -6,7 +6,7 @@

 {% include cardv2.html
 title="uBlock Origin: Block Ads and Trackers"
-image="/assets/img/addons/ublock-origin.png"
+image="/assets/img/svg/3rd-party/ublock_origin.svg"
 description="<strong>uBlock Origin</strong> is an efficient <a href=https://github.com/gorhill/uBlock/wiki/Blocking-mode>wide-spectrum blocker</a> that is easy on memory, and yet can load and enforce thousands more filters than other popular blockers out there. It has no monetization strategy and is completely open source."
 website="https://addons.mozilla.org/firefox/addon/ublock-origin/"
 forum="https://forum.privacytools.io/t/discussion-ublock-origin/266"
@ -19,7 +19,7 @@ edge="https://www.microsoft.com/en-us/p/ublock-origin/9nblggh444l4"

 {% include cardv2.html
 title="HTTPS Everywhere: Secure Connections"
-image="/assets/img/addons/https-everywhere.png"
+image="/assets/img/svg/3rd-party/https_everywhere.svg"
 description="<strong>HTTPS Everywhere</strong> enables encryption of your connections to many major websites, making your browsing more secure. It is a collaboration between The Tor Project and the Electronic Frontier Foundation."
 website="https://www.eff.org/https-everywhere"
 forum="https://forum.privacytools.io/t/discussion-https-everywhere/268"
@ -31,8 +31,8 @@ opera="https://addons.opera.com/en/extensions/details/https-everywhere"

 {% include cardv2.html
 title="Decentraleyes: Block Content Delivery Networks"
-image="/assets/img/addons/decentraleyes.png"
-description="<strong>Decentraleyes</strong> emulates Content Delivery Networks locally by intercepting requests, finding the required resource locally, and injecting it into the environment. This all happens instantaneously and automatically, with no configuration required."
+image="/assets/img/svg/3rd-party/decentraleyes.svg"
+description="<strong>Decentraleyes</strong> emulates Content Delivery Networks locally by intercepting requests, finding the required resource, and injecting it into the environment. This all happens instantaneously, automatically, and no prior configuration is required."
 website="https://decentraleyes.org/"
 forum="https://forum.privacytools.io/t/discussion-decentraleyes/269"
 gitlab="https://git.synz.io/Synzvato/decentraleyes"
@ -43,7 +43,7 @@ opera="https://addons.opera.com/en/extensions/details/decentraleyes"

 {% include cardv2.html
 title="Cookie AutoDelete: Automatically Delete Cookies"
-image="/assets/img/addons/cookie-autodelete.png"
+image="/assets/img/png/3rd-party/cookie_autodelete.png"
 description="<strong>Cookie AutoDelete</strong> automatically removes cookies, lingering sessions, and other information that can be used to spy on you when they are no longer used by open browser tabs."
 website="https://addons.mozilla.org/firefox/addon/cookie-autodelete/"
 forum="https://forum.privacytools.io/t/discussion-cookie-autodelete/267"
@ -54,8 +54,8 @@ chrome="https://chrome.google.com/webstore/detail/cookie-autodelete/fhcgjolkccmb

 {% include cardv2.html
 title="Terms of Service; Didn’t Read: Be Informed"
-image="/assets/img/addons/tosdr.png"
-description="<strong>Terms of Service; Didn’t Read</strong> is an addon that believes “I have read and agree to the Terms of Service” is the biggest lie on the web, and wants to fix it by grading websites based on their terms of service agreements and privacy policies. It also gives short summaries of those agreements. The analysis and ratings are published transparently by a community of reviewers."
+image="/assets/img/svg/3rd-party/terms_of_service_didnt_read.svg"
+description='<strong>Terms of Service; Didn’t Read</strong> is an addon that believes "I have read and agree to the Terms of Service" is the biggest lie on the web, and wants to fix it by grading websites based on their terms of service agreements and privacy policies. It also gives short summaries of those agreements. The analysis and ratings are published transparently by a community of reviewers.'
 website="https://tosdr.org/"
 forum="https://forum.privacytools.io/t/discussion-terms-of-service-didn-t-read/270"
 github="https://github.com/tosdr/"
@ -66,7 +66,7 @@ opera="https://addons.opera.com/en/extensions/details/terms-of-service-didnt-rea

 {% include cardv2.html
 title="Snowflake"
-image="/assets/img/addons/snowflake.png"
+image="/assets/img/svg/3rd-party/snowflake.svg"
 description="<strong>Snowflake</strong> is a new <a href=https://2019.www.torproject.org/docs/pluggable-transports.html.en>pluggable transport</a> from the Tor Project. If you have an uncensored connection, running this extension volunteers your connection to be used as a Snowflake proxy to help users unable to connect to the Tor network. Your IP will not be visible to the sites users visit using your proxy, as this extension will not make you an exit node. If your access to the Tor network is blocked, this extension will not assist you, and you should use the <a href=https://www.torproject.org>Tor Browser</a> instead."
 website="https://snowflake.torproject.org"
 forum="https://forum.privacytools.io/t/discussion-snowflake/1146"
@ -77,7 +77,7 @@ chrome="https://chrome.google.com/webstore/detail/snowflake/mafpmfcccpbjnhfhjnll

 {% include cardv2.html
 title="Privacy Badger: Stop Tracking"
-image="/assets/img/addons/privacy-badger.png"
+image="/assets/img/svg/3rd-party/privacy_badger.svg"
 description="<strong>Privacy Badger</strong> is a browser add-on that stops advertisers and other third-party trackers from secretly tracking where you go and what pages you look at on the web. Privacy Badger learns about trackers as you browse."
 website="https://www.eff.org/privacybadger"
 forum="https://forum.privacytools.io/t/discussion-privacy-badger/265"
@ -95,7 +95,7 @@ opera="https://addons.opera.com/en/extensions/details/privacy-badger/"

 {% include cardv2.html
 title="uMatrix: Stop Cross-Site Requests"
-image="/assets/img/addons/umatrix.png"
+image="/assets/img/png/3rd-party/umatrix.png"
 description="<strong>uMatrix</strong> gives you control over the requests that websites make to other websites. Many websites integrate features which let other websites track you, such as Facebook Like Buttons or Google Analytics."
 website="https://addons.mozilla.org/firefox/addon/umatrix/"
 forum="https://forum.privacytools.io/t/discussion-umatrix/271"
@ -107,7 +107,7 @@ opera="https://addons.opera.com/en/extensions/details/umatrix"

 {% include cardv2.html
 title="NoScript Security Suite: Be in total control"
-image="/assets/img/addons/noscript.png"
+image="/assets/img/svg/3rd-party/noscript.svg"
 description="<strong>NoScript</strong> is a highly customizable plugin to selectively allow JavaScript, Java, and Flash to run only on websites you trust. Not for casual users, it requires technical knowledge to configure."
 website="https://addons.mozilla.org/firefox/addon/noscript/"
 forum="https://forum.privacytools.io/t/discussion-noscript-security-suite/272"
--- a/_includes/sections/browser-recommendation.html
+++ b/_includes/sections/browser-recommendation.html
@ -5,7 +5,7 @@

 {% include cardv2.html
 title="Firefox"
-image="/assets/img/tools/Firefox.png"
+image="/assets/img/svg/3rd-party/firefox_browser.svg"
 description='Firefox is fast, reliable, open-source, and respects your privacy. Don\'t forget to adjust the settings according to our
 recommendations: <a href="#addons"><i class="fas fa-link"></i> Privacy Add-ons</a> <a href="#webrtc"><i class="fas fa-link"></i> WebRTC</a> <a href="#about_config"><i class="fas fa-link"></i> about:config tweaks</a>.'
 website="https://firefox.com"
@ -21,7 +21,7 @@ netbsd="http://pkgsrc.se/www/firefox"

 {% include cardv2.html
 title="Tor Browser - Provides Anonymity"
-image="/assets/img/tools/Tor-Browser.png"
+image="/assets/img/svg/3rd-party/tor_browser.svg"
 description='Tor Browser is your choice if you need an extra layer of anonymity. It\'s a modified version of Firefox ESR, which comes with pre-installed privacy add-ons, encryption, and an advanced proxy. <a href="https://write.privacytools.io/my-thoughts-on-security/slicing-onions-part-1-myth-busting-tor">How does Tor work?</a>'
 website="https://www.torproject.org/"
 tor="http://expyuzz4wqqyqhjn.onion/"
@ -39,7 +39,7 @@ linux="https://www.torproject.org/download/"

 {% include cardv2.html
 title="Firefox"
-image="/assets/img/tools/Firefox.png"
+image="/assets/img/svg/3rd-party/firefox_browser.svg"
 description='Firefox is fast, reliable, open-source, and respects your privacy. Don\'t forget to adjust the settings according to our
 recommendations: <a href="#addons"><i class="fas fa-link"></i> Privacy Add-ons</a> <a href="#webrtc"><i class="fas fa-link"></i> WebRTC</a> <a href="#about_config"><i class="fas fa-link"></i> about:config tweaks</a>.'
 website="https://www.mozilla.org/en-US/firefox/mobile/"
@ -52,7 +52,7 @@ android="https://www.mozilla.org/firefox/all/#product-android-release"

 {% include cardv2.html
 title="Tor Browser - Provides Anonymity"
-image="/assets/img/tools/Tor-Browser.png"
+image="/assets/img/svg/3rd-party/tor_browser.svg"
 description='Tor Browser is your choice if you need an extra layer of anonymity. It\'s a modified version of Firefox ESR, which comes with pre-installed privacy add-ons, encryption and an advanced proxy. <a href="https://write.privacytools.io/my-thoughts-on-security/slicing-onions-part-1-myth-busting-tor">How does Tor work?</a>'
 website="https://www.torproject.org/"
 tor="http://expyuzz4wqqyqhjn.onion/"
@ -65,7 +65,7 @@ googleplay="https://play.google.com/store/apps/details?id=org.torproject.torbrow

 {% include cardv2.html
 title="Bromite"
-image="/assets/img/tools/bromite.png"
+image="/assets/img/svg/3rd-party/bromite.svg"
 description='Bromite is a Chromium-based browser with security enhancement patches from GrapheneOS and other security-focused projects, built-in adblocking, and DNS over HTTPS support. More info can be found <a href="https://www.bromite.org/#main-features">on their website</a>.'
 website="https://www.bromite.org/"
 forum="https://forum.privacytools.io/t/discussion-bromite-browsers/1521"
@ -94,7 +94,7 @@ android="https://www.bromite.org/#download-bromite"

 {% include cardv2.html
 title="Firefox"
-image="/assets/img/tools/Firefox.png"
+image="/assets/img/svg/3rd-party/firefox_browser.svg"
 description='Firefox is fast, reliable, open-source, and respects your privacy. Note: Because of limitations set by Apple in iOS, our recommended tweaks cannot be applied. However, Firefox for iOS has an <a href="https://support.mozilla.org/en-US/kb/enhanced-tracking-protection-firefox-ios">Enhanced Tracking Protection</a> feature that uses a list provided by <a href="https://disconnect.me/trackerprotection">Disconnect</a> to identify and block ad, social, and analytics trackers, as well as cryptominers and fingerprinters.'
 website="https://www.mozilla.org/en-US/firefox/mobile/"
 forum="https://forum.privacytools.io/t/discussion-firefox/279"
@ -105,7 +105,7 @@ ios="https://apps.apple.com/us/app/firefox-private-safe-browser/id989804926"

 {% include cardv2.html
 title="Onion Browser"
-image="/assets/img/tools/onionbrowser.png"
+image="/assets/img/svg/3rd-party/onion_browser.svg"
 description='Onion Browser is an open-source browser that lets you browse the web anonymously over the Tor network on iOS devices and is endorsed by the Tor Project. Warning: there are certain anonymity-related <a href="https://onionbrowser.com/#security-advisories">issues</a> with Onion Browser due to iOS limitations.'
 website="https://onionbrowser.com/"
 forum="https://forum.privacytools.io/t/discussion-onion-browser-browsers/1523"
@ -116,7 +116,7 @@ ios="https://apps.apple.com/us/app/onion-browser/id519296448"

 {% include cardv2.html
 title="DuckDuckGo Privacy Browser"
-image="/assets/img/provider/DuckDuckGo.png"
+image="/assets/img/svg/3rd-party/duckduckgo.svg"
 description='DuckDuckGo Privacy Browser is an open-source web browser that has built-in ad and tracker blocking and utilizes <a href="https://tosdr.org/">ToS;DR</a> to rate the privacy policies of the sites you visit.'
 website="https://duckduckgo.com/app"
 tor="https://3g2upl4pq6kufc4m.onion/app"
--- a/_includes/sections/calendar-contacts-sync.html
+++ b/_includes/sections/calendar-contacts-sync.html
@ -7,7 +7,7 @@
 {%
  include cardv2.html
  title="Nextcloud"
-  image="/assets/img/provider/Nextcloud.png"
+  image="/assets/img/svg/3rd-party/nextcloud.svg"
  description="<strong>Nextcloud</strong> is a suite of client-server software for creating and using file hosting services. This includes calendar sync via CalDAV and contacts sync via CardDAV. Nextcloud is free and open-source, thereby allowing anyone to install and operate it without charge on a private server."
  website="https://nextcloud.com/"
  forum="https://forum.privacytools.io/t/discussion-nextcloud-calender-contacts-sync-tools/1535"
@ -25,7 +25,7 @@
 {%
  include cardv2.html
  title="EteSync"
-  image="/assets/img/provider/etesync.png"
+  image="/assets/img/svg/3rd-party/etesync.svg"
  description="<strong>EteSync</strong> is a secure, end-to-end encrypted, and privacy-respecting cloud backup and synchronization software for your personal information (e.g. contacts and calendars). There are native clients for Android, iOS, and the web, and an adapter layer for most desktop clients. It costs $24 per year to use, or you can host the server yourself for free."
  website="https://www.etesync.com/"
  forum="https://forum.privacytools.io/t/discussion-etesync-calender-contacts-sync-tools/1536"
@ -45,7 +45,7 @@
 {%
  include cardv2.html
  title="Email Providers"
-  image="/assets/img/misc/email.png"
+  image="/assets/img/svg/layout/email.svg"
  description='Many email providers also offer calendar and or contacts sync services. Refer to our <a href="/providers/email">Email Provider recommendations</a> to choose an email provider and see if they also offer calendar and/or contacts sync.'
  website="/providers/email"
 %}
--- a/_includes/sections/cloud-storage.html
+++ b/_includes/sections/cloud-storage.html
@ -6,7 +6,7 @@

 {% include cardv2.html
 title="Nextcloud - Choose your hoster"
-image="/assets/img/provider/Nextcloud.png"
+image="/assets/img/svg/3rd-party/nextcloud.svg"
 description="<strong>Nextcloud</strong> is a suite of client-server software for creating your own file hosting services on a private server you control. Nextcloud is free and open-source, and supports end-to-end encryption with many of its clients. The only limits on storage and bandwidth are the limits on the <a href=\"/providers/hosting\">server provider</a> you choose."
 website="https://nextcloud.com/"
 forum="https://forum.privacytools.io/t/discussion-nextcloud/287"
--- a/_includes/sections/email-clients.html
+++ b/_includes/sections/email-clients.html
@ -2,7 +2,7 @@

 {% include cardv2.html
 title="Thunderbird"
-image="/assets/img/tools/Thunderbird.png"
+image="/assets/img/svg/3rd-party/thunderbird.svg"
 description="Thunderbird is a free, open source, cross-platform email, newsgroup, news feed, and chat (XMPP, IRC, Twitter) client developed by the Thunderbird community, and previously by the Mozilla Foundation."
 website="https://www.thunderbird.net/"
 forum="https://forum.privacytools.io/t/discussion-thunderbird/659"
@ -17,7 +17,7 @@ netbsd="http://pkgsrc.se/mail/thunderbird"

 {% include cardv2.html
 title="Claws Mail"
-image="/assets/img/tools/Claws-Mail.png"
+image="/assets/img/png/3rd-party/claws_mail.png"
 description="Claws Mail is a free and open source, GTK-based email and news client. It offers easy configuration and an abundance of features. It is included with Gpg4win, an encryption suite for Windows."
 website="https://www.claws-mail.org/"
 forum="https://forum.privacytools.io/t/discussion-claws-mail/660"
--- a/_includes/sections/email-providers.html
+++ b/_includes/sections/email-providers.html
@ -24,7 +24,12 @@

      <tr>
        <td data-value="disroot">
-          <img alt="Disroot" src="/assets/img/provider/disroot.org.png" width="200" height="70">
+          <img
+            alt="Disroot"
+            src="/assets/img/svg/3rd-party/disroot.svg"
+            data-theme-src="/assets/img/svg/3rd-party/disroot-dark.svg"
+            width="200"
+            height="70">
        </td>
        <td>
          <a
@ -48,7 +53,12 @@

      <tr>
        <td data-value="kolabnow">
-          <img alt="Kolab Now" src="/assets/img/provider/Kolab-Now.png" width="200" height="70">
+          <img
+            alt="Kolab Now"
+            src="/assets/img/svg/3rd-party/kolab_now.svg"
+            data-theme-src="/assets/img/svg/3rd-party/kolab_now-dark.svg"
+            width="200"
+            height="70">
        </td>
        <td>
          <a
@ -72,7 +82,7 @@

      <tr>
        <td data-value="mailbox">
-          <img alt="mailbox.org" src="/assets/img/provider/mailbox.org.png" width="200" height="70">
+          <img alt="mailbox.org" src="/assets/img/svg/3rd-party/mailboxorg.svg" width="200" height="70">

        </td>
        <td>
@ -97,7 +107,12 @@

      <tr>
        <td data-value="mailfence">
-          <img alt="Mailfence" src="/assets/img/provider/Mailfence.png" width="200" height="70">
+          <img
+            alt="Mailfence"
+            src="/assets/img/svg/3rd-party/mailfence.svg"
+            data-theme-src="/assets/img/svg/3rd-party/mailfence-dark.svg"
+            width="200"
+            height="70">
        </td>
        <td>
          <a
@ -121,7 +136,7 @@

      <tr>
        <td data-value="posteo">
-          <img alt="Posteo" src="/assets/img/provider/Posteo.png" width="200" height="70">
+          <img alt="Posteo" src="/assets/img/svg/3rd-party/posteo.svg" width="200" height="70">
        </td>
        <td>
          <a
@ -145,7 +160,7 @@

      <tr>
        <td data-value="protonmail">
-          <img alt="Protonmail" src="/assets/img/provider/ProtonMail.ch.png" width="200" height="70">
+          <img alt="ProtonMail" src="/assets/img/svg/3rd-party/protonmail.svg" width="200" height="70">
        </td>
        <td>
          <a
@ -177,8 +192,12 @@

      <tr>
        <td data-value="runbox">
-          <img alt="Runbox" src="/assets/img/provider/runbox.png" width="200" height="70">
-
+          <img
+            alt="Runbox"
+            src="/assets/img/png/3rd-party/runbox.png"
+            data-theme-src="/assets/img/png/3rd-party/runbox-dark.png"
+            width="200"
+            height="70">
        </td>
        <td>
          <a
@ -202,7 +221,7 @@

      <tr>
        <td data-value="soverin">
-          <img alt="Soverin" src="/assets/img/provider/Soverin.png" width="200" height="70">
+          <img alt="Soverin" src="/assets/img/svg/3rd-party/soverin.svg" width="200" height="70">
        </td>
        <td>
          <a
@ -226,7 +245,12 @@

      <tr>
        <td data-value="startmail">
-          <img alt="StartMail" src="/assets/img/provider/StartMail.png" width="200" height="70">
+          <img
+            alt="StartMail"
+            src="/assets/img/svg/3rd-party/startmail.svg"
+            data-theme-src="/assets/img/svg/3rd-party/startmail-dark.svg"
+            width="200"
+            height="70">
        </td>
        <td>
          <a
@ -250,7 +274,12 @@

      <tr>
        <td data-value="tutanota">
-          <img alt="Tutanota" src="/assets/img/provider/Tutanota.png" width="200" height="70">
+          <img
+            alt="Tutanota"
+            src="/assets/img/svg/3rd-party/tutanota.svg"
+            data-theme-src="/assets/img/svg/3rd-party/tutanota-dark.svg"
+            width="200"
+            height="70">
        </td>
        <td>
          <a
@ -285,8 +314,8 @@

 <h3>Become Your Own Email Provider</h3>

-<a href="https://mailinabox.email/"><img src="/assets/img/provider/Mail-in-a-Box.png" width="200" height="70" class="img-fluid float-left mr-3" alt="Mail-in-a-Box"></a>
+<a href="https://mailinabox.email/"><img src="/assets/img/svg/3rd-party/mail-in-a-box.svg" width="80rem" class="img-fluid float-left mr-3" alt="Mail-in-a-Box"></a>
 <p><strong>Mail-in-a-Box</strong> lets you become your own mail service provider in a few easy steps. It's sort of like making your own Gmail, but one you control from top to bottom. Technically, Mail-in-a-Box turns a fresh cloud computer into a working mail server. But you don't need to be a technology expert to set it up. <strong>More: <a href="https://mailinabox.email/">https://mailinabox.email/</a></strong></p>

-<a href="https://mailcow.email/"><img src="/assets/img/provider/Mailcow.png" width="70" height="70" class="img-fluid float-left mr-3" alt="Mailcow"></a>
+<a href="https://mailcow.email/"><img src="/assets/img/svg/3rd-party/mailcow.svg" width="80rem" class="img-fluid float-left mr-3" alt="Mailcow"></a>
 <p><strong>Mailcow</strong> is a slightly more advanced mail server perfect for those with a bit more Linux experience. It has everything you need in a Docker container: A mailserver with DKIM support, antivirus and spam monitoring, webmail and ActiveSync with SOGo, and web-based administration with 2FA support. <strong>More: <a href="https://mailcow.github.io/mailcow-dockerized-docs/">Mailcow Dockerized docs</a></strong></p>
--- a/_includes/sections/file-encryption.html
+++ b/_includes/sections/file-encryption.html
@ -7,7 +7,8 @@
 {%
  include cardv2.html
  title="VeraCrypt - Disk Encryption"
-  image="/assets/img/tools/VeraCrypt.png"
+  image="/assets/img/svg/3rd-party/veracrypt.svg"
+  image-dark="/assets/img/svg/3rd-party/veracrypt-dark.svg"
  description="<strong>VeraCrypt</strong> is a source-available freeware utility used for on-the-fly encryption. It can create a virtual encrypted disk within a file or encrypt a partition or the entire storage device with pre-boot authentication. VeraCrypt is a fork of the discontinued TrueCrypt project. It was initially released on June 22, 2013. According to its developers, security improvements have been implemented and issues raised by the initial TrueCrypt code audit have been addressed."
  website="https://veracrypt.fr/"
  forum="https://forum.privacytools.io/t/discussion-veracrypt-file-encryption/1532"
@ -20,7 +21,7 @@
 {%
  include cardv2.html
  title="GNU Privacy Guard - Email Encryption"
-  image="/assets/img/tools/GnuPG.png"
+  image="/assets/img/svg/3rd-party/gnupg.svg"
  description="<strong>GnuPG</strong> is a GPL-licensed alternative to the PGP suite of cryptographic software. GnuPG is compliant with RFC 4880, which is the current IETF standards track specification of OpenPGP. Current versions of PGP (and Veridis' Filecrypt) are interoperable with GnuPG and other OpenPGP-compliant systems. GnuPG is a part of the Free Software Foundation's GNU software project, and has received major funding from the German government."
  website="https://gnupg.org/"
  forum="https://forum.privacytools.io/t/discussion-gnupg-file-encryption/1533"
@ -38,7 +39,7 @@
 {%
  include cardv2.html
  title="PeaZip - File Archive Encryption"
-  image="/assets/img/tools/PeaZip.png"
+  image="/assets/img/svg/3rd-party/peazip.svg"
  description="<strong>PeaZip</strong> is a free and open-source file manager and file archiver made by Giorgio Tani. It supports its native PEA archive format (featuring compression, multi volume split and flexible authenticated encryption and integrity check schemes) and other mainstream formats, with special focus on handling open formats. It also supports 180+ archive formats."
  website="http://www.peazip.org"
  forum="https://forum.privacytools.io/t/discussion-peazip-file-encryption/1534"
--- a/_includes/sections/file-sharing.html
+++ b/_includes/sections/file-sharing.html
@ -2,7 +2,7 @@

 {% include cardv2.html
 title="Firefox Send"
-image="/assets/img/tools/Firefox-Send.png"
+image="/assets/img/svg/3rd-party/firefox_send.svg"
 website="https://send.firefox.com/"
 description="Firefox Send uses end-to-end encryption to keep your data secure from the moment you share to the moment your file is opened. It also offers security controls that you can set. You can choose when your file link expires, the number of downloads, and whether you would like to add a password for an extra layer of security."
 forum="https://forum.privacytools.io/t/discussion-firefox-send/755"
@ -13,7 +13,7 @@ googleplay="https://play.google.com/store/apps/details?id=org.mozilla.firefoxsen

 {% include cardv2.html
 title="OnionShare"
-image="/assets/img/tools/OnionShare.png"
+image="/assets/img/svg/3rd-party/onionshare.svg"
 website="https://onionshare.org/"
 tor="http://elx57ue5uyfplgva.onion/"
 description="OnionShare is an open-source tool that lets you securely and anonymously share a file of any size. It works by starting a web server, making it accessible as a Tor onion service, and generating an unguessable URL for you to share so that the recipients can access and download the files."
@ -28,7 +28,7 @@ openbsd="http://openports.se/net/onionshare"

 {% include cardv2.html
 title="Magic Wormhole"
-image="/assets/img/tools/Magic-Wormhole.png"
+image="/assets/img/png/3rd-party/magic_wormhole.png"
 website="https://magic-wormhole.readthedocs.io"
 description="Magic Wormhole is a package that provides a library and a command-line tool named wormhole, which makes it possible to get arbitrary-sized files and directories (or short pieces of text) from one computer to another. Their motto: \"Get things from one computer to another, safely.\""
 forum="https://forum.privacytools.io/t/discussion-magic-wormhole/756"
--- a/_includes/sections/file-sync.html
+++ b/_includes/sections/file-sync.html
@ -8,7 +8,7 @@
 {%
  include cardv2.html
  title="Syncthing"
-  image="/assets/img/tools/Syncthing.png"
+  image="/assets/img/svg/3rd-party/syncthing.svg"
  description="<strong>Syncthing</strong> replaces proprietary sync and cloud services with something open, trustworthy and decentralized. Your data is your data alone and you deserve to choose where it is stored, if it is shared with some third-party, and how it is transmitted over the Internet."
  website="https://syncthing.net/"
  forum="https://forum.privacytools.io/t/discussion-syncthing/1627/2"
@ -23,7 +23,7 @@
 {%
  include cardv2.html
  title="SparkleShare"
-  image="/assets/img/tools/SparkleShare.png"
+  image="/assets/img/svg/3rd-party/sparkleshare.svg"
  description="<strong>SparkleShare</strong> creates a special folder on your computer. You can add remotely hosted folders (or \"projects\") to this folder. These projects will be automatically kept in sync with both the host and all of your peers when someone adds, removes, or edits a file."
  website="https://sparkleshare.org/"
  forum="https://forum.privacytools.io/t/discussion-sparkleshare/1626"
--- a/_includes/sections/fourteen-eyes.html
+++ b/_includes/sections/fourteen-eyes.html
@ -1,6 +1,6 @@
 <h1 id="ukusa" class="anchor"><a href="#ukusa"><i class="fas fa-link anchor-icon"></i></a> Global Mass Surveillance - The Fourteen Eyes</h1>

-<img src="/assets/img/layout/UKUSA.png" width="260" height="115" class="img-fluid float-right ml-2" alt="UKUSA Agreement">
+<img src="/assets/img/svg/layout/ukusa.svg" width="260" height="115" class="img-fluid float-right ml-2" alt="UKUSA Agreement">

 <p>The UKUSA Agreement is an agreement between the United Kingdom, United States, Australia, Canada, and New Zealand to cooperatively collect, analyze, and share intelligence. Members of this group, known as the <a href="https://www.giswatch.org/en/communications-surveillance/unmasking-five-eyes-global-surveillance-practices">Five Eyes</a>, focus on gathering and analyzing intelligence from different parts of the world. While Five Eyes countries have agreed to <a href="https://www.pbs.org/newshour/world/an-exclusive-club-the-five-countries-that-dont-spy-on-each-other">not spy on each other</a> as adversaries, leaks by Snowden have revealed that some Five Eyes members monitor each other's citizens and <a href="https://www.theguardian.com/uk/2013/jun/21/gchq-cables-secret-world-communications-nsa">share intelligence</a> to <a href="https://www.theguardian.com/politics/2013/jun/10/nsa-offers-intelligence-british-counterparts-blunkett">avoid breaking domestic laws</a> that prohibit them from spying on their own citizens. The Five Eyes alliance also cooperates with groups of third-party countries to share intelligence (forming the Nine Eyes and Fourteen Eyes); however, Five Eyes and third-party countries can and do spy on each other.</p>

--- a/_includes/sections/header.html
+++ b/_includes/sections/header.html
@ -3,7 +3,7 @@
 </div>

 <div class="jumbotron p-5">
-  <h1 class="display-4"><a href="{{ site.production_url }}" title="{{ site.name }}"><img src="/assets/img/layout/logo.png" width="600" height="88" class="img-fluid" alt="{{ site.name }}"></a></h1>
+  <h1 class="display-4"><a href="{{ site.production_url }}" title="{{ site.name }}"><img src="/assets/img/png/layout/logo.png" width="600" height="88" class="img-fluid" alt="{{ site.name }}"></a></h1>
  <p class="lead">You are being watched. Private and state-sponsored organizations are monitoring and recording your online activities. {{ site.name }} provides services, tools and knowledge to protect your privacy against global mass surveillance.</p>
 </div>

--- a/_includes/sections/hosting-provider.html
+++ b/_includes/sections/hosting-provider.html
@ -2,7 +2,8 @@

 {% include cardv2.html
 title="Data Center: Bahnhof"
-image="/assets/img/provider/bahnhof.png"
+image="/assets/img/svg/3rd-party/bahnhof.svg"
+image-dark="/assets/img/svg/3rd-party/bahnhof-dark.svg"
 description="Bahnhof is one of Sweden’s largest network operators, founded in 1994. They specialize in innovative data center construction: Extreme security coupled with low-cost green energy has made them world famous."
 website="https://www.bahnhof.net/"
 forum="https://forum.privacytools.io/t/discussion-bahnhof-net/341"
@ -10,7 +11,8 @@ forum="https://forum.privacytools.io/t/discussion-bahnhof-net/341"

 {% include cardv2.html
 title="VPS & Domain: Njalla"
-image="/assets/img/provider/Njalla.png"
+image="/assets/img/svg/3rd-party/njalla.svg"
+image-dark="/assets/img/svg/3rd-party/njalla-dark.svg"
 description="Njalla is a privacy-aware domain registration service and VPS provider based in Nevis (with VPS data centers in Sweden). It is created by people from The Pirate Bay and IPredator VPN. Accepted payments: Bitcoin, Litecoin, Monero, DASH, Bitcoin Cash and PayPal."
 website="https://njal.la/"
 tor="http://njalladnspotetti.onion"
@ -19,7 +21,7 @@ forum="https://forum.privacytools.io/t/discussion-njalla/339"

 {% include cardv2.html
 title="Colocation: DataCell"
-image="/assets/img/provider/datacell.png"
+image="/assets/img/png/3rd-party/datacell.png"
 description="DataCell is a data center providing secure colocating in Switzerland and Iceland."
 website="https://datacell.is/"
 forum="https://forum.privacytools.io/t/discussion-datacell-is/342"
@ -27,7 +29,7 @@ forum="https://forum.privacytools.io/t/discussion-datacell-is/342"

 {% include cardv2.html
 title="VPS, Hosting, & Domain: Orange Website"
-image="/assets/img/provider/orange_hosting.png"
+image="/assets/img/png/3rd-party/orange_website.png"
 description="Orange Website is an Icelandic web hosting provider that prides themselves in protecting online privacy and free speech."
 website="https://www.orangewebsite.com/"
 forum="https://forum.privacytools.io/t/discussion-orange-website/343"
--- a/_includes/sections/instant-messenger.html
+++ b/_includes/sections/instant-messenger.html
@ -33,7 +33,7 @@
 {%
   include cardv2.html
   title="Signal"
-   image="/assets/img/tools/Signal.png"
+   image="/assets/img/svg/3rd-party/signal.svg"
   description='Signal is a mobile app developed by Signal Messenger LLC. The app provides instant messaging, as well as voice and video calling. All communications are E2EE unless you choose to send as SMS. Its protocol has also been <a href="https://eprint.iacr.org/2016/1013.pdf">indepedently audited (PDF)</a>'
   labels="warning:<a>Requires phone number</a>:Signal requires your phone number as an personal identifier which means anyone you communicate with will see it.|success:VoIP"
   website="https://signal.org/"
@ -50,7 +50,7 @@
 {%
  include cardv2.html
  title="Keybase"
-  image="/assets/img/tools/keybase.png"
+  image="/assets/img/svg/3rd-party/keybase.svg"
  description='Keybase provides a hosted team chat with E2EE. Its protocol has also been <a href="https://keybase.io/docs-assets/blog/NCC_Group_Keybase_KB2018_Public_Report_2019-02-27_v1.3.pdf">indepedently audited (PDF)</a>. Keybase can help you prove you own social media accounts though the use of cryptographic signing of "<a href="https://en.wikipedia.org/wiki/Keybase#Identity_proofs">identity proofs</a>".'
  labels="warning:<a href=//github.com/keybase/client/issues/6374>Warning</a>:This software relies on a closed-source central server."
  website="https://keybase.io/"
@ -94,8 +94,8 @@
 {%
  include cardv2.html
  title="Matrix"
-  image="/assets/img/tools/Matrix.png"
-  image-dark="/assets/img/tools/Matrix-dark.png"
+  image="/assets/img/svg/3rd-party/matrix.svg"
+  image-dark="/assets/img/svg/3rd-party/matrix-dark.svg"
  description='<a href="https://matrix.org/docs/guides/introduction">Matrix</a> is an open-source project that publishes the <a href="https://matrix.org/docs/spec">Matrix open standard</a> for secure, decentralized, real-time communication.<br />
  <a href="https://en.wikipedia.org/wiki/Riot.im">Riot.im</a> is the popular reference client produced by the Matrix.org team. It offers optional E2EE for 1:1 and group conversations that <strong>must</strong> be turned on by the user. (This can be done by clicking on the toggle switch which is accessed by clicking the room name or user name of the chat → Security &amp; Privacy → Encrypted). In the future it will be <a href="https://github.com/vector-im/riot-web/issues/6779">on by default.</a>'
  website="https://about.riot.im/"
@ -150,7 +150,7 @@
 {%
  include cardv2.html
  title="Briar"
-  image="/assets/img/tools/Briar.png"
+  image="/assets/img/svg/3rd-party/briar.svg"
  description="Encrypted instant messenger that connects to contacts via Wi-Fi, Bluetooth, or Tor over the internet to synchronize messages. Technology such as this has proven to be useful when Internet availability is an issue, such as in times of crisis."
  website="https://briarproject.org"
  forum="https://forum.privacytools.io/t/discussion-briar/2114"
@ -162,7 +162,7 @@
 {%
  include cardv2.html
  title="Jami"
-  image="/assets/img/tools/Jami.png"
+  image="/assets/img/svg/3rd-party/jami.svg"
  description="Encrypted instant messaging and video calling software. Uses <a href=//jami.net/improving-performance-and-security-with-tls-1-3/>TLS 1.3</a> for encryption."
  labels="success:VoIP"
  website="https://jami.net/"
@ -179,8 +179,8 @@
 {%
  include cardv2.html
  title="qTox"
-  image="/assets/img/tools/qtox.png"
-  image-dark="/assets/img/tools/qtox-dark.png"
+  image="/assets/img/svg/3rd-party/tox.svg"
+  image-dark="/assets/img/svg/3rd-party/tox-dark.svg"
  description='Encrypted instant messaging and video calling software. Uses its <a href="https://toktok.ltd/spec.html"> own encryption protocol</a> that has not yet been officially audited by cryptographers.'
  labels="warning:<a href=//tox.chat/download.html#warning>Experimental</a>:Encryption has not been audited by professional cryptographers|success:VoIP"
  website="https://tox.chat"
--- a/_includes/sections/live-operating-systems.html
+++ b/_includes/sections/live-operating-systems.html
@ -2,7 +2,7 @@

 {% include cardv2.html
 title="Tails"
-image="/assets/img/tools/Tails.png"
+image="/assets/img/svg/3rd-party/tails.svg"
 description='Tails is a live operating system that can boot on almost any computer from a DVD, USB stick, or SD card you control. It aims at preserving privacy and anonymity, and circumventing censorship by forcing Internet connections through the Tor network; leaving no trace on the computer; and using state-of-the-art cryptographic tools to encrypt files, emails, and instant messages.'
 badges="info:GNU/Linux"
 labels="warning:contrib:This software may depend on or recommend non-free software."
@ -12,7 +12,8 @@ git="https://git-tails.immerda.ch/tails/"

 {% include cardv2.html
 title="KNOPPIX"
-image="/assets/img/tools/KNOPPIX.png"
+image="/assets/img/svg/3rd-party/knoppix.svg"
+image="/assets/img/svg/3rd-party/knoppix-dark.svg"
 description='Knoppix is an operating system based on Debian designed to be run directly from a CD / DVD (Live CD) or a USB flash drive (Live USB), one of the first of its kind for any operating system. When starting a program, it is loaded from the removable medium and decompressed into a RAM drive. The decompression is transparent and on-the-fly.'
 badges="info:GNU/Linux"
 labels="warning:contrib:This software may depend on or recommend non-free software."
@ -22,7 +23,7 @@ source="https://www.knopper.net/knoppix-info/index-en.html#license"

 {% include cardv2.html
 title="Puppy Linux"
-image="/assets/img/tools/Puppy-Linux.png"
+image="/assets/img/svg/3rd-party/puppy_linux.svg"
 description='Puppy Linux operating system is a lightweight Linux distribution that focuses on ease of use and minimal memory footprint. The entire system can be run from RAM with current versions generally taking up about 210 MB, allowing the boot medium to be removed after the operating system has started.'
 badges="info:GNU/Linux"
 labels="warning:contrib:This software may depend on or recommend non-free software."
--- a/_includes/sections/mobile-operating-systems.html
+++ b/_includes/sections/mobile-operating-systems.html
@ -6,8 +6,8 @@

 {% include cardv2.html
 title="GrapheneOS"
-image="/assets/img/tools/GrapheneOS.png"
-image-dark="/assets/img/tools/GrapheneOS-dark.png"
+image="/assets/img/svg/3rd-party/grapheneos.svg"
+image-dark="/assets/img/svg/3rd-party/grapheneos-dark.svg"
 description='GrapheneOS (formerly known as CopperheadOS) is a free and open-source security- and privacy-focused mobile operating system built on top of the Android Open Source Project. It currently specifically targets devices offering strong hardware security.'
 badges="info:AOSP"
 labels="warning:contrib:This software may depend on or recommend non-free software."
@ -17,7 +17,7 @@ github="https://github.com/GrapheneOS/"

 {% include cardv2.html
 title="LineageOS"
-image="/assets/img/tools/LineageOS.png"
+image="/assets/img/svg/3rd-party/lineageos.svg"
 description='LineageOS is a free and open-source operating system for smartphones and tablets, based on the official releases of the Android Open Source Project. It is the continuation of the CyanogenMod project.'
 badges="info:AOSP"
 labels="warning:contrib:This software may depend on or recommend non-free software."
@ -27,7 +27,7 @@ github="https://github.com/LineageOS"

 {% include cardv2.html
 title="Ubuntu Touch"
-image="/assets/img/tools/Ubuntu-Touch.png"
+image="/assets/img/svg/3rd-party/ubuntu.svg"
 description="Ubuntu Touch is a free and open-source operating system for smartphones and tablets. It's an alternative to the current popular mobile operating systems on the market. Only a few devices are <a href=https://devices.ubuntu-touch.io/>supported.</a>"
 badges="info:GNU/Linux"
 labels="warning:contrib:This software may depend on or recommend non-free software."
--- a/_includes/sections/notebooks.html
+++ b/_includes/sections/notebooks.html
@ -6,7 +6,7 @@

 {% include cardv2.html
 title="Joplin"
-image="/assets/img/tools/Joplin.png"
+image="/assets/img/svg/3rd-party/joplin.svg"
 description="Joplin is a free, open-source, and fully-featured note-taking and to-do application which can handle a large number of markdown notes organized into notebooks and tags. It offers end-to-end encryption and can sync through Nextcloud, Dropbox, and more. It also offers easy import from Evernote and plain-text notes."
 website="https://joplinapp.org/"
 github="https://github.com/laurent22/joplin"
@ -23,7 +23,7 @@ chrome="https://chrome.google.com/webstore/detail/joplin-web-clipper/alofnhikmmk

 {% include cardv2.html
 title="Standard Notes"
-image="/assets/img/tools/StandardNotes.png"
+image="/assets/img/svg/3rd-party/standard_notes.svg"
 description='Standard Notes is a simple and private notes app that makes your notes easy and available everywhere you are. It features end-to-end encryption on every platform, and a powerful desktop experience with themes and custom editors. It has also been <a href="https://s3.amazonaws.com/standard-notes/security/Report-SN-Audit.pdf">independently audited (PDF)</a>.'
 website="https://standardnotes.org/"
 github="https://github.com/standardnotes"
@ -38,7 +38,7 @@ web="https://app.standardnotes.org/"

 {% include cardv2.html
 title="Turtl"
-image="/assets/img/tools/Turtl.png"
+image="/assets/img/svg/3rd-party/turtl.svg"
 description="Turtl lets you take notes, bookmark websites, and store documents for sensitive projects. From sharing passwords with your coworkers to tracking research on an article you're writing, Turtl keeps it all safe from everyone but you and those you share with."
 website="https://turtlapp.com/"
 github="https://github.com/turtl"
--- a/_includes/sections/operating-systems.html
+++ b/_includes/sections/operating-systems.html
@ -6,7 +6,7 @@

 {% include cardv2.html
 title="Qubes OS"
-image="/assets/img/tools/Qubes-OS.png"
+image="/assets/img/svg/3rd-party/qubes_os.svg"
 description='Qubes is an open-source operating system designed to provide strong security for desktop computing. Qubes is based on Xen, the X Window System, and Linux, and can run most Linux applications and utilize most of the Linux drivers.'
 badges="info:Xen"
 labels="warning:contrib:This software may depend on or recommend non-free software."
@ -17,7 +17,7 @@ tor="http://qubesosfasa4zl44o4tws22di6kepyzfeqv3tg4e3ztknltfxqrymdad.onion/"

 {% include cardv2.html
 title="Fedora Workstation"
-image="/assets/img/tools/Fedora.png"
+image="/assets/img/svg/3rd-party/fedora.svg"
 description='Fedora is a Linux distribution developed by the Fedora Project and sponsored by Red Hat. Fedora Workstation is a secure, reliable, and user-friendly edition developed for desktops and laptops, using GNOME as the default desktop environment.'
 badges="info:GNU/Linux"
 labels="warning:contrib:This software may depend on or recommend non-free software."
@ -27,7 +27,7 @@ git="https://src.fedoraproject.org/"

 {% include cardv2.html
 title="Debian"
-image="/assets/img/tools/Debian.png"
+image="/assets/img/svg/3rd-party/debian.svg"
 description='Debian is a Unix-like computer operating system and a Linux distribution that is composed entirely of free and open-source software, most of which is under the GNU General Public License, and packaged by a group of individuals known as the Debian project.'
 badges="info:GNU/Linux"
 website="https://www.debian.org/"
--- a/_includes/sections/participate.html
+++ b/_includes/sections/participate.html
@ -8,7 +8,7 @@

  {% include card.html color="success"
  title="Discourse & Reddit"
-  image="/assets/img/icons/discourse.png"
+  image="/assets/img/svg/3rd-party/discourse.svg"
  url="https://forum.privacytools.io/"
  website="Discourse"
  extra_button='<a class="btn btn-success mb-1" href="https://www.reddit.com/r/privacytoolsIO/">Reddit</a>'
@ -17,7 +17,7 @@

  {% include card.html color="primary"
  title="Follow on Mastodon & Twitter"
-  image="/assets/img/icons/mastodon.png"
+  image="/assets/img/svg/3rd-party/mastodon.svg"
  url="https://social.privacytools.io/"
  website="Mastodon"
  extra_button='<a class="btn btn-primary mb-1" href="https://twitter.com/privacytoolsIO">Twitter</a>'
--- a/_includes/sections/password-managers.html
+++ b/_includes/sections/password-managers.html
@ -7,7 +7,7 @@
 {%
  include cardv2.html
  title="Bitwarden - Cloud/Self-host"
-  image="/assets/img/tools/bitwarden.png"
+  image="/assets/img/svg/3rd-party/bitwarden.svg"
  description="<strong>Bitwarden</strong> is a free and open-source password manager. It aims to solve password management problems for individuals, teams, and business organizations. Bitwarden is among the easiest and safest solutions to store all of your logins and passwords while conveniently keeping them synced between all of your devices. If you don't want to use the Bitwarden cloud, you can easily host your own Bitwarden server."
  website="https://bitwarden.com/"
  forum="https://forum.privacytools.io/t/discussion-bitwarden/1343"
@ -32,7 +32,7 @@
 {%
  include cardv2.html
  title="KeePassXC - Local"
-  image="/assets/img/tools/keepassxc.png"
+  image="/assets/img/svg/3rd-party/keepassxc.svg"
  description="<strong>KeePassXC</strong> is a community fork of KeePassX, a native cross-platform port of KeePass Password Safe, with the goal to extend and improve it with new features and bugfixes to provide a feature-rich, fully cross-platform and modern open-source password manager."
  website="https://keepassxc.org/"
  forum="https://forum.privacytools.io/t/discussion-keepassxc/1344/2"
@ -52,7 +52,7 @@
 {%
  include cardv2.html
  title="LessPass - Browser"
-  image="/assets/img/tools/LessPass.png"
+  image="/assets/img/svg/3rd-party/lesspass.svg"
  description="<strong>LessPass</strong> is a free and open-source password manager that generates unique passwords for websites, email accounts, or anything else based on a master password and information you know. No sync needed. Uses PBKDF2 and SHA-256. It's advised to use the browser addons for more security."
  website="https://lesspass.com/"
  forum="https://forum.privacytools.io/t/discussion-keepassxc/1344/2"
--- a/_includes/sections/paste-services.html
+++ b/_includes/sections/paste-services.html
@ -2,7 +2,7 @@

 {% include cardv2.html
 title="PrivateBin"
-image="/assets/img/tools/PrivateBin.png"
+image="/assets/img/svg/3rd-party/privatebin.svg"
 description="PrivateBin is a minimalist, open-source online pastebin where the server has zero knowledge of pasted data. Data is encrypted/decrypted in the browser using 256-bit AES. It is the improved version of ZeroBin."
 website="https://privatebin.info/"
 forum="https://forum.privacytools.io/t/discussion-privatebin/296"
@ -12,7 +12,7 @@ github="https://github.com/PrivateBin/PrivateBin"

 {% include cardv2.html
 title="CryptPad"
-image="/assets/img/provider/CryptPad.png"
+image="/assets/img/svg/3rd-party/cryptpad.svg"
 description="CryptPad is an open-source, zero knowledge, and real-time collaborative editor. Data is encrypted/decrypted in the browser, using Salsa20 with Poly1305 to encrypt pads."
 website="https://cryptpad.fr/pad/"
 forum="https://forum.privacytools.io/t/discussion-cryptpad/1270"
--- a/_includes/sections/productivity-tools.html
+++ b/_includes/sections/productivity-tools.html
@ -3,7 +3,7 @@
 {%
  include cardv2.html
  title="CryptPad"
-  image="/assets/img/provider/CryptPad.png"
+  image="/assets/img/svg/3rd-party/cryptpad.svg"
  description="<strong>CryptPad</strong> is a private-by-design alternative to popular office tools and cloud services. All content is end-to-end encrypted. It is free and open-source, enabling anyone to verify its security by auditing the code. The development team is supported by donations and grants. No registration is required, and it can be used anonymously via Tor Browser."
  website="https://cryptpad.fr/"
  forum="https://forum.privacytools.io/t/discussion-cryptpad-productivity-tools/1537"
@ -14,8 +14,7 @@
 {%
  include cardv2.html
  title="Etherpad"
-  image="/assets/img/tools/Etherpad.png"
-  image-dark="/assets/img/tools/Etherpad-dark.png"
+  image="/assets/img/svg/3rd-party/etherpad.svg"
  description="<strong>Etherpad</strong> is a highly customizable open-source online editor providing collaborative editing in real time. <a href=https://github.com/ether/etherpad-lite/wiki/Sites-that-run-Etherpad>Here are a list of sites that run Etherpad</a>."
  website="https://etherpad.org/"
  forum="https://forum.privacytools.io/t/discussion-etherpad-productivity-tools/1538"
@ -32,8 +31,8 @@
 {%
  include cardv2.html
  title="Write.as"
-  image="/assets/img/tools/WriteAs.png"
-  image-dark="/assets/img/tools/WriteAs-dark.png"
+  image="/assets/img/svg/3rd-party/writeas.svg"
+  image-dark="/assets/img/svg/3rd-party/writeas-dark.svg"
  description="<strong>Write.as</strong> is a cross-platform, privacy-oriented blogging platform. It's anonymous by default, letting you publish without signing up. If you create an account, it doesn't require any personal information. No ads, distraction-free, and built on a sustainable business model."
  website="https://write.as/"
  forum="https://forum.privacytools.io/t/discussion-write-as-productivity-tools/1539"
@ -70,7 +69,7 @@
 {%
  include cardv2.html
  title="MAT2"
-  image="/assets/img/tools/MAT2.png"
+  image="/assets/img/svg/3rd-party/mat2.svg"
  description="<strong>MAT2</strong> is free software, which allows the removal of metadata of image, audio, torrent, and document file types. It provides both a command line tool and a graphical user interface via an extension for Nautilus, the default file manager of GNOME."
  website="https://0xacab.org/jvoisin/mat2"
  forum="https://forum.privacytools.io/t/discussion-mat/1559"
--- a/_includes/sections/quotes.html
+++ b/_includes/sections/quotes.html
@ -2,7 +2,7 @@
  <h1>Privacy? I don't have anything to hide.</h1>
 </div>
 <blockquote class="blockquote">
-  <p><a href="https://www.ted.com/talks/glenn_greenwald_why_privacy_matters" title="Glenn Greenwald - Why privacy matters - TED Talk"><img src="/assets/img/layout/Glenn-Greenwald-Why-privacy-matters.jpg" width="177" height="200" class="img-fluid float-right ml-2" alt="Glenn Greenwald: Why privacy matters"></a>
+  <p><a href="https://www.ted.com/talks/glenn_greenwald_why_privacy_matters" title="Glenn Greenwald - Why privacy matters - TED Talk"><img src="/assets/img/png/layout/glenn_greenwald.png" width="170px" class="img-fluid float-right ml-2" alt="Glenn Greenwald: Why privacy matters"></a>
  Over the last 16 months, as I've debated this issue around the world, every single time somebody has said to me, "I don't really worry about invasions of privacy because I don't have anything to hide." I always say the same thing to them. I get out a
  pen, I write down my email address. I say, "Here's my email address. What I want you to do when you get home is email me the passwords to all of your email accounts, not just the nice, respectable work one in your name, but all of them, because I
  want to be able to just troll through what it is you're doing online, read what I want to read and publish whatever I find interesting. After all, if you're not a bad person, if you're doing nothing wrong, you should have nothing to hide." <strong>Not a single person has taken me up on that offer.</strong></p>
--- a/_includes/sections/router-firmware.html
+++ b/_includes/sections/router-firmware.html
@ -2,7 +2,8 @@

 {% include cardv2.html
 title="OpenWrt"
-image="/assets/img/tools/OpenWrt.png"
+image="/assets/img/svg/3rd-party/openwrt.svg"
+image-dark="/assets/img/svg/3rd-party/openwrt-dark.svg"
 description="OpenWrt is an operating system (in particular, an embedded operating system) based on the Linux kernel, primarily used on embedded devices to route network traffic. The main components are the Linux kernel, util-linux, uClibc and BusyBox. All components have been optimized for size, to be small enough for fitting into the limited storage and memory available in home routers."
 badges="info:Linux"
 labels="warning:contrib:This software may depend on or recommend non-free software."
@ -12,7 +13,8 @@ git="https://git.openwrt.org/"

 {% include cardv2.html
 title="pfSense"
-image="/assets/img/tools/pfSense.png"
+image="/assets/img/svg/3rd-party/pfsense.svg"
+image-dark="/assets/img/svg/3rd-party/pfsense-dark.svg"
 description="pfSense is an open source firewall/router computer software distribution based on FreeBSD. It is installed on a computer to make a dedicated firewall/router for a network and is noted for its reliability and offering features often only found in expensive commercial firewalls. pfSense is commonly deployed as a perimeter firewall, router, wireless access point, DHCP server, DNS server, and as a VPN endpoint."
 badges="info:BSD"
 labels="warning:contrib:This software may depend on or recommend non-free software."
@ -22,7 +24,8 @@ github="https://github.com/pfsense/"

 {% include cardv2.html
 title="LibreCMC"
-image="/assets/img/tools/LibreCMC.png"
+image="/assets/img/svg/3rd-party/librecmc.svg"
+image-dark="/assets/img/svg/3rd-party/librecmc-dark.svg"
 description="LibreCMC is a GNU/Linux-libre distribution for computers with minimal resources, such as the Ben Nanonote, ath9k-based Wi-Fi routers, and other hardware with emphasis on free software. The project's current goal is to aim for compliance with the GNU Free System Distribution Guidelines (GNU FSDG) and ensure that the project continues to meet these requirements set forth by the Free Software Foundation (FSF)."
 badges="info:GNU/Linux"
 website="https://librecmc.org"
--- a/_includes/sections/search-engines.html
+++ b/_includes/sections/search-engines.html
@ -6,7 +6,7 @@

 {% include cardv2.html
 title="searx - Decentral"
-image="/assets/img/provider/searx.png"
+image="/assets/img/svg/3rd-party/searx.svg"
 description='searx is an <a href="https://github.com/asciimoo/searx">open-source</a> metasearch engine, aggregating the results of other search engines while not storing information about its users. No logs, no ads and no tracking. There is a <a href="https://github.com/asciimoo/searx/wiki/Searx-instances">list of public instances</a>, or you can try <a href="https://search.privacytools.io/">the PrivacyTools Search</a>'
 website="https://searx.me/"
 tor="http://ulrn6sryqaifefld.onion"
@ -16,7 +16,7 @@ github="https://github.com/asciimoo/searx"

 {% include cardv2.html
 title="DuckDuckGo - USA"
-image="/assets/img/provider/DuckDuckGo.png"
+image="/assets/img/svg/3rd-party/duckduckgo.svg"
 description='DuckDuckGo is a "search engine that doesn\'t track you." Some of DuckDuckGo\'s code is free software hosted at GitHub, but the core is proprietary. <span class="flag-icon flag-icon-us"></span> <a href="../../providers/#ukusa">The company is based in the USA.</a>'
 website="https://duckduckgo.com/"
 tor="http://3g2upl4pq6kufc4m.onion"
@ -26,7 +26,7 @@ github="https://github.com/duckduckgo"

 {% include cardv2.html
 title="Qwant - France"
-image="/assets/img/provider/Qwant.png"
+image="/assets/img/svg/3rd-party/qwant.svg"
 description='Qwant is a search engine with its philosophy based on two principles: no user tracking and no filter bubble. Qwant was launched in France in February 2013.'
 website="https://www.qwant.com/"
 forum="https://forum.privacytools.io/t/discussion-qwant/286"
--- a/_includes/sections/self-contained-networks.html
+++ b/_includes/sections/self-contained-networks.html
@ -6,7 +6,7 @@

 {% include cardv2.html
 title="Tor"
-image="/assets/img/tools/Tor-Project.png"
+image="/assets/img/svg/3rd-party/tor.svg"
 description="The Tor network is a group of volunteer-operated servers that allows people to improve their privacy and security on the Internet. Tor's users employ this network by connecting through a series of virtual tunnels rather than making a direct connection, thus allowing both organizations and individuals to share information over public networks without compromising their privacy. Tor is an effective censorship circumvention tool."
 website="https://www.torproject.org/"
 tor="http://expyuzz4wqqyqhjn.onion"
@ -25,8 +25,8 @@ git="https://gitweb.torproject.org/tor.git"

 {% include cardv2.html
 title="I2P Anonymous Network"
-image="/assets/img/tools/I2P.png"
-image-dark="/assets/img/tools/I2P-dark.png"
+image="/assets/img/svg/3rd-party/i2p.svg"
+image-dark="/assets/img/svg/3rd-party/i2p-dark.svg"
 description="The Invisible Internet Project (I2P) is a computer network layer that allows applications to send messages to each other pseudonymously and securely. Uses include anonymous Web surfing, chatting, blogging, and file transfers. The software that implements this layer is called an I2P router and a computer running I2P is called an I2P node. The software is free and open-source and is published under multiple licenses."
 website="https://geti2p.net/"
 forum="https://forum.privacytools.io/t/discussion-i2p/1590"
@ -45,7 +45,7 @@ source="https://geti2p.net/en/get-involved/guides/new-developers#getting-the-i2p

 {% include cardv2.html
 title="The Freenet Project"
-image="/assets/img/tools/Freenet.png"
+image="/assets/img/svg/3rd-party/freenet.svg"
 description="Freenet is a peer-to-peer platform for censorship-resistant communication. It uses a decentralized distributed data store to keep and deliver information, and has a suite of free software for publishing and communicating on the Web without fear of censorship. Both Freenet and some of its associated tools were originally designed by Ian Clarke, who defined Freenet's goal as providing freedom of speech on the Internet with strong anonymity protection."
 website="https://freenetproject.org/"
 forum="https://forum.privacytools.io/t/discussion-freenet/1591"
--- a/_includes/sections/selfhosted-cloud.html
+++ b/_includes/sections/selfhosted-cloud.html
@ -6,7 +6,7 @@

 {% include cardv2.html
 title="Nextcloud"
-image="/assets/img/provider/Nextcloud.png"
+image="/assets/img/svg/3rd-party/nextcloud.svg"
 description="<strong>Nextcloud</strong> is a suite of client-server software for creating your own file hosting services on a private server you control. Nextcloud is free and open-source, and supports end-to-end encryption with many of its clients. The only limits on storage and bandwidth are the limits on the <a href=\"/providers/hosting\">server provider</a> you choose."
 website="https://nextcloud.com/"
 forum="https://forum.privacytools.io/t/discussion-nextcloud/287"
@ -24,8 +24,8 @@ github="https://github.com/nextcloud"

 {% include cardv2.html
 title="Tahoe-LAFS"
-image="/assets/img/tools/Tahoe-LAFS.png"
-image-dark="/assets/img/tools/Tahoe-LAFS-dark.png"
+image="/assets/img/svg/3rd-party/tahoe-lafs.svg"
+image-dark="/assets/img/svg/3rd-party/tahoe-lafs-dark.svg"
 website="https://www.tahoe-lafs.org/"
 forum="https://forum.privacytools.io/t/discussion-tahoe-lafs/1662"
 description="Tahoe-LAFS is a free and open decentralized cloud storage system. It distributes your data across multiple servers. Even if some of the servers fail or are taken over by an attacker, the entire file store continues to function correctly, preserving your privacy and security."
--- a/_includes/sections/social-networks.html
+++ b/_includes/sections/social-networks.html
@ -6,7 +6,7 @@

 {% include cardv2.html
 title="Mastodon - Twitter Alternative"
-image="/assets/img/tools/Mastodon.png"
+image="/assets/img/svg/3rd-party/mastodon.svg"
 description='Mastodon is a social network based on open web protocols and free, open-source software. It is decentralized like email, users can exist on different servers or even different platforms but still communicate with each other. It also has the most users, and the most diverse (in terms of interests) users, it looks good, and it is easy to setup yourself. If you are looking for a server to join, you are welcome to join our hosted instance: <a href="https://social.privacytools.io/">social.privacytools.io</a>'
 website="https://joinmastodon.org/"
 forum="https://forum.privacytools.io/t/discussion-mastodon/289"
@ -25,7 +25,7 @@ web="https://joinmastodon.org/#getting-started"

 {% include cardv2.html
 title="diaspora* - Google+ Alternative"
-image="/assets/img/tools/diaspora.png"
+image="/assets/img/svg/3rd-party/diaspora.svg"
 description="diaspora* is based on three key philosophies: Decentralization, Freedom, and Privacy. It is intended to address privacy concerns related to centralized social networks by allowing users set up their own server (or \"pod\") to host content. Pods can then interact to share status updates, photographs, and other social data."
 website="https://diasporafoundation.org/"
 forum="https://forum.privacytools.io/t/discussion-diaspora/290"
@ -36,7 +36,7 @@ web="https://diasporafoundation.org/"

 {% include cardv2.html
 title="Friendica - Facebook Alternative"
-image="/assets/img/tools/Friendica.png"
+image="/assets/img/svg/3rd-party/friendica.svg"
 description="Friendica has an emphasis on extensive privacy settings and easy server installation. It aims to federate with as many other social networks as possible. Currently, Friendica users can integrate contacts from Facebook, Twitter, Diaspora, GNU social, App.net, Pump.io and other services in their social streams."
 website="https://friendi.ca/"
 forum="https://forum.privacytools.io/t/discussion-friendica/291"
@ -50,7 +50,7 @@ web="https://friendi.ca/"

 {% include cardv2.html
 title="PixelFed - Instagram Alternative"
-image="/assets/img/provider/pixelfed.png"
+image="/assets/img/svg/3rd-party/pixelfed.svg"
 description='PixelFed is a free and ethical photo sharing platform, powered by ActivityPub federation. Pixelfed is an open-source, federated platform. You can run your own instance or <a href="https://fediverse.party/en/pixelfed/">join an existing one.</a>'
 website="https://pixelfed.org/"
 forum="https://forum.privacytools.io/t/discussion-pixelfed/293"
@ -60,7 +60,7 @@ web="https://pixelfed.org/"

 {% include cardv2.html
 title="GNU social - Twitter Alternative"
-image="/assets/img/provider/gnu-social.png"
+image="/assets/img/svg/3rd-party/gnu_social.svg"
 description="GNU social is social-communication software for both public and private communications. It is widely supported and has a large userbase. It is already used by the Free Software Foundation."
 website="https://gnu.io/social/"
 forum="https://forum.privacytools.io/t/discussion-gnu-social/292"
--- a/_includes/sections/social-news-aggregator.html
+++ b/_includes/sections/social-news-aggregator.html
@ -6,7 +6,7 @@

 {% include cardv2.html
 title="Aether"
-image="/assets/img/tools/aether.png"
+image="/assets/img/svg/3rd-party/aether.svg"
 description='<a href="https://github.com/nehbit/aether/blob/master/LICENSE.md">Aether is a free and open-source</a> decentralized social news aggregator with a built-in voting system.'
 website="https://getaether.net/"
 forum="https://forum.privacytools.io/t/discussion-aether/1256"
@ -18,7 +18,7 @@ linux="https://getaether.net/download/"

 {% include cardv2.html
 title="Tildes"
-image="/assets/img/tools/tildes.png"
+image="/assets/img/svg/3rd-party/tildes.svg"
 description='Tildes is a web-based self-hostable online bulletin board. It is licensed under <a href="https://gitlab.com/tildes/tildes/blob/master/LICENSE">GPL 3.0</a>.'
 website="https://tildes.net"
 forum="https://forum.privacytools.io/t/discussion-tildes/1257"
@ -28,7 +28,7 @@ web="https://tildes.net"

 {% include cardv2.html
 title="Raddle"
-image="/assets/img/tools/raddle.png"
+image="/assets/img/png/3rd-party/raddle.png"
 description="Raddle is a public Postmill instance focused on privacy and anti-censorship."
 website="https://raddle.me"
 forum="https://forum.privacytools.io/t/discussion-raddle/1258"
--- a/_includes/sections/teamchat.html
+++ b/_includes/sections/teamchat.html
@ -7,8 +7,8 @@
 {%
  include cardv2.html
  title="Matrix"
-  image="/assets/img/tools/Matrix.png"
-  image-dark="/assets/img/tools/Matrix-dark.png"
+  image="/assets/img/svg/3rd-party/matrix.svg"
+  image-dark="/assets/img/svg/3rd-party/matrix-dark.svg"
  description='<a href="https://matrix.org/docs/guides/introduction">Matrix</a> is an open-source project that publishes the <a href="https://matrix.org/docs/spec">Matrix open standard</a> for secure, decentralized, real-time communication.<br />
  <a href="https://en.wikipedia.org/wiki/Riot.im">Riot.im</a> is the popular reference client produced by the Matrix.org team. It offers optional E2EE for 1:1 and group conversations that <strong>must</strong> be turned on by the user. (This can be done by clicking on the toggle switch which is accessed by clicking the room name or user name of the chat → Security &amp; Privacy → Encrypted). In the future it will be <a href="https://github.com/vector-im/riot-web/issues/6779">on by default.</a>'
  website="https://about.riot.im/"
@ -26,7 +26,7 @@
 {%
  include cardv2.html
  title="Rocket.chat"
-  image="/assets/img/tools/rocket.chat.png"
+  image="/assets/img/svg/3rd-party/rocketchat.svg"
  description="Rocket.chat is an self-hostable open source platform for team communication. It has optional federation and experimental E2EE."
  labels="warning:<a href=//rocket.chat/docs/user-guides/end-to-end-encryption/>Experimental E2EE</a>:Regarding E2EE their documentation states 'This feature is currently in alpha. It's also not yet supported on mobile'. There is no forward secrecy so compromised decryption password would leak all messages. Federation was also added afterwards, potentially causing room for mistakes."
  website="https://rocket.chat/"
@ -43,7 +43,7 @@
 {%
  include cardv2.html
  title="Keybase"
-  image="/assets/img/tools/keybase.png"
+  image="/assets/img/svg/3rd-party/keybase.svg"
  description='Keybase provides a hosted team chat with E2EE. Its protocol has also been <a href="https://keybase.io/docs-assets/blog/NCC_Group_Keybase_KB2018_Public_Report_2019-02-27_v1.3.pdf">indepedently audited (PDF)</a>. Keybase can help you prove you own social media accounts though the use of cryptographic signing of "<a href="https://en.wikipedia.org/wiki/Keybase#Identity_proofs">identity proofs</a>".'
  labels="warning:<a href=github.com/keybase/client/issues/6374>Warning</a>:This software relies on a closed-source central server."
  website="https://keybase.io/"
--- a/_includes/sections/voice-video-messenger.html
+++ b/_includes/sections/voice-video-messenger.html
@ -6,7 +6,7 @@

 {% include cardv2.html
 title="Linphone"
-image="/assets/img/tools/Linphone.png"
+image="/assets/img/svg/3rd-party/linphone.svg"
 website="https://www.linphone.org/"
 description="Linphone is an open-source SIP Phone and a free voice over IP service, available on mobile and desktop environments and on web browsers. It supports ZRTP for end-to-end encrypted voice and video communication."
 forum="https://forum.privacytools.io/t/discussion-linphone/751"
@ -21,7 +21,7 @@ ios="https://itunes.apple.com/us/app/linphone/id360065638?mt=8"

 {% include cardv2.html
 title="Mumble"
-image="/assets/img/tools/Mumble.png"
+image="/assets/img/svg/3rd-party/mumble.svg"
 website="https://mumble.info/"
 description="Mumble is an open-source, low-latency, and high quality voice chat application primarily intended for use while gaming. Note that while Mumble doesn't log messages or record by default, <a href=\"https://github.com/mumble-voip/mumble/issues/1813\">it's missing end-to-end encryption</a>, so self-hosting is recommended."
 forum="https://forum.privacytools.io/t/discussion-mumble/1289"
--- a/_includes/sections/vpn.html
+++ b/_includes/sections/vpn.html
@ -8,7 +8,13 @@

  <div class="row mb-2">
    <div class="col-lg-3 col-sm-12 pt-lg-5">
-      <img src="/assets/img/provider/Mullvad.png" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="Mullvad">
+      <img
+        src="/assets/img/svg/3rd-party/mullvad.svg"
+        data-theme-src="/assets/img/svg/3rd-party/mullvad-dark.svg"
+        height="70"
+        width="200"
+        class="img-fluid d-block mr-auto ml-auto align-middle"
+        alt="Mullvad">
    </div>
    <div class="col">
    <h2>Mullvad <span class="badge badge-info">EUR €60/Year</span></h2>
@ -45,7 +51,7 @@

  <div class="row mb-2">
    <div class="col-lg-3 col-sm-12 pt-lg-5">
-      <img src="/assets/img/provider/ProtonVPN.png" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="ProtonVPN">
+      <img src="/assets/img/svg/3rd-party/protonvpn.svg" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="ProtonVPN">
    </div>
    <div class="col">
    <h2>ProtonVPN <span class="badge badge-info">Free</span> <span class="badge badge-info">USD $96/year</span></h2>
@ -70,7 +76,7 @@

  <div class="row mb-2">
    <div class="col-lg-3 col-sm-12 pt-lg-5">
-      <img src="/assets/img/provider/IVPN.png" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="IVPN">
+      <img src="/assets/img/svg/3rd-party/ivpn.svg" height="70" width="200" class="img-fluid d-block mr-auto ml-auto align-middle" alt="IVPN">
    </div>
    <div class="col">
    <h2>IVPN <span class="badge badge-info">USD $100/Year</span></h2>
--- a/_includes/sections/windows10.html
+++ b/_includes/sections/windows10.html
@ -4,7 +4,7 @@
  <strong>Microsoft introduced a lot of new features in Windows 10 such as Cortana. However, most of them are violating your privacy.</strong>
 </div>

-<img src="/assets/img/layout/Windows-10-Privacy.png" width="367" height="369" class="img-fluid float-right ml-3" alt="Windows 10 Privacy">
+<img src="/assets/img/svg/layout/windows_privacy.svg" width="367" height="369" class="img-fluid float-right ml-3" alt="Windows 10 Privacy">

 <ol>
  <li><strong>Data syncing is by default enabled.</strong>
--- a/_sass/flag-icon.scss
+++ b/_sass/flag-icon.scss
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@ -186,13 +186,6 @@ h2, h3:not(.h5), h4, h5 {
  white-space: nowrap;
 }

-footer {
-  img,
-  i {
-    margin-right: 1rem;
-  }
-}
-
 .hover-text-decoration-none:hover {
  text-decoration: none;
  -webkit-text-decoration-skip: object;
--- a/assets/img/addons/Orbot.png
+++ b/assets/img/addons/Orbot.png
--- a/assets/img/addons/cookie-autodelete.png
+++ b/assets/img/addons/cookie-autodelete.png
--- a/assets/img/addons/decentraleyes.png
+++ b/assets/img/addons/decentraleyes.png
--- a/assets/img/addons/https-everywhere.png
+++ b/assets/img/addons/https-everywhere.png
--- a/assets/img/addons/netguard.png
+++ b/assets/img/addons/netguard.png
--- a/assets/img/addons/noscript.png
+++ b/assets/img/addons/noscript.png
--- a/assets/img/addons/privacy-badger.png
+++ b/assets/img/addons/privacy-badger.png
--- a/assets/img/addons/snowflake.png
+++ b/assets/img/addons/snowflake.png
--- a/assets/img/addons/tosdr.png
+++ b/assets/img/addons/tosdr.png
--- a/assets/img/addons/ublock-origin.png
+++ b/assets/img/addons/ublock-origin.png
--- a/assets/img/addons/umatrix.png
+++ b/assets/img/addons/umatrix.png
--- a/assets/img/favicons/android-chrome-144x144.png
+++ b/assets/img/favicons/android-chrome-144x144.png
--- a/assets/img/favicons/android-chrome-192x192.png
+++ b/assets/img/favicons/android-chrome-192x192.png
--- a/assets/img/favicons/android-chrome-36x36.png
+++ b/assets/img/favicons/android-chrome-36x36.png
--- a/assets/img/favicons/android-chrome-48x48.png
+++ b/assets/img/favicons/android-chrome-48x48.png
--- a/assets/img/favicons/android-chrome-72x72.png
+++ b/assets/img/favicons/android-chrome-72x72.png
--- a/assets/img/favicons/android-chrome-96x96.png
+++ b/assets/img/favicons/android-chrome-96x96.png
--- a/assets/img/favicons/apple-touch-icon-114x114.png
+++ b/assets/img/favicons/apple-touch-icon-114x114.png
--- a/assets/img/favicons/apple-touch-icon-120x120.png
+++ b/assets/img/favicons/apple-touch-icon-120x120.png
--- a/assets/img/favicons/apple-touch-icon-144x144.png
+++ b/assets/img/favicons/apple-touch-icon-144x144.png
--- a/assets/img/favicons/apple-touch-icon-152x152.png
+++ b/assets/img/favicons/apple-touch-icon-152x152.png
--- a/assets/img/favicons/apple-touch-icon-180x180.png
+++ b/assets/img/favicons/apple-touch-icon-180x180.png
--- a/assets/img/favicons/apple-touch-icon-57x57.png
+++ b/assets/img/favicons/apple-touch-icon-57x57.png
--- a/assets/img/favicons/apple-touch-icon-60x60.png
+++ b/assets/img/favicons/apple-touch-icon-60x60.png
--- a/assets/img/favicons/apple-touch-icon-72x72.png
+++ b/assets/img/favicons/apple-touch-icon-72x72.png
--- a/assets/img/favicons/apple-touch-icon-76x76.png
+++ b/assets/img/favicons/apple-touch-icon-76x76.png
--- a/assets/img/favicons/apple-touch-icon-precomposed.png
+++ b/assets/img/favicons/apple-touch-icon-precomposed.png
--- a/assets/img/favicons/apple-touch-icon.png
+++ b/assets/img/favicons/apple-touch-icon.png
--- a/assets/img/favicons/favicon-16x16.png
+++ b/assets/img/favicons/favicon-16x16.png
--- a/assets/img/favicons/favicon-32x32.png
+++ b/assets/img/favicons/favicon-32x32.png
--- a/assets/img/favicons/favicon-96x96.png
+++ b/assets/img/favicons/favicon-96x96.png
--- a/assets/img/favicons/manifest.json
+++ b/assets/img/favicons/manifest.json
@ -1,41 +0,0 @@
-{
-	"name": "privacytools.io",
-	"icons": [
-		{
-			"src": "https:\/\/www.privacytools.io\/img\/favicons\/android-chrome-36x36.png?v=2",
-			"sizes": "36x36",
-			"type": "image\/png",
-			"density": "0.75"
-		},
-		{
-			"src": "https:\/\/www.privacytools.io\/img\/favicons\/android-chrome-48x48.png?v=2",
-			"sizes": "48x48",
-			"type": "image\/png",
-			"density": "1.0"
-		},
-		{
-			"src": "https:\/\/www.privacytools.io\/img\/favicons\/android-chrome-72x72.png?v=2",
-			"sizes": "72x72",
-			"type": "image\/png",
-			"density": "1.5"
-		},
-		{
-			"src": "https:\/\/www.privacytools.io\/img\/favicons\/android-chrome-96x96.png?v=2",
-			"sizes": "96x96",
-			"type": "image\/png",
-			"density": "2.0"
-		},
-		{
-			"src": "https:\/\/www.privacytools.io\/img\/favicons\/android-chrome-144x144.png?v=2",
-			"sizes": "144x144",
-			"type": "image\/png",
-			"density": "3.0"
-		},
-		{
-			"src": "https:\/\/www.privacytools.io\/img\/favicons\/android-chrome-192x192.png?v=2",
-			"sizes": "192x192",
-			"type": "image\/png",
-			"density": "4.0"
-		}
-	]
-}
--- a/assets/img/favicons/mstile-144x144.png
+++ b/assets/img/favicons/mstile-144x144.png
--- a/assets/img/favicons/mstile-150x150.png
+++ b/assets/img/favicons/mstile-150x150.png
--- a/assets/img/favicons/mstile-310x150.png
+++ b/assets/img/favicons/mstile-310x150.png
--- a/assets/img/favicons/mstile-310x310.png
+++ b/assets/img/favicons/mstile-310x310.png
--- a/assets/img/favicons/mstile-70x70.png
+++ b/assets/img/favicons/mstile-70x70.png
--- a/assets/img/icons/discourse.png
+++ b/assets/img/icons/discourse.png
--- a/assets/img/icons/github.png
+++ b/assets/img/icons/github.png
--- a/assets/img/icons/mastodon.png
+++ b/assets/img/icons/mastodon.png
--- a/assets/img/layout/Bitcoin.png
+++ b/assets/img/layout/Bitcoin.png
--- a/assets/img/layout/Glenn-Greenwald-Why-privacy-matters.jpg
+++ b/assets/img/layout/Glenn-Greenwald-Why-privacy-matters.jpg
--- a/assets/img/layout/PayPal.png
+++ b/assets/img/layout/PayPal.png
--- a/assets/img/layout/UKUSA.png
+++ b/assets/img/layout/UKUSA.png
--- a/assets/img/layout/USA.png
+++ b/assets/img/layout/USA.png
--- a/assets/img/layout/Windows-10-Privacy.png
+++ b/assets/img/layout/Windows-10-Privacy.png
--- a/assets/img/layout/creativecommons.png
+++ b/assets/img/layout/creativecommons.png
--- a/assets/img/layout/git.png
+++ b/assets/img/layout/git.png
--- a/assets/img/layout/logo.png
+++ b/assets/img/layout/logo.png
--- a/assets/img/layout/logo_smaller.png
+++ b/assets/img/layout/logo_smaller.png
--- a/assets/img/layout/ogimage.jpg
+++ b/assets/img/layout/ogimage.jpg
--- a/assets/img/layout/privatesearch.png
+++ b/assets/img/layout/privatesearch.png
--- a/assets/img/layout/qr.png
+++ b/assets/img/layout/qr.png
--- a/assets/img/layout/reddit-logo.png
+++ b/assets/img/layout/reddit-logo.png
--- a/assets/img/layout/shield.png
+++ b/assets/img/layout/shield.png
--- a/assets/img/layout/shield.svg
+++ b/assets/img/layout/shield.svg
@ -1 +0,0 @@
-<?xml version="1.0" ?><svg height="24" version="1.1" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"><g transform="translate(0 -1028.4)"><path d="m3 1031.4v10c0 4.2 3.6322 8 9 10 5.368-2 9-5.8 9-10v-10h-18z" fill="#7f8c8d"/><path d="m3 1030.4v10c0 4.2 3.6322 8 9 10 5.368-2 9-5.8 9-10v-10h-18z" fill="#bdc3c7"/><path d="m3 1030.4v10c0 4.2 3.6322 8 9 10v-20h-9z" fill="#95a5a6"/><path d="m5 1032.4v8c0 3.4 2.8251 6.4 7 8 4.175-1.6 7-4.6 7-8v-8h-14z" fill="#ecf0f1"/><path d="m5 1040.4c0 3.4 2.8251 6.4 7 8v-8h-7z" fill="#2980b9"/><rect fill="#3498db" height="8" transform="translate(0 1028.4)" width="7" x="12" y="4"/><rect fill="#bdc3c7" height="8" transform="translate(0 1028.4)" width="7" x="5" y="4"/></g></svg>
--- a/assets/img/layout/warrant-canary.jpg
+++ b/assets/img/layout/warrant-canary.jpg
--- a/assets/img/layout/zero.png
+++ b/assets/img/layout/zero.png
--- a/assets/img/misc/QR-Code.png
+++ b/assets/img/misc/QR-Code.png
--- a/assets/img/misc/email.png
+++ b/assets/img/misc/email.png
--- a/assets/img/png/3rd-party/claws_mail.png
+++ b/assets/img/png/3rd-party/claws_mail.png
--- a/Show More
+++ b/Show More
				`@ -1 +0,0 @@`
				<?xml version="1.0" ?><svg height="24" version="1.1" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"><g transform="translate(0 -1028.4)"><path d="m3 1031.4v10c0 4.2 3.6322 8 9 10 5.368-2 9-5.8 9-10v-10h-18z" fill="#7f8c8d"/><path d="m3 1030.4v10c0 4.2 3.6322 8 9 10 5.368-2 9-5.8 9-10v-10h-18z" fill="#bdc3c7"/><path d="m3 1030.4v10c0 4.2 3.6322 8 9 10v-20h-9z" fill="#95a5a6"/><path d="m5 1032.4v8c0 3.4 2.8251 6.4 7 8 4.175-1.6 7-4.6 7-8v-8h-14z" fill="#ecf0f1"/><path d="m5 1040.4c0 3.4 2.8251 6.4 7 8v-8h-7z" fill="#2980b9"/><rect fill="#3498db" height="8" transform="translate(0 1028.4)" width="7" x="12" y="4"/><rect fill="#bdc3c7" height="8" transform="translate(0 1028.4)" width="7" x="5" y="4"/></g></svg>