diff --git a/App/BraveWidgets/TopNewsListWidget.swift b/App/BraveWidgets/TopNewsListWidget.swift
index 251301f1c7f..f4ac05fa693 100644
--- a/App/BraveWidgets/TopNewsListWidget.swift
+++ b/App/BraveWidgets/TopNewsListWidget.swift
@@ -73,10 +73,10 @@ private struct TopNewsListView: View {
   private var headerView: some View {
     HStack {
       HStack(spacing: 4) {
-        Image(braveSystemName: "leo.brave.icon-monochrome")
-          .font(.system(size: 12))
-          .imageScale(.large)
-          .foregroundColor(Color(.braveOrange))
+        Image("brave-icon-no-bg")
+          .resizable()
+          .aspectRatio(contentMode: .fit)
+          .frame(width: 16, height: 16)
         Text(Strings.Widgets.braveNews)
           .foregroundColor(Color(.braveLabel))
           .font(.system(size: 14, weight: .bold, design: .rounded))
diff --git a/App/BraveWidgets/TopNewsWidget.swift b/App/BraveWidgets/TopNewsWidget.swift
index cbc63c98cbe..4c7396170b1 100644
--- a/App/BraveWidgets/TopNewsWidget.swift
+++ b/App/BraveWidgets/TopNewsWidget.swift
@@ -130,7 +130,7 @@ private struct LockScreenTopNewsView: View {
           .layoutPriority(2)
           .multilineTextAlignment(.leading)
         HStack(spacing: 3) {
-          Image(braveSystemName: "leo.brave.icon-monochrome")
+          Image(braveSystemName: "leo.brave.icon-outline")
             .foregroundColor(.orange)
             .font(.system(size: 12))
             .padding(.trailing, -1)
diff --git a/Sources/DesignSystem/Icons/Symbols.xcassets/leo.brave.icon-outline.symbolset/Contents.json b/Sources/DesignSystem/Icons/Symbols.xcassets/leo.brave.icon-outline.symbolset/Contents.json
new file mode 100644
index 00000000000..2f415ce6e4c
--- /dev/null
+++ b/Sources/DesignSystem/Icons/Symbols.xcassets/leo.brave.icon-outline.symbolset/Contents.json
@@ -0,0 +1,11 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "symbols" : [
+    {
+      "idiom" : "universal"
+    }
+  ]
+}