feat: [IR-2427]: Update AI SRE icons and landing page images (#100905)

ryantaylor16 · Harness · commit 288aa2cc460a · 2026-01-26T17:20:27.000Z
* 4fe488 feat: [IR-2427]: Update AI SRE icons and landing page images
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -5,7 +5,7 @@
 ![CD](static/img/icon_cd_s.svg)
 ![IACM](static/img/icon_iacm_s.svg)
 ![CE](static/img/icon_ce_s.svg)
-![AI SRE](static/img/icon-ir-s.svg)
+![AI SRE](static/img/icon-ai-sre-s.svg)
 ![SRM](static/img/icon_srm_s.svg)
 ![FME](static/img/icon-fme-s.svg)
 ![CCM](static/img/icon_ccm_s.svg)
diff --git a/README.md b/README.md
@@ -5,7 +5,7 @@
 ![CD](static/img/icon_cd_s.svg)
 ![IACM](static/img/icon_iacm_s.svg)
 ![CE](static/img/icon_ce_s.svg)
-![AI SRE](static/img/icon-ir-s.svg)
+![AI SRE](static/img/icon-ai-sre-s.svg)
 ![SRM](static/img/icon_srm_s.svg)
 ![FME](static/img/icon-fme-s.svg)
 ![CCM](static/img/icon_ccm_s.svg)
diff --git a/src/components/Docs/AiSre.tsx b/src/components/Docs/AiSre.tsx
@@ -14,7 +14,7 @@ export default function AISRE() {
       <div className={styles.topSection}>
         <div className={styles.spaceBetween}>
           <div className={styles.moduleTitle}>
-            <img src={`${baseUrl}img/icon-ir.svg`} />
+            <img src={`${baseUrl}img/icon-ai-sre.svg`} />
             <h1>AI SRE</h1>
           </div>
           <div className={styles.btnContainer}>
@@ -40,8 +40,8 @@ export default function AISRE() {
                 className={styles.illustration}
                 src={
                   colorMode === 'light'
-                    ? `${baseUrl}img/ir-landing-page.svg`
-                    : `${baseUrl}img/ir-landing-page-dark.svg`
+                    ? `${baseUrl}img/ai-sre-landing-page.svg`
+                    : `${baseUrl}img/ai-sre-landing-page-dark.svg`
                 }
               />
             </div>
diff --git a/src/components/HomepageFeatures/data/featureListData.tsx b/src/components/HomepageFeatures/data/featureListData.tsx
@@ -126,7 +126,7 @@ export const featureList: CardItem[] = [
   {
     title: "Revolutionize Incident Management",
     module: MODULES.aisre,
-    icon: "img/icon-ir.svg",
+    icon: "img/icon-ai-sre.svg",
     description: <>Focus on proactive issue prevention and accelerated resolution.</>,
     link: "docs/ai-sre",
   },
diff --git a/src/components/LearnAboutPlatform/data/moduleListData.tsx b/src/components/LearnAboutPlatform/data/moduleListData.tsx
@@ -111,7 +111,7 @@ export const moduleList: CardItem[] = [
   {
     title: 'AI SRE',
     module: MODULES.aisre,
-    icon: 'img/icon-ir.svg',
+    icon: 'img/icon-ai-sre.svg',
     description: (
       <>
         Revolutionize incident management by focusing on proactive issue prevention and accelerated
diff --git a/src/constants.ts b/src/constants.ts
@@ -80,7 +80,7 @@ export const MODULE_ICON = {
     [MODULES.ast]: 'img/icon-api-security-testing.svg',
     [MODULES.srm]: 'img/icon_srm.svg',
     [MODULES.ce]: 'img/icon_ce.svg',
-    [MODULES.aisre]: 'img/icon-ir.svg',
+    [MODULES.aisre]: 'img/icon-ai-sre.svg',
     [MODULES.sei]: 'img/icon_sei.svg',
     [MODULES.cet]: 'img/icon_cet.svg',
     [MODULES.ssca]: 'img/icon_ssca.svg',
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -1834,7 +1834,7 @@ figure p {
   height: 24px;
   min-width: 24px;
   margin-right: 8px;
-  background-image: url('/img/icon-ir.svg');
+  background-image: url('/img/icon-ai-sre.svg');
   background-size: contain;
   background-repeat: no-repeat;
 }
@@ -2392,7 +2392,7 @@ html[data-theme='dark'] .navbar .dropdown__menu .dropdown__section-header {
   --nav-icon: url('/img/logo-ata.svg');
 }
 .navbar .dropdown__link[href*='/docs/ai-sre'] {
-  --nav-icon: url('/img/icon-ir.svg');
+  --nav-icon: url('/img/icon-ai-sre.svg');
 }
 .navbar .dropdown__link[href*='/docs/service-reliability-management'] {
   --nav-icon: url('/img/icon_srm.svg');
diff --git a/src/theme/Navbar/index.tsx b/src/theme/Navbar/index.tsx
@@ -76,7 +76,7 @@ const docDropdownItems = [
     label: "AI Test Automation",
     icon: "/img/logo-ata.svg",
   },
-  { to: "/docs/ai-sre", label: "AI SRE", icon: "/img/icon-ir.svg" },
+  { to: "/docs/ai-sre", label: "AI SRE", icon: "/img/icon-ai-sre.svg" },
   {
     to: "/docs/service-reliability-management",
     label: "Service Reliability Management",
diff --git a/static/img/ai-sre-landing-page-dark.svg b/static/img/ai-sre-landing-page-dark.svg
diff --git a/static/img/ai-sre-landing-page.svg b/static/img/ai-sre-landing-page.svg
diff --git a/static/img/icon-ai-sre-m.svg b/static/img/icon-ai-sre-m.svg
@@ -0,0 +1,15 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2194_106966)">
+<path d="M9.36035 1.1582C10.9265 -0.407917 13.4737 -0.382654 15.0088 1.21387L22.8965 9.41699C24.3894 10.9699 24.365 13.4319 22.8418 14.9551L14.9551 22.8418C13.4318 24.3649 10.9698 24.3886 9.41699 22.8955L5.93945 19.5518L7.6875 17.7832C8.65226 18.5076 9.81317 18.9981 11.0947 19.1582C15.0185 19.6481 18.5968 16.8651 19.0869 12.9414C19.5767 9.0176 16.793 5.43916 12.8691 4.94922C8.9454 4.45952 5.36786 7.24421 4.87793 11.168C4.82772 11.574 5.11539 11.9444 5.52148 11.9951C5.92763 12.0458 6.29747 11.7575 6.34863 11.3516C6.73707 8.24067 9.57468 6.03368 12.6855 6.42188C15.7964 6.81046 18.0036 9.64691 17.6152 12.7578C17.2266 15.8686 14.3892 18.0759 11.2783 17.6875C10.3324 17.5693 9.47159 17.2247 8.74121 16.7158L10.7676 14.665C11.0325 14.7882 11.3204 14.8749 11.626 14.9131C13.2046 15.1099 14.6435 13.9897 14.8408 12.4111C15.0378 10.8324 13.9185 9.39267 12.3398 9.19531C10.761 8.99817 9.32126 10.1184 9.12402 11.6973C9.03179 12.4365 9.23088 13.1431 9.62793 13.708L4.87012 18.5244L1.21387 15.0088C-0.382595 13.4737 -0.407741 10.9265 1.1582 9.36035L9.36035 1.1582ZM12.1562 10.667C12.9219 10.7629 13.4647 11.4618 13.3691 12.2275C13.2733 12.9932 12.5753 13.5368 11.8096 13.4414C11.0436 13.3458 10.4992 12.6468 10.5947 11.8809C10.6905 11.1149 11.3903 10.5713 12.1562 10.667Z" fill="url(#paint0_linear_2194_106966)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_2194_106966" x1="0.158491" y1="-1.85342" x2="25.1589" y2="25.1585" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF99C9"/>
+<stop offset="0.5" stop-color="#926EF7"/>
+<stop offset="1" stop-color="#6EEEF7"/>
+</linearGradient>
+<clipPath id="clip0_2194_106966">
+<rect width="24" height="23.9999" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/static/img/icon-ai-sre-s.svg b/static/img/icon-ai-sre-s.svg
@@ -0,0 +1,15 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2194_106965)">
+<path d="M6.24023 0.772461C7.28431 -0.271619 8.98245 -0.254777 10.0059 0.80957L15.2637 6.27832C16.259 7.31356 16.243 8.95421 15.2275 9.96973L9.96973 15.2275C8.95421 16.243 7.31353 16.259 6.27832 15.2637L3.95898 13.0342L5.125 11.8545C5.76846 12.3378 6.54268 12.6657 7.39746 12.7725C10.0132 13.0988 12.399 11.2427 12.7256 8.62695C13.0518 6.01139 11.1956 3.62561 8.58008 3.29883C5.96432 2.9723 3.57875 4.82864 3.25195 7.44434C3.21814 7.71516 3.40992 7.96305 3.68066 7.99707C3.95162 8.0309 4.19859 7.83736 4.23242 7.56641C4.49173 5.49275 6.38422 4.02133 8.45801 4.28027C10.5316 4.53955 12.0029 6.43122 11.7441 8.50488C11.4851 10.5787 9.59335 12.0507 7.51953 11.792C6.88906 11.7132 6.31605 11.4818 5.8291 11.1426L7.17773 9.77637C7.35461 9.85874 7.54696 9.91593 7.75098 9.94141C8.80334 10.0724 9.76215 9.32584 9.89355 8.27344C10.0247 7.22117 9.27877 6.26249 8.22656 6.13086C7.17409 5.99944 6.21465 6.74547 6.08301 7.79785C6.02152 8.29055 6.15331 8.76203 6.41797 9.13867L3.24707 12.3486L0.80957 10.0059C-0.254777 8.98245 -0.271619 7.28431 0.772461 6.24023L6.24023 0.772461ZM8.10449 7.11133C8.61463 7.17546 8.97656 7.6411 8.91309 8.15137C8.8492 8.66178 8.38348 9.02443 7.87305 8.96094C7.36241 8.8971 6.99971 8.43058 7.06348 7.91992C7.12756 7.40956 7.594 7.04759 8.10449 7.11133Z" fill="url(#paint0_linear_2194_106965)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_2194_106965" x1="0.105656" y1="-1.23558" x2="16.7721" y2="16.7716" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF99C9"/>
+<stop offset="0.5" stop-color="#926EF7"/>
+<stop offset="1" stop-color="#6EEEF7"/>
+</linearGradient>
+<clipPath id="clip0_2194_106965">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/static/img/icon-ai-sre.svg b/static/img/icon-ai-sre.svg
@@ -0,0 +1,15 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2194_106972)">
+<path d="M12.4805 1.54449C14.5685 -0.543513 17.9639 -0.510498 20.0107 1.61774L30.5283 12.5562C32.5187 14.6266 32.4867 17.9091 30.4561 19.94L19.9404 30.4556C17.9094 32.4867 14.6261 32.5187 12.5557 30.5279L7.91895 26.0699L10.25 23.7105C11.5365 24.6768 13.0848 25.332 14.7939 25.5455C20.0255 26.1985 24.7958 22.487 25.4492 17.2554C26.1025 12.0236 22.3911 7.25245 17.1592 6.59918C11.9275 5.9461 7.15637 9.65764 6.50293 14.8892C6.43542 15.431 6.82048 15.9251 7.3623 15.9927C7.9041 16.0603 8.39804 15.6761 8.46582 15.1343C8.98391 10.9866 12.7663 8.04342 16.9141 8.5611C21.0621 9.07903 24.0052 12.8623 23.4873 17.0103C22.9693 21.1581 19.1869 24.1002 15.0391 23.5826C13.7777 23.425 12.6292 22.9661 11.6553 22.2877L14.3555 19.5552C14.7087 19.7195 15.0927 19.8334 15.5 19.8843C17.6051 20.1472 19.5251 18.6535 19.7881 16.5484C20.051 14.4432 18.5574 12.5232 16.4521 12.2603C14.347 11.9975 12.4269 13.4911 12.1641 15.5963C12.041 16.5824 12.3029 17.5282 12.833 18.2818L6.49316 24.6988L1.61816 20.0113C-0.510527 17.9645 -0.544203 14.5682 1.54395 12.48L12.4805 1.54449ZM16.207 14.2222C17.2284 14.3498 17.9537 15.2819 17.8262 16.3033C17.6986 17.3246 16.7665 18.049 15.7451 17.9214C14.7239 17.7938 13.9995 16.8626 14.127 15.8414C14.2545 14.82 15.1857 14.0948 16.207 14.2222Z" fill="url(#paint0_linear_2194_106972)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_2194_106972" x1="0.211321" y1="-2.47173" x2="33.5462" y2="33.5441" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF99C9"/>
+<stop offset="0.5" stop-color="#926EF7"/>
+<stop offset="1" stop-color="#6EEEF7"/>
+</linearGradient>
+<clipPath id="clip0_2194_106972">
+<rect width="32" height="31.9999" fill="white"/>
+</clipPath>
+</defs>
+</svg>

Original file line number	Diff line number	Diff line change
`@@ -126,7 +126,7 @@ export const featureList: CardItem[] = [`
`126`	`126`	`{`
`127`	`127`	`title: "Revolutionize Incident Management",`
`128`	`128`	`module: MODULES.aisre,`
`129`		`- icon: "img/icon-ir.svg",`
	`129`	`+ icon: "img/icon-ai-sre.svg",`
`130`	`130`	`description: <>Focus on proactive issue prevention and accelerated resolution.</>,`
`131`	`131`	`link: "docs/ai-sre",`
`132`	`132`	`},`
Original file line number	Diff line number	Diff line change
`@@ -111,7 +111,7 @@ export const moduleList: CardItem[] = [`
`111`	`111`	`{`
`112`	`112`	`title: 'AI SRE',`
`113`	`113`	`module: MODULES.aisre,`
`114`		`- icon: 'img/icon-ir.svg',`
	`114`	`+ icon: 'img/icon-ai-sre.svg',`
`115`	`115`	`description: (`
`116`	`116`	`<>`
`117`	`117`	`Revolutionize incident management by focusing on proactive issue prevention and accelerated`
Original file line number	Diff line number	Diff line change
`@@ -1834,7 +1834,7 @@ figure p {`
`1834`	`1834`	`height: 24px;`
`1835`	`1835`	`min-width: 24px;`
`1836`	`1836`	`margin-right: 8px;`
`1837`		`- background-image: url('/img/icon-ir.svg');`
	`1837`	`+ background-image: url('/img/icon-ai-sre.svg');`
`1838`	`1838`	`background-size: contain;`
`1839`	`1839`	`background-repeat: no-repeat;`
`1840`	`1840`	`}`
`@@ -2392,7 +2392,7 @@ html[data-theme='dark'] .navbar .dropdown__menu .dropdown__section-header {`
`2392`	`2392`	`--nav-icon: url('/img/logo-ata.svg');`
`2393`	`2393`	`}`
`2394`	`2394`	`.navbar .dropdown__link[href*='/docs/ai-sre'] {`
`2395`		`- --nav-icon: url('/img/icon-ir.svg');`
	`2395`	`+ --nav-icon: url('/img/icon-ai-sre.svg');`
`2396`	`2396`	`}`
`2397`	`2397`	`.navbar .dropdown__link[href*='/docs/service-reliability-management'] {`
`2398`	`2398`	`--nav-icon: url('/img/icon_srm.svg');`
Original file line number	Diff line number	Diff line change
`@@ -76,7 +76,7 @@ const docDropdownItems = [`
`76`	`76`	`label: "AI Test Automation",`
`77`	`77`	`icon: "/img/logo-ata.svg",`
`78`	`78`	`},`
`79`		`- { to: "/docs/ai-sre", label: "AI SRE", icon: "/img/icon-ir.svg" },`
	`79`	`+ { to: "/docs/ai-sre", label: "AI SRE", icon: "/img/icon-ai-sre.svg" },`
`80`	`80`	`{`
`81`	`81`	`to: "/docs/service-reliability-management",`
`82`	`82`	`label: "Service Reliability Management",`