refer certification icons from public folder (#18902)

openmetadata-service/src/main/resources/json/data/tags/certification.json

@@ -11,7 +11,7 @@
       "description": "Bronze certified Data Asset.",
       "style": {
         "color": "#C08329",
-        "iconURL": "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI1NzIgMS4yODE3N0w2LjMyOTMyIDQuMTIyMDVDNC45MTY3IDQuNzAwNjIgNCA2LjA3NTY3IDQgNy42MDFWMTYuNzA3OUM0IDI0Ljg5ODEgMTEuMTQ1OCAyNy40ODI5IDEzLjc1MzEgMjguMTUxN0MxNC4zNjkzIDI4LjMwOTQgMTUuMDA3OSAyOC4zMDk0IDE1LjYyNDEgMjguMTUxN0MxOC4yMzE0IDI3LjQ4MjkgMjUuMzc3MiAyNC44OTgxIDI1LjM3NzIgMTYuNzA3OVY3LjYwMUMyNS4zNzcyIDYuMDc1NjcgMjQuNDUzIDQuNzAwNjIgMjMuMDQ3OSA0LjEyMjA1TDE2LjExMjUgMS4yODE3N0MxNS4xOTU4IDAuOTA2MDc2IDE0LjE3MzkgMC45MDYwNzYgMTMuMjU3MiAxLjI4MTc3WiIgZmlsbD0iI0VFRDZCMyIvPgo8cGF0aCBkPSJNMTQuNjg0NyAyNi4zODA2QzE0LjUyNjkgMjYuMzgwNiAxNC4zNjkxIDI2LjM1OCAxNC4yMTg4IDI2LjMyMDVDMTMuMDk5MyAyNi4wMzQ5IDEwLjkzNTMgMjUuMzIxMSA5LjA5NDM0IDIzLjc5NThDNi45NjAzNyAyMi4wMjI1IDUuODcwODUgMTkuNjMzMSA1Ljg3MDg1IDE2LjcwMjZWNy41OTU3MUM1Ljg3MDg1IDYuODI5MjkgNi4zMjkyIDYuMTQ1NTIgNy4wMzU1MSA1Ljg1OTk5TDEzLjk2MzQgMy4wMTk3MkMxNC4xODg4IDIuOTI5NTUgMTQuNDI5MiAyLjg3Njk1IDE0LjY3NzIgMi44NzY5NUMxNC45MjUyIDIuODc2OTUgMTUuMTY1NiAyLjkyMjA0IDE1LjM5MSAzLjAxOTcyTDIyLjMxODkgNS44NTk5OUMyMy4wMjUyIDYuMTUzMDQgMjMuNDgzNiA2LjgyOTI5IDIzLjQ4MzYgNy41OTU3MVYxNi43MDI2QzIzLjQ4MzYgMTkuNjQwNiAyMi40MDE1IDIyLjAyMjUgMjAuMjYwMSAyMy43OTU4QzE4LjQxOTEgMjUuMzIxMSAxNi4yNjI2IDI2LjAzNDkgMTUuMTM1NiAyNi4zMjA1QzE1LjAwMDMgMjYuMzY1NiAxNC44NDI1IDI2LjM4MDYgMTQuNjg0NyAyNi4zODA2WiIgZmlsbD0iI0QwQTI1RiIvPgo8cGF0aCBkPSJNMTQuNjg1NCAyMS43NzI2QzE4LjYyNzcgMjEuNzcyNiAyMS44MjM2IDE4LjU3NjcgMjEuODIzNiAxNC42MzQzQzIxLjgyMzYgMTAuNjkyIDE4LjYyNzcgNy40OTYwOSAxNC42ODU0IDcuNDk2MDlDMTAuNzQzIDcuNDk2MDkgNy41NDcxMiAxMC42OTIgNy41NDcxMiAxNC42MzQzQzcuNTQ3MTIgMTguNTc2NyAxMC43NDMgMjEuNzcyNiAxNC42ODU0IDIxLjc3MjZaIiBmaWxsPSIjRjZFQ0RGIi8+CjxwYXRoIGQ9Ik0xNS41ODcyIDEwLjk5MzlMMTYuNDEzNyAxMi41NzkzTDE4LjE3OTUgMTIuODc5OUMxOC45OTEgMTMuMDE1MiAxOS4zMTQxIDE0LjAwNyAxOC43MzU1IDE0LjYwMDZMMTcuNDg4MiAxNS44NzhMMTcuNzUxMiAxNy42NTEzQzE3Ljg3MTQgMTguNDYyOCAxNy4wMjk4IDE5LjA3ODkgMTYuMjkzNSAxOC43MTA3TDE0LjY4NTUgMTcuOTE0M0wxMy4wODUgMTguNzEwN0MxMi4zNDg2IDE5LjA3ODkgMTEuNTA3MSAxOC40NjI4IDExLjYyNzMgMTcuNjUxM0wxMS44OTAzIDE1Ljg3OEwxMC42NDMgMTQuNjAwNkMxMC4wNjQ0IDE0LjAxNDUgMTAuMzg3NSAxMy4wMjI3IDExLjE5OSAxMi44Nzk5TDEyLjk2NDggMTIuNTc5M0wxMy43OTEzIDEwLjk5MzlDMTQuMTY3IDEwLjI2NTEgMTUuMjAzOSAxMC4yNjUxIDE1LjU4NzIgMTAuOTkzOVoiIGZpbGw9IiNEMEEyNUYiLz4KPC9zdmc+Cg=="
+        "iconURL": "BronzeCertification.svg"
       }
     },
     {
@@ -19,7 +19,7 @@
       "description": "Silver certified Data Asset.",
       "style": {
         "color": "#ADADAD",
-        "iconURL": "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI1NzIgMS4yODE3N0w2LjMyOTMyIDQuMTIyMDVDNC45MTY3IDQuNzAwNjIgNCA2LjA3NTY3IDQgNy42MDFWMTYuNzA3OUM0IDI0Ljg5ODEgMTEuMTQ1OCAyNy40ODI5IDEzLjc1MzEgMjguMTUxN0MxNC4zNjkzIDI4LjMwOTQgMTUuMDA3OSAyOC4zMDk0IDE1LjYyNDEgMjguMTUxN0MxOC4yMzE0IDI3LjQ4MjkgMjUuMzc3MiAyNC44OTgxIDI1LjM3NzIgMTYuNzA3OVY3LjYwMUMyNS4zNzcyIDYuMDc1NjcgMjQuNDUzIDQuNzAwNjIgMjMuMDQ3OSA0LjEyMjA1TDE2LjExMjUgMS4yODE3N0MxNS4xOTU4IDAuOTA2MDc2IDE0LjE3MzkgMC45MDYwNzYgMTMuMjU3MiAxLjI4MTc3WiIgZmlsbD0iI0Q5RDlEOSIvPgo8cGF0aCBkPSJNMTQuNjg0NyAyNi4zODA2QzE0LjUyNjkgMjYuMzgwNiAxNC4zNjkxIDI2LjM1OCAxNC4yMTg4IDI2LjMyMDVDMTMuMDk5MyAyNi4wMzQ5IDEwLjkzNTMgMjUuMzIxMSA5LjA5NDM0IDIzLjc5NThDNi45NjAzNyAyMi4wMjI1IDUuODcwODUgMTkuNjMzMSA1Ljg3MDg1IDE2LjcwMjZWNy41OTU3MUM1Ljg3MDg1IDYuODI5MjkgNi4zMjkyIDYuMTQ1NTIgNy4wMzU1MSA1Ljg1OTk5TDEzLjk2MzQgMy4wMTk3MkMxNC4xODg4IDIuOTI5NTUgMTQuNDI5MiAyLjg3Njk1IDE0LjY3NzIgMi44NzY5NUMxNC45MjUyIDIuODc2OTUgMTUuMTY1NiAyLjkyMjA0IDE1LjM5MSAzLjAxOTcyTDIyLjMxODkgNS44NTk5OUMyMy4wMjUyIDYuMTUzMDQgMjMuNDgzNiA2LjgyOTI5IDIzLjQ4MzYgNy41OTU3MVYxNi43MDI2QzIzLjQ4MzYgMTkuNjQwNiAyMi40MDE1IDIyLjAyMjUgMjAuMjYwMSAyMy43OTU4QzE4LjQxOTEgMjUuMzIxMSAxNi4yNjI2IDI2LjAzNDkgMTUuMTM1NiAyNi4zMjA1QzE1LjAwMDMgMjYuMzY1NiAxNC44NDI1IDI2LjM4MDYgMTQuNjg0NyAyNi4zODA2WiIgZmlsbD0iIzk3OTc5NyIvPgo8cGF0aCBkPSJNMTQuNjg1NCAyMS43NzI2QzE4LjYyNzcgMjEuNzcyNiAyMS44MjM2IDE4LjU3NjcgMjEuODIzNiAxNC42MzQzQzIxLjgyMzYgMTAuNjkyIDE4LjYyNzcgNy40OTYwOSAxNC42ODU0IDcuNDk2MDlDMTAuNzQzIDcuNDk2MDkgNy41NDcxMiAxMC42OTIgNy41NDcxMiAxNC42MzQzQzcuNTQ3MTIgMTguNTc2NyAxMC43NDMgMjEuNzcyNiAxNC42ODU0IDIxLjc3MjZaIiBmaWxsPSIjRTlFQ0VGIi8+CjxwYXRoIGQ9Ik0xNS41ODcyIDEwLjk5MzlMMTYuNDEzNyAxMi41NzkzTDE4LjE3OTUgMTIuODc5OUMxOC45OTEgMTMuMDE1MiAxOS4zMTQxIDE0LjAwNyAxOC43MzU1IDE0LjYwMDZMMTcuNDg4MiAxNS44NzhMMTcuNzUxMiAxNy42NTEzQzE3Ljg3MTQgMTguNDYyOCAxNy4wMjk4IDE5LjA3ODkgMTYuMjkzNSAxOC43MTA3TDE0LjY4NTUgMTcuOTE0M0wxMy4wODUgMTguNzEwN0MxMi4zNDg2IDE5LjA3ODkgMTEuNTA3MSAxOC40NjI4IDExLjYyNzMgMTcuNjUxM0wxMS44OTAzIDE1Ljg3OEwxMC42NDMgMTQuNjAwNkMxMC4wNjQ0IDE0LjAxNDUgMTAuMzg3NSAxMy4wMjI3IDExLjE5OSAxMi44Nzk5TDEyLjk2NDggMTIuNTc5M0wxMy43OTEzIDEwLjk5MzlDMTQuMTY3IDEwLjI2NTEgMTUuMjAzOSAxMC4yNjUxIDE1LjU4NzIgMTAuOTkzOVoiIGZpbGw9IiM5Nzk3OTciLz4KPC9zdmc+Cg=="
+        "iconURL": "SilverCertification.svg"
       }
     },
     {
@@ -27,7 +27,7 @@
       "description": "Gold certified Data Asset.",
       "style": {
         "color": "#FFCE00",
-        "iconURL":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI1NzIgMS4yODE3N0w2LjMyOTMyIDQuMTIyMDVDNC45MTY3IDQuNzAwNjIgNCA2LjA3NTY3IDQgNy42MDFWMTYuNzA3OUM0IDI0Ljg5ODEgMTEuMTQ1OCAyNy40ODI5IDEzLjc1MzEgMjguMTUxN0MxNC4zNjkzIDI4LjMwOTQgMTUuMDA3OSAyOC4zMDk0IDE1LjYyNDEgMjguMTUxN0MxOC4yMzE0IDI3LjQ4MjkgMjUuMzc3MiAyNC44OTgxIDI1LjM3NzIgMTYuNzA3OVY3LjYwMUMyNS4zNzcyIDYuMDc1NjcgMjQuNDUzIDQuNzAwNjIgMjMuMDQ3OSA0LjEyMjA1TDE2LjExMjUgMS4yODE3N0MxNS4xOTU4IDAuOTA2MDc2IDE0LjE3MzkgMC45MDYwNzYgMTMuMjU3MiAxLjI4MTc3WiIgZmlsbD0iI0ZGREY0MyIvPgo8cGF0aCBkPSJNMTQuNjg0NyAyNi4zODA2QzE0LjUyNjkgMjYuMzgwNiAxNC4zNjkxIDI2LjM1OCAxNC4yMTg4IDI2LjMyMDVDMTMuMDk5MyAyNi4wMzQ5IDEwLjkzNTMgMjUuMzIxMSA5LjA5NDM0IDIzLjc5NThDNi45NjAzNyAyMi4wMjI1IDUuODcwODUgMTkuNjMzMSA1Ljg3MDg1IDE2LjcwMjZWNy41OTU3MUM1Ljg3MDg1IDYuODI5MjkgNi4zMjkyIDYuMTQ1NTIgNy4wMzU1MSA1Ljg1OTk5TDEzLjk2MzQgMy4wMTk3MkMxNC4xODg4IDIuOTI5NTUgMTQuNDI5MiAyLjg3Njk1IDE0LjY3NzIgMi44NzY5NUMxNC45MjUyIDIuODc2OTUgMTUuMTY1NiAyLjkyMjA0IDE1LjM5MSAzLjAxOTcyTDIyLjMxODkgNS44NTk5OUMyMy4wMjUyIDYuMTUzMDQgMjMuNDgzNiA2LjgyOTI5IDIzLjQ4MzYgNy41OTU3MVYxNi43MDI2QzIzLjQ4MzYgMTkuNjQwNiAyMi40MDE1IDIyLjAyMjUgMjAuMjYwMSAyMy43OTU4QzE4LjQxOTEgMjUuMzIxMSAxNi4yNjI2IDI2LjAzNDkgMTUuMTM1NiAyNi4zMjA1QzE1LjAwMDMgMjYuMzY1NiAxNC44NDI1IDI2LjM4MDYgMTQuNjg0NyAyNi4zODA2WiIgZmlsbD0iI0ZGOUYwMCIvPgo8cGF0aCBkPSJNMTQuNjg1NCAyMS43NzI2QzE4LjYyNzcgMjEuNzcyNiAyMS44MjM2IDE4LjU3NjcgMjEuODIzNiAxNC42MzQzQzIxLjgyMzYgMTAuNjkyIDE4LjYyNzcgNy40OTYwOSAxNC42ODU0IDcuNDk2MDlDMTAuNzQzIDcuNDk2MDkgNy41NDcxMiAxMC42OTIgNy41NDcxMiAxNC42MzQzQzcuNTQ3MTIgMTguNTc2NyAxMC43NDMgMjEuNzcyNiAxNC42ODU0IDIxLjc3MjZaIiBmaWxsPSIjRkZGMEM1Ii8+CjxwYXRoIGQ9Ik0xNS41ODcyIDEwLjk5MzlMMTYuNDEzNyAxMi41NzkzTDE4LjE3OTUgMTIuODc5OUMxOC45OTEgMTMuMDE1MiAxOS4zMTQxIDE0LjAwNyAxOC43MzU1IDE0LjYwMDZMMTcuNDg4MiAxNS44NzhMMTcuNzUxMiAxNy42NTEzQzE3Ljg3MTQgMTguNDYyOCAxNy4wMjk4IDE5LjA3ODkgMTYuMjkzNSAxOC43MTA3TDE0LjY4NTUgMTcuOTE0M0wxMy4wODUgMTguNzEwN0MxMi4zNDg2IDE5LjA3ODkgMTEuNTA3MSAxOC40NjI4IDExLjYyNzMgMTcuNjUxM0wxMS44OTAzIDE1Ljg3OEwxMC42NDMgMTQuNjAwNkMxMC4wNjQ0IDE0LjAxNDUgMTAuMzg3NSAxMy4wMjI3IDExLjE5OSAxMi44Nzk5TDEyLjk2NDggMTIuNTc5M0wxMy43OTEzIDEwLjk5MzlDMTQuMTY3IDEwLjI2NTEgMTUuMjAzOSAxMC4yNjUxIDE1LjU4NzIgMTAuOTkzOVoiIGZpbGw9IiNGRjlGMDAiLz4KPC9zdmc+Cg=="
+        "iconURL":"GoldCertification.svg"
       }
     }
   ]

openmetadata-ui/src/main/resources/ui/public/BronzeCertification.svg

@@ -0,0 +1,6 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.2572 1.28177L6.32932 4.12205C4.9167 4.70062 4 6.07567 4 7.601V16.7079C4 24.8981 11.1458 27.4829 13.7531 28.1517C14.3693 28.3094 15.0079 28.3094 15.6241 28.1517C18.2314 27.4829 25.3772 24.8981 25.3772 16.7079V7.601C25.3772 6.07567 24.453 4.70062 23.0479 4.12205L16.1125 1.28177C15.1958 0.906076 14.1739 0.906076 13.2572 1.28177Z" fill="#EED6B3"/>
+<path d="M14.6847 26.3806C14.5269 26.3806 14.3691 26.358 14.2188 26.3205C13.0993 26.0349 10.9353 25.3211 9.09434 23.7958C6.96037 22.0225 5.87085 19.6331 5.87085 16.7026V7.59571C5.87085 6.82929 6.3292 6.14552 7.03551 5.85999L13.9634 3.01972C14.1888 2.92955 14.4292 2.87695 14.6772 2.87695C14.9252 2.87695 15.1656 2.92204 15.391 3.01972L22.3189 5.85999C23.0252 6.15304 23.4836 6.82929 23.4836 7.59571V16.7026C23.4836 19.6406 22.4015 22.0225 20.2601 23.7958C18.4191 25.3211 16.2626 26.0349 15.1356 26.3205C15.0003 26.3656 14.8425 26.3806 14.6847 26.3806Z" fill="#D0A25F"/>
+<path d="M14.6854 21.7726C18.6277 21.7726 21.8236 18.5767 21.8236 14.6343C21.8236 10.692 18.6277 7.49609 14.6854 7.49609C10.743 7.49609 7.54712 10.692 7.54712 14.6343C7.54712 18.5767 10.743 21.7726 14.6854 21.7726Z" fill="#F6ECDF"/>
+<path d="M15.5872 10.9939L16.4137 12.5793L18.1795 12.8799C18.991 13.0152 19.3141 14.007 18.7355 14.6006L17.4882 15.878L17.7512 17.6513C17.8714 18.4628 17.0298 19.0789 16.2935 18.7107L14.6855 17.9143L13.085 18.7107C12.3486 19.0789 11.5071 18.4628 11.6273 17.6513L11.8903 15.878L10.643 14.6006C10.0644 14.0145 10.3875 13.0227 11.199 12.8799L12.9648 12.5793L13.7913 10.9939C14.167 10.2651 15.2039 10.2651 15.5872 10.9939Z" fill="#D0A25F"/>
+</svg>

openmetadata-ui/src/main/resources/ui/public/GoldCertification.svg

@@ -0,0 +1,6 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.2572 1.28177L6.32932 4.12205C4.9167 4.70062 4 6.07567 4 7.601V16.7079C4 24.8981 11.1458 27.4829 13.7531 28.1517C14.3693 28.3094 15.0079 28.3094 15.6241 28.1517C18.2314 27.4829 25.3772 24.8981 25.3772 16.7079V7.601C25.3772 6.07567 24.453 4.70062 23.0479 4.12205L16.1125 1.28177C15.1958 0.906076 14.1739 0.906076 13.2572 1.28177Z" fill="#FFDF43"/>
+<path d="M14.6847 26.3806C14.5269 26.3806 14.3691 26.358 14.2188 26.3205C13.0993 26.0349 10.9353 25.3211 9.09434 23.7958C6.96037 22.0225 5.87085 19.6331 5.87085 16.7026V7.59571C5.87085 6.82929 6.3292 6.14552 7.03551 5.85999L13.9634 3.01972C14.1888 2.92955 14.4292 2.87695 14.6772 2.87695C14.9252 2.87695 15.1656 2.92204 15.391 3.01972L22.3189 5.85999C23.0252 6.15304 23.4836 6.82929 23.4836 7.59571V16.7026C23.4836 19.6406 22.4015 22.0225 20.2601 23.7958C18.4191 25.3211 16.2626 26.0349 15.1356 26.3205C15.0003 26.3656 14.8425 26.3806 14.6847 26.3806Z" fill="#FF9F00"/>
+<path d="M14.6854 21.7726C18.6277 21.7726 21.8236 18.5767 21.8236 14.6343C21.8236 10.692 18.6277 7.49609 14.6854 7.49609C10.743 7.49609 7.54712 10.692 7.54712 14.6343C7.54712 18.5767 10.743 21.7726 14.6854 21.7726Z" fill="#FFF0C5"/>
+<path d="M15.5872 10.9939L16.4137 12.5793L18.1795 12.8799C18.991 13.0152 19.3141 14.007 18.7355 14.6006L17.4882 15.878L17.7512 17.6513C17.8714 18.4628 17.0298 19.0789 16.2935 18.7107L14.6855 17.9143L13.085 18.7107C12.3486 19.0789 11.5071 18.4628 11.6273 17.6513L11.8903 15.878L10.643 14.6006C10.0644 14.0145 10.3875 13.0227 11.199 12.8799L12.9648 12.5793L13.7913 10.9939C14.167 10.2651 15.2039 10.2651 15.5872 10.9939Z" fill="#FF9F00"/>
+</svg>

openmetadata-ui/src/main/resources/ui/public/SilverCertification.svg

@@ -0,0 +1,6 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.2572 1.28177L6.32932 4.12205C4.9167 4.70062 4 6.07567 4 7.601V16.7079C4 24.8981 11.1458 27.4829 13.7531 28.1517C14.3693 28.3094 15.0079 28.3094 15.6241 28.1517C18.2314 27.4829 25.3772 24.8981 25.3772 16.7079V7.601C25.3772 6.07567 24.453 4.70062 23.0479 4.12205L16.1125 1.28177C15.1958 0.906076 14.1739 0.906076 13.2572 1.28177Z" fill="#D9D9D9"/>
+<path d="M14.6847 26.3806C14.5269 26.3806 14.3691 26.358 14.2188 26.3205C13.0993 26.0349 10.9353 25.3211 9.09434 23.7958C6.96037 22.0225 5.87085 19.6331 5.87085 16.7026V7.59571C5.87085 6.82929 6.3292 6.14552 7.03551 5.85999L13.9634 3.01972C14.1888 2.92955 14.4292 2.87695 14.6772 2.87695C14.9252 2.87695 15.1656 2.92204 15.391 3.01972L22.3189 5.85999C23.0252 6.15304 23.4836 6.82929 23.4836 7.59571V16.7026C23.4836 19.6406 22.4015 22.0225 20.2601 23.7958C18.4191 25.3211 16.2626 26.0349 15.1356 26.3205C15.0003 26.3656 14.8425 26.3806 14.6847 26.3806Z" fill="#979797"/>
+<path d="M14.6854 21.7726C18.6277 21.7726 21.8236 18.5767 21.8236 14.6343C21.8236 10.692 18.6277 7.49609 14.6854 7.49609C10.743 7.49609 7.54712 10.692 7.54712 14.6343C7.54712 18.5767 10.743 21.7726 14.6854 21.7726Z" fill="#E9ECEF"/>
+<path d="M15.5872 10.9939L16.4137 12.5793L18.1795 12.8799C18.991 13.0152 19.3141 14.007 18.7355 14.6006L17.4882 15.878L17.7512 17.6513C17.8714 18.4628 17.0298 19.0789 16.2935 18.7107L14.6855 17.9143L13.085 18.7107C12.3486 19.0789 11.5071 18.4628 11.6273 17.6513L11.8903 15.878L10.643 14.6006C10.0644 14.0145 10.3875 13.0227 11.199 12.8799L12.9648 12.5793L13.7913 10.9939C14.167 10.2651 15.2039 10.2651 15.5872 10.9939Z" fill="#979797"/>
+</svg>

openmetadata-ui/src/main/resources/ui/src/components/common/CertificationTag/CertificationTag.tsx

@@ -14,7 +14,7 @@ import { Tag, Tooltip } from 'antd';
 import React from 'react';
 import { AssetCertification } from '../../../generated/entity/data/table';
 import { getEntityName } from '../../../utils/EntityUtils';
-import { getTagTooltip } from '../../../utils/TagsUtils';
+import { getTagImageSrc, getTagTooltip } from '../../../utils/TagsUtils';
 import './certification-tag.less';
 
 const CertificationTag = ({
@@ -24,6 +24,7 @@ const CertificationTag = ({
 }) => {
   if (certification.tagLabel.style?.iconURL) {
     const name = getEntityName(certification.tagLabel);
+    const tagSrc = getTagImageSrc(certification.tagLabel.style.iconURL);
 
     return (
       <Tooltip
@@ -31,10 +32,7 @@ const CertificationTag = ({
         title={getTagTooltip(name, certification.tagLabel.description)}
         trigger="hover">
         <div data-testid={`certification-${certification.tagLabel.tagFQN}`}>
-          <img
+          <img alt={`certification: ${name}`} src={tagSrc} />
-            alt="certification"
-            src={certification.tagLabel.style?.iconURL}
-          />
         </div>
       </Tooltip>
     );

openmetadata-ui/src/main/resources/ui/src/pages/TagPage/TagPage.tsx

@@ -95,6 +95,7 @@ import {
   getExcludedIndexesBasedOnEntityTypeEditTagPermission,
   getQueryFilterToExcludeTermsAndEntities,
   getTagAssetsQueryFilter,
+  getTagImageSrc,
 } from '../../utils/TagsUtils';
 import { showErrorToast, showSuccessToast } from '../../utils/ToastUtils';
 import './tag-page.less';
@@ -545,13 +546,15 @@ const TagPage = () => {
   ]);
   const icon = useMemo(() => {
     if (tagItem?.style?.iconURL) {
+      const iconUrl = getTagImageSrc(tagItem.style.iconURL);
+
       return (
         <img
           alt={tagItem.name ?? t('label.tag')}
           className="align-middle object-contain"
           data-testid="icon"
           height={36}
-          src={tagItem.style?.iconURL}
+          src={iconUrl}
           width={32}
         />
       );

openmetadata-ui/src/main/resources/ui/src/utils/ClassificationUtils.tsx

@@ -26,7 +26,7 @@ import { ProviderType } from '../generated/entity/bot';
 import { Tag } from '../generated/entity/classification/tag';
 import { DeleteTagsType } from '../pages/TagsPage/TagsPage.interface';
 import { getClassificationTagPath } from './RouterUtils';
-import { getDeleteIcon } from './TagsUtils';
+import { getDeleteIcon, getTagImageSrc } from './TagsUtils';
 
 export const getDeleteButtonData = (
   record: Tag,
@@ -57,9 +57,14 @@ export const getCommonColumns = (): ColumnsType<Tag> => [
     key: 'name',
     width: 200,
     render: (_, record) => (
-      <Space align="center">
+      <div className="d-flex items-center gap-2">
         {record.style?.iconURL && (
-          <img data-testid="tag-icon" src={record.style.iconURL} width={16} />
+          <img
+            data-testid="tag-icon"
+            height={16}
+            src={getTagImageSrc(record.style.iconURL)}
+            width={16}
+          />
         )}
         <Link
           className="m-b-0"
@@ -70,12 +75,12 @@ export const getCommonColumns = (): ColumnsType<Tag> => [
         </Link>
         {record.disabled ? (
           <Badge
-            className="m-l-xs badge-grey"
+            className="badge-grey"
             count={t('label.disabled')}
             data-testid="disabled"
           />
         ) : null}
-      </Space>
+      </div>
     ),
   },
   {

openmetadata-ui/src/main/resources/ui/src/utils/TagsUtils.tsx

@@ -555,3 +555,15 @@ export const getTagAssetsQueryFilter = (fqn: string) => {
     return `(tags.tagFQN:"${fqn}")`;
   }
 };
+
+export const getTagImageSrc = (iconURL: string) => {
+  if (!iconURL) {
+    return '';
+  }
+
+  if (iconURL.startsWith('http') || iconURL.startsWith('data:image')) {
+    return iconURL;
+  }
+
+  return `${window.location.origin}/${iconURL}`;
+};

openmetadata-ui/src/main/resources/ui/webpack.config.dev.js

@@ -19,7 +19,8 @@ const process = require('process');
 
 const outputPath = path.join(__dirname, 'build');
 const subPath = process.env.APP_SUB_PATH ?? '';
-const devServerTarget = process.env.DEV_SERVER_TARGET ?? 'http://localhost:8585/';
+const devServerTarget =
+  process.env.DEV_SERVER_TARGET ?? 'http://localhost:8585/';
 
 module.exports = {
   // Development mode
@@ -154,6 +155,18 @@ module.exports = {
           from: path.join(__dirname, 'public/logo192.png'),
           to: outputPath,
         },
+        {
+          from: path.join(__dirname, 'public/BronzeCertification.svg'),
+          to: outputPath,
+        },
+        {
+          from: path.join(__dirname, 'public/SilverCertification.svg'),
+          to: outputPath,
+        },
+        {
+          from: path.join(__dirname, 'public/GoldCertification.svg'),
+          to: outputPath,
+        },
         {
           from: path.join(__dirname, 'public/manifest.json'),
           to: outputPath,

openmetadata-ui/src/main/resources/ui/webpack.config.prod.js

@@ -115,7 +115,7 @@ module.exports = {
     },
     alias: {
       process: 'process/browser',
-      Quill: path.resolve(__dirname, 'node_modules/quill'),  // Alias for the 'quill' library in node_modules
+      Quill: path.resolve(__dirname, 'node_modules/quill'), // Alias for the 'quill' library in node_modules
     },
   },
 
@@ -163,6 +163,18 @@ module.exports = {
           from: path.join(__dirname, 'public/locales'),
           to: outputPath,
         },
+        {
+          from: path.join(__dirname, 'public/BronzeCertification.svg'),
+          to: outputPath,
+        },
+        {
+          from: path.join(__dirname, 'public/SilverCertification.svg'),
+          to: outputPath,
+        },
+        {
+          from: path.join(__dirname, 'public/GoldCertification.svg'),
+          to: outputPath,
+        },
       ],
     }),
   ],