Dark icons - master (#3376)

## Pull Request Info - SDK Docs Consolidation

Jira ticket: https://jira.mongodb.org/browse/DOP-4942

Use dark icons with their [CMS
names](https://mongodbcom.website.prod.corp.mongodb.com/cms/icons)
instead of image files. This gives both light and dark mode
automatically.

### Staging Links


[Staging](https://docs-mongodb-org-stg.s3.us-east-2.amazonaws.com/DOP-4942-dark-icons-realm-master/realm/matt.meigs/main/index.html)

source/index.txt

@@ -100,7 +100,7 @@ SDK is language-idiomatic and includes:
    .. card::
       :headline: Node.js SDK
       :url: https://www.mongodb.com/docs/realm/sdk/node/
-      :icon: /images/icons/node_js_sdk.svg
+      :icon: /images/icons/node_js_logo_icon.svg
       :icon-alt: Node.JS SDK icon
 
       Use the Node.js SDK to build server and IoT applications in JavaScript or TypeScript.

source/sdk.txt

@@ -48,7 +48,7 @@ and platforms. Each SDK is language-idiomatic and includes:
    .. card::
       :headline: Node.js SDK
       :url: https://www.mongodb.com/docs/realm/sdk/node/
-      :icon: /images/icons/node_js_sdk.svg
+      :icon: /images/icons/node_js_logo_icon.svg
       :icon-alt: Node.JS SDK icon
 
       Use the Node.js SDK to build server and IoT applications in JavaScript or TypeScript.

source/sdk/cpp.txt

@@ -47,7 +47,7 @@ Get Started with the C++ SDK
       :headline: Quick Start
       :cta: See Code Examples
       :url: https://www.mongodb.com/docs/realm/sdk/cpp/quick-start/
-      :icon: /images/icons/branding_2022/Technical_ATLAS_Functions3x.png
+      :icon: atlas_functions
       :icon-alt: Functions Icon
 
       Minimal-explanation code examples of how to work with the C++ SDK,
@@ -57,7 +57,7 @@ Get Started with the C++ SDK
       :headline: Working Example App
       :cta: Explore an Example App
       :url: https://www.mongodb.com/docs/atlas/app-services/template-apps/
-      :icon: /images/icons/branding_2022/Technical_REALM_Mobile3x.png
+      :icon: realm_mobile
       :icon-alt: Atlas Device SDK Mobile Icon
 
       Learn from a working terminal GUI client app that
@@ -67,7 +67,7 @@ Get Started with the C++ SDK
       :headline: Guided Tutorial
       :cta: Follow the Tutorial
       :url: https://mongodb.com/docs/atlas/app-services/tutorial/cpp/
-      :icon: /images/icons/branding_2022/General_CONTENT_Tutorial3x.png
+      :icon: general_content_tutorial
       :icon-alt: Tutorial Icon
 
       Follow a guided tutorial to learn how to adapt the example app to
@@ -202,7 +202,7 @@ Recommended Reading
       :headline: Quick Start
       :cta: See Code Examples
       :url: https://www.mongodb.com/docs/realm/sdk/cpp/quick-start/
-      :icon: /images/icons/branding_2022/Technical_ATLAS_Functions3x.png
+      :icon: atlas_functions
       :icon-alt: Functions Icon
 
       Minimal-explanation code examples of how to work with the SDK.
@@ -211,7 +211,7 @@ Recommended Reading
       :headline: C++ API Reference
       :cta: C++ SDK Reference
       :url: https://www.mongodb.com/docs/realm-sdks/cpp/latest
-      :icon: /images/icons/branding_2022/Technical_REALM_SDK3x.png
+      :icon: realm_sdk
       :icon-alt: SDK Icon
 
       Explore generated Doxygen reference docs for the C++ APIs.
@@ -220,7 +220,7 @@ Recommended Reading
       :headline: C++ SDK on GitHub
       :cta: C++ SDK Repository
       :url: https://github.com/realm/realm-cpp
-      :icon: /images/icons/branding_2022/Technical_REALM_SDK3x.png
+      :icon: realm_sdk
       :icon-alt: SDK Icon
 
       Explore the C++ SDK on GitHub.

source/sdk/dotnet.txt

@@ -50,7 +50,7 @@ Get Started with the .NET SDK
       :headline: Quick Start
       :cta: See Code Examples
       :url: https://www.mongodb.com/docs/realm/sdk/dotnet/quick-start/
-      :icon: /images/icons/branding_2022/Technical_ATLAS_Functions3x.png
+      :icon: atlas_functions
       :icon-alt: Functions Icon
 
       Minimal-explanation code examples of how to work with the .NET SDK.
@@ -60,7 +60,7 @@ Get Started with the .NET SDK
       :headline: Working Example App
       :cta: Explore an Example App
       :url: https://www.mongodb.com/docs/atlas/app-services/template-apps/
-      :icon: /images/icons/branding_2022/Technical_REALM_Mobile3x.png
+      :icon: realm_mobile
       :icon-alt: Atlas Device SDK Mobile Icon
 
       Learn from example by dissecting a working MAUI client app that
@@ -70,7 +70,7 @@ Get Started with the .NET SDK
       :headline: Guided Tutorial
       :cta: Follow the Tutorial
       :url: https://mongodb.com/docs/atlas/app-services/tutorial/dotnet/
-      :icon: /images/icons/branding_2022/General_CONTENT_Tutorial3x.png
+      :icon: general_content_tutorial
       :icon-alt: Tutorial Icon
 
       Follow a guided tutorial to learn how to adapt the example app to
@@ -211,7 +211,7 @@ Recommended Reading
       :headline: .NET API Reference
       :cta: .NET Reference
       :url: https://www.mongodb.com/docs/realm-sdks/dotnet/latest/
-      :icon: /images/icons/branding_2022/Technical_REALM_SDK3x.png
+      :icon: realm_sdk
       :icon-alt: Atlas Device SDK Icon
 
       Explore generated reference docs for the SDK's .NET APIs.
@@ -220,7 +220,7 @@ Recommended Reading
       :headline: Integrate the SDK with Unity
       :cta: Install and Integrate the SDK with Unity
       :url: https://www.mongodb.com/docs/realm/sdk/dotnet/unity/
-      :icon: /images/icons/branding_2022/General_CONTENT_Tutorial3x.png
+      :icon: general_content_tutorial
       :icon-alt: Tutorial Icon
 
       Find out how to integrate the SDK with your Unity project.
@@ -229,7 +229,7 @@ Recommended Reading
       :headline: Check Out Releases
       :cta: See .NET Releases
       :url: https://github.com/realm/realm-dotnet/releases
-      :icon: /images/icons/branding_2022/Technical_REALM_SDK3x.png
+      :icon: realm_sdk
       :icon-alt: Atlas Device SDK Icon
 
       See the latest releases, new features, and bug fixes.
@@ -251,7 +251,7 @@ the :ref:`<realm-example-projects-table>` page for more .NET sample apps.
       :headline: Large File Storage
       :cta: Example App
       :url: https://github.com/realm/realm-dotnet-lfs
-      :icon: /images/icons/branding_2022/General_ACTION_BestPractices3x.png
+      :icon: general_action_best_practices
       :icon-alt: File Icon
 
       Store large files, such as images, on a remote server. Use Triggers and
@@ -262,7 +262,7 @@ the :ref:`<realm-example-projects-table>` page for more .NET sample apps.
       :headline: Analytics/Telemetrics Data
       :cta: Example App
       :url: https://github.com/realm/realm-dotnet-samples/tree/main/AnalyticsTelemetry
-      :icon: /images/icons/branding_2023/Technical_ATLAS_AsymmetricSync10x.png
+      :icon: atlas_asymmetric_sync
       :icon-alt: Atlas Device Sync Icon
 
       Take sensor readings, push data to Atlas, and display the results in
@@ -272,7 +272,7 @@ the :ref:`<realm-example-projects-table>` page for more .NET sample apps.
       :headline: Use the SDK with REST APIs
       :cta: Example App
       :url: https://github.com/realm/xamarin-examples-architecture
-      :icon: /images/icons/branding_2022/Technical_REALM_SDK3x.png
+      :icon: realm_sdk
       :icon-alt: Tool Kit Icon
 
       Use the SDK for real-time operations together with REST APIs for 

source/sdk/flutter.txt

@@ -51,7 +51,7 @@ Get Started with the Flutter SDK
       :headline: Quick Start
       :cta: See Code Examples
       :url: https://www.mongodb.com/docs/realm/sdk/flutter/quick-start/
-      :icon: /images/icons/branding_2022/Technical_ATLAS_Functions3x.png
+      :icon: atlas_functions
       :icon-alt: Functions Icon
 
       Minimal-explanation code examples of how to work with the Flutter SDK.
@@ -60,7 +60,7 @@ Get Started with the Flutter SDK
       :headline: Working Example App
       :cta: Explore an Example App
       :url: https://www.mongodb.com/docs/atlas/app-services/template-apps/
-      :icon: /images/icons/branding_2022/Technical_REALM_Mobile3x.png
+      :icon: realm_mobile
       :icon-alt: Atlas Device SDK Mobile Icon
 
       Learn by example through dissecting a working app that uses the Flutter SDK.
@@ -69,7 +69,7 @@ Get Started with the Flutter SDK
       :headline: Guided Tutorial
       :cta: Follow the Tutorial
       :url: https://mongodb.com/docs/atlas/app-services/tutorial/flutter/
-      :icon: /images/icons/branding_2022/General_CONTENT_Tutorial3x.png
+      :icon: general_content_tutorial
       :icon-alt: Tutorial Icon
 
       Follow a guided tutorial to learn how to adapt the example app to
@@ -199,7 +199,7 @@ Recommended Reading
       :headline: Flutter API Reference
       :cta: Flutter API Reference
       :url: https://pub.dev/documentation/realm/latest/
-      :icon: /images/icons/branding_2022/General_CONTENT_Tutorial3x.png
+      :icon: general_content_tutorial
       :icon-alt: Reference Icon
 
       Explore Dart and Flutter reference docs for the SDK on pub.dev.
@@ -239,7 +239,7 @@ the :ref:`<realm-example-projects-table>` page for more Flutter sample apps.
       :headline: Offline Login and Database Access
       :cta: Example project
       :url: https://github.com/realm/realm-dart-samples/tree/kilochat/kilochat
-      :icon: /images/icons/branding_2023/Technical_REALM_Offline10x.png
+      :icon: realm_offline
       :icon-alt: Atlas Device SDK Offline Icon
 
       Log in a Device Sync user and open a synced database offline.
@@ -248,7 +248,7 @@ the :ref:`<realm-example-projects-table>` page for more Flutter sample apps.
       :headline: User's Online State
       :cta: Example project
       :url: https://github.com/realm/realm-kotlin-samples/blob/main/AppServicesUsageSamples/apps/presence-detection/README.md
-      :icon: /images/icons/branding_2023/General_CONTENT_Users10x.png
+      :icon: general_content_users
       :icon-alt: Users Icon
 
       Detect connectivity and activity of users and devices. 
@@ -257,7 +257,7 @@ the :ref:`<realm-example-projects-table>` page for more Flutter sample apps.
       :headline: Provider Shopper
       :cta: Example project
       :url: https://github.com/realm/realm-dart-samples/tree/main/provider_shopper
-      :icon: /images/icons/branding_2023/Technical_MDB_StaticHosting10x.png
+      :icon: mdb_static_hosting
       :icon-alt: Local Atlas Device SDK Icon
 
       Build a modified Flutter sample app that uses a non-synced database 

source/sdk/java.txt

@@ -191,7 +191,7 @@ Recommended Reading
       :headline: Java Quick Start
       :cta: Explore the Quick Start
       :url: https://www.mongodb.com/docs/realm/sdk/java/quick-start-local/
-      :icon: /images/icons/branding_2022/General_CONTENT_Tutorial3x.png
+      :icon: general_content_tutorial
       :icon-alt: Tutorial Icon
 
       Get started with the Java SDK.
@@ -200,7 +200,7 @@ Recommended Reading
       :headline: Java API Reference
       :cta: Java API Reference
       :url: https://www.mongodb.com/docs/realm-sdks/java/latest/
-      :icon: /images/icons/branding_2022/Technical_REALM_SDK3x.png
+      :icon: realm_sdk
       :icon-alt: Atlas Device SDK Icon
 
       Explore generated reference docs for the SDK's Java APIs.
@@ -209,7 +209,7 @@ Recommended Reading
       :headline: Kotlin Extensions API Reference
       :cta: Kotlin Extensions Reference
       :url: https://www.mongodb.com/docs/realm-sdks/java/latest/kotlin-extensions/
-      :icon: /images/icons/branding_2022/Technical_REALM_SDK3x.png
+      :icon: realm_sdk
       :icon-alt: Atlas Device SDK Icon
 
       Explore generated reference docs for the Kotlin Extensions APIs.

source/sdk/kotlin.txt

@@ -46,7 +46,7 @@ Get Started with the Kotlin SDK
       :headline: Quick Start
       :cta: See Code Examples
       :url: https://www.mongodb.com/docs/realm/sdk/kotlin/quick-start/
-      :icon: /images/icons/branding_2022/Technical_ATLAS_Functions3x.png
+      :icon: atlas_functions
       :icon-alt: Functions Icon
 
       Minimal-explanation code examples of how to work with the SDK.
@@ -56,7 +56,7 @@ Get Started with the Kotlin SDK
       :headline: Working Example App
       :cta: Explore an Example App
       :url: https://www.mongodb.com/docs/atlas/app-services/template-apps/
-      :icon: /images/icons/branding_2022/Technical_REALM_Mobile3x.png
+      :icon: realm_mobile
       :icon-alt: Atlas Device SDK Mobile Icon
 
       Learn from example by dissecting a working Kotlin client app that
@@ -66,7 +66,7 @@ Get Started with the Kotlin SDK
       :headline: Guided Tutorial
       :cta: Follow the Tutorial
       :url: https://mongodb.com/docs/atlas/app-services/tutorial/kotlin/
-      :icon: /images/icons/branding_2022/General_CONTENT_Tutorial3x.png
+      :icon: general_content_tutorial
       :icon-alt: Tutorial Icon
 
       Follow a guided tutorial to learn how to adapt the example app to
@@ -200,7 +200,7 @@ Recommended Reading
       :headline: Kotlin API Reference
       :cta: Kotlin API Reference
       :url: https://www.mongodb.com/docs/realm-sdks/kotlin/latest/
-      :icon: /images/icons/branding_2022/Technical_REALM_SDK3x.png
+      :icon: realm_sdk
       :icon-alt: Atlas Device SDK Icon
 
       Explore generated reference docs for the SDK's Kotlin APIs.
@@ -209,7 +209,7 @@ Recommended Reading
       :headline: Migrate from the Java SDK to the Kotlin SDK
       :cta: Migrate from Java SDK to Kotlin SDK
       :url: https://www.mongodb.com/docs/realm/sdk/kotlin/migrate-from-java-sdk-to-kotlin-sdk/
-      :icon: /images/icons/realm/general-flexibility.png
+      :icon: general_features_flexibility
       :icon-alt: Migrate Icon
 
       Learn why and how to switch from the Java SDK to the Kotlin SDK.
@@ -229,7 +229,7 @@ practices and common development patterns using the Kotlin SDK. Check out the
       :headline: Property-Level Encryption
       :cta: Example project
       :url: https://github.com/realm/realm-kotlin-samples/blob/main/AppServicesUsageSamples/apps/property-encryption/README.md
-      :icon: /images/icons/branding_2023/General_SECURITY_Encryption10x.png
+      :icon: general_security_encryption
       :icon-alt: Encryption Icon
 
       Enhance user data security with property-level encryption.
@@ -238,7 +238,7 @@ practices and common development patterns using the Kotlin SDK. Check out the
       :headline: Offline Login and Database Access
       :cta: Example project
       :url: https://github.com/realm/realm-kotlin-samples/blob/main/AppServicesUsageSamples/apps/property-encryption/README.md
-      :icon: /images/icons/branding_2023/Technical_REALM_Offline10x.png
+      :icon: realm_offline
       :icon-alt: Atlas Device SDK Offline Icon
 
       Log in a Device Sync user and open a synced database offline.
@@ -247,7 +247,7 @@ practices and common development patterns using the Kotlin SDK. Check out the
       :headline: User's Online State
       :cta: Example project
       :url: https://github.com/realm/realm-kotlin-samples/blob/main/AppServicesUsageSamples/apps/presence-detection/README.md
-      :icon: /images/icons/branding_2023/General_CONTENT_Users10x.png
+      :icon: general_content_users
       :icon-alt: Users Icon
 
       Detect connectivity and activity of users and devices. 
@@ -256,7 +256,7 @@ practices and common development patterns using the Kotlin SDK. Check out the
       :headline: Connection State Change & Error Handling
       :cta: Example project
       :url: https://github.com/realm/realm-kotlin-samples/blob/main/AppServicesUsageSamples/apps/error-handling/README.md
-      :icon: /images/icons/branding_2023/General_CLOUD_Mobility10x.png
+      :icon: cloud_mobility
       :icon-alt: Cloud Mobile Transfer Icon
 
       Learn best practices around handling Sync errors and client reset