docs(guide): update framework logos on progressive web app guide (#4293)

brandyscarney · web-flow · commit 0138aee3b1ab · 2025-10-23T12:24:47.000-04:00
Co-authored-by: Brandy Smith &lt;6577830+brandyscarney@users.noreply.github.com&gt;
diff --git a/docs/deployment/progressive-web-app.md b/docs/deployment/progressive-web-app.md
@@ -19,7 +19,13 @@ Because Ionic Apps are built with web technologies, they can run just as well as
 For the frameworks Ionic supports, we've created dedicated guides that go into more detail. Below are links for Angular, React, and Vue.
 
 <DocsCards>
-  <DocsCard header="Angular" href="../angular/pwa" img="/img/frameworks/angular.svg"></DocsCard>
-  <DocsCard header="React" href="../react/pwa" img="/img/frameworks/react.svg"></DocsCard>
-  <DocsCard header="Vue" href="../vue/pwa" img="/img/frameworks/vue.svg"></DocsCard>
+  <DocsCard header="Angular" href="../angular/pwa" img="/img/frameworks/angular.svg">
+    Get started with progressive web apps in Angular.
+  </DocsCard>
+  <DocsCard header="React" href="../react/pwa" img="/img/frameworks/react.svg">
+    Get started with progressive web apps in React.
+  </DocsCard>
+  <DocsCard header="Vue" href="../vue/pwa" img="/img/frameworks/vue.svg">
+    Get started with progressive web apps in Vue.
+  </DocsCard>
 </DocsCards>
diff --git a/static/img/frameworks/angular.svg b/static/img/frameworks/angular.svg
diff --git a/static/img/frameworks/javascript.svg b/static/img/frameworks/javascript.svg
diff --git a/static/img/frameworks/react.svg b/static/img/frameworks/react.svg
@@ -1 +1,12 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 512 512" width="512pt" height="512pt"><defs><clipPath id="_clipPath_VNvigcTwc9M00HchWMvkqy1FUGPqNUDm"><rect width="512" height="512"/></clipPath></defs><g clip-path="url(#_clipPath_VNvigcTwc9M00HchWMvkqy1FUGPqNUDm)"><g><path d=" M 468 256.043 C 468 227.955 432.825 201.336 378.896 184.829 C 391.341 129.863 385.81 86.132 361.438 72.131 C 355.821 68.847 349.252 67.291 342.079 67.291 L 342.079 86.564 C 346.055 86.564 349.252 87.342 351.932 88.811 C 363.685 95.552 368.784 121.221 364.809 154.235 C 363.858 162.359 362.302 170.915 360.401 179.644 C 343.462 175.495 324.967 172.298 305.521 170.223 C 293.854 154.235 281.755 139.715 269.569 127.011 C 297.743 100.824 324.189 86.478 342.166 86.478 L 342.166 67.205 C 342.166 67.205 342.166 67.205 342.166 67.205 C 318.399 67.205 287.286 84.144 255.827 113.529 C 224.369 84.317 193.256 67.551 169.489 67.551 L 169.489 86.823 C 187.379 86.823 213.911 101.084 242.086 127.097 C 229.986 139.802 217.887 154.235 206.392 170.223 C 186.86 172.298 168.365 175.495 151.426 179.73 C 149.438 171.088 147.969 162.704 146.932 154.667 C 142.87 121.653 147.883 95.985 159.55 89.157 C 162.143 87.601 165.513 86.91 169.489 86.91 L 169.489 67.637 C 169.489 67.637 169.489 67.637 169.489 67.637 C 162.229 67.637 155.661 69.193 149.957 72.477 C 125.671 86.478 120.227 130.122 132.758 184.916 C 79.002 201.509 44 228.042 44 256.043 C 44 284.131 79.175 310.75 133.104 327.257 C 120.659 382.223 126.19 425.954 150.562 439.955 C 156.179 443.239 162.748 444.795 170.007 444.795 C 193.774 444.795 224.887 427.856 256.346 398.471 C 287.804 427.683 318.917 444.449 342.684 444.449 C 349.944 444.449 356.512 442.894 362.216 439.609 C 386.501 425.609 391.946 381.964 379.415 327.171 C 432.998 310.664 468 284.045 468 256.043 Z  M 355.475 198.398 C 352.277 209.547 348.302 221.041 343.808 232.536 C 340.264 225.622 336.548 218.708 332.486 211.794 C 328.51 204.88 324.276 198.139 320.041 191.57 C 332.313 193.385 344.153 195.632 355.475 198.398 Z  M 315.892 290.44 C 309.151 302.108 302.237 313.17 295.064 323.455 C 282.187 324.578 269.137 325.183 256 325.183 C 242.95 325.183 229.9 324.578 217.109 323.541 C 209.936 313.256 202.935 302.28 196.194 290.7 C 189.626 279.378 183.662 267.883 178.218 256.302 C 183.576 244.722 189.626 233.141 196.108 221.819 C 202.849 210.152 209.763 199.089 216.936 188.805 C 229.813 187.681 242.863 187.076 256 187.076 C 269.05 187.076 282.1 187.681 294.891 188.718 C 302.064 199.003 309.065 209.979 315.806 221.56 C 322.374 232.881 328.338 244.376 333.782 255.957 C 328.338 267.538 322.374 279.119 315.892 290.44 Z  M 343.808 279.205 C 348.475 290.786 352.45 302.367 355.734 313.602 C 344.413 316.368 332.486 318.701 320.127 320.516 C 324.362 313.861 328.597 307.034 332.572 300.033 C 336.548 293.119 340.264 286.119 343.808 279.205 Z  M 256.173 371.42 C 248.135 363.124 240.098 353.876 232.147 343.764 C 239.925 344.11 247.876 344.369 255.914 344.369 C 264.038 344.369 272.075 344.196 279.94 343.764 C 272.161 353.876 264.124 363.124 256.173 371.42 Z  M 191.873 320.516 C 179.6 318.701 167.76 316.454 156.439 313.689 C 159.636 302.54 163.612 291.045 168.106 279.551 C 171.649 286.465 175.366 293.379 179.428 300.293 C 183.49 307.207 187.638 313.948 191.873 320.516 Z  M 255.741 140.666 C 263.778 148.963 271.816 158.21 279.767 168.322 C 271.989 167.976 264.038 167.717 256 167.717 C 247.876 167.717 239.839 167.89 231.974 168.322 C 239.752 158.21 247.79 148.963 255.741 140.666 Z  M 191.786 191.57 C 187.552 198.225 183.317 205.053 179.341 212.053 C 175.366 218.967 171.649 225.881 168.106 232.795 C 163.439 221.214 159.464 209.633 156.179 198.398 C 167.501 195.719 179.428 193.385 191.786 191.57 Z  M 113.572 299.774 C 82.978 286.724 63.186 269.612 63.186 256.043 C 63.186 242.475 82.978 225.276 113.572 212.312 C 121.004 209.115 129.128 206.263 137.512 203.583 C 142.438 220.523 148.92 238.153 156.957 256.216 C 149.006 274.192 142.611 291.737 137.771 308.589 C 129.215 305.91 121.091 302.972 113.572 299.774 Z  M 160.068 423.275 C 148.315 416.534 143.216 390.866 147.191 357.852 C 148.142 349.728 149.698 341.172 151.599 332.443 C 168.538 336.591 187.033 339.789 206.479 341.863 C 218.146 357.852 230.245 372.371 242.431 385.075 C 214.257 411.262 187.811 425.609 169.834 425.609 C 165.945 425.522 162.661 424.744 160.068 423.275 Z  M 365.068 357.419 C 369.13 390.434 364.117 416.102 352.45 422.929 C 349.857 424.485 346.487 425.177 342.511 425.177 C 324.621 425.177 298.089 410.916 269.914 384.903 C 282.014 372.198 294.113 357.765 305.608 341.777 C 325.14 339.702 343.635 336.505 360.574 332.27 C 362.562 340.999 364.117 349.382 365.068 357.419 Z  M 398.342 299.774 C 390.909 302.972 382.785 305.824 374.402 308.503 C 369.476 291.564 362.994 273.933 354.956 255.87 C 362.907 237.894 369.303 220.35 374.143 203.497 C 382.699 206.176 390.823 209.115 398.428 212.312 C 429.022 225.362 448.814 242.475 448.814 256.043 C 448.727 269.612 428.936 286.81 398.342 299.774 Z " fill="rgb(97,218,251)"/><path d=" M 169.402 67.551 L 169.402 67.551 L 169.402 67.551 L 169.402 67.551 Z " fill="rgb(97,218,251)"/><circle vector-effect="non-scaling-stroke" cx="255.9135752140236" cy="256.04321239298815" r="39.49612719119446" fill="rgb(97,218,251)"/></g></g></svg>
+<svg width="864" height="474" viewBox="0 0 864 474" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="864" height="474" fill="#58C4DC" fill-opacity="0.1"/>
+<g clip-path="url(#clip0_276_438)">
+<path d="M432.184 199.402C411.606 199.402 394.924 216.082 394.924 236.658C394.924 257.234 411.606 273.914 432.184 273.914C452.761 273.914 469.443 257.234 469.443 236.658C469.443 216.082 452.761 199.402 432.184 199.402Z" fill="#58C4DC"/>
+<path d="M625.973 236.996C625.973 207.747 598.885 182.095 555.756 165.213C556.332 161.411 556.853 157.65 557.224 153.958C561.478 111.931 551.351 81.5977 528.723 68.5312C503.405 53.9136 467.645 64.5233 431.486 93.4564C395.328 64.5233 359.568 53.9136 334.25 68.5312C311.622 81.5977 301.495 111.931 305.749 153.958C306.119 157.65 306.627 161.424 307.217 165.24C303.622 166.613 300.095 168.067 296.706 169.591C258.201 186.899 237 210.863 237 236.996C237 266.245 264.088 291.898 307.217 308.78C306.627 312.582 306.119 316.342 305.749 320.035C301.495 362.062 311.622 392.395 334.25 405.461C342.03 409.872 350.845 412.128 359.787 411.994C381.221 411.994 406.251 400.712 431.486 380.536C456.708 400.712 481.751 411.994 503.213 411.994C512.154 412.126 520.969 409.871 528.75 405.461C551.378 392.395 561.505 362.062 557.251 320.035C556.881 316.342 556.359 312.582 555.783 308.78C598.912 291.925 626 266.231 626 236.996M503.048 80.5271C508.798 80.3884 514.481 81.7811 519.515 84.5624C535.227 93.6348 542.28 118.244 538.85 152.077C538.616 154.383 538.342 156.717 538.013 159.064C520.079 153.662 501.715 149.809 483.123 147.548C471.853 132.563 459.32 118.572 445.661 105.727C467.109 89.1466 487.24 80.5271 503.034 80.5271M495.666 274.055C488.725 286.103 481.168 297.785 473.024 309.054C459.219 310.473 445.35 311.178 431.473 311.168C417.6 311.178 403.735 310.472 389.935 309.054C381.813 297.785 374.278 286.103 367.362 274.055C360.422 262.04 354.115 249.67 348.466 236.996C354.115 224.322 360.422 211.953 367.362 199.938C374.267 187.938 381.778 176.298 389.867 165.062C403.692 163.608 417.585 162.884 431.486 162.893C445.359 162.885 459.223 163.59 473.024 165.007C481.14 176.26 488.678 187.919 495.611 199.938C502.545 211.956 508.852 224.325 514.506 236.996C508.852 249.667 502.545 262.037 495.611 274.055M523.947 260.329C528.302 272.208 531.878 284.357 534.651 296.701C522.617 300.454 510.351 303.411 497.93 305.554C502.65 298.435 507.224 291.028 511.652 283.333C516.029 275.729 520.132 268.057 524.002 260.384M405.428 328.86C413.963 329.382 422.677 329.683 431.5 329.683C440.323 329.683 449.092 329.382 457.641 328.86C449.535 338.571 440.803 347.741 431.5 356.311C422.217 347.742 413.508 338.572 405.428 328.86ZM365.057 305.527C352.632 303.393 340.36 300.445 328.322 296.701C331.084 284.377 334.645 272.245 338.984 260.384C342.799 268.057 346.888 275.729 351.334 283.333C355.78 290.937 360.377 298.431 365.057 305.554M338.984 213.594C334.661 201.777 331.108 189.692 328.349 177.414C340.358 173.667 352.596 170.7 364.988 168.534C360.295 175.63 355.698 182.987 351.266 190.659C346.833 198.332 342.785 205.908 338.916 213.594M457.559 145.119C449.023 144.597 440.31 144.295 431.418 144.295C422.599 144.295 413.908 144.57 405.345 145.119C413.425 135.407 422.135 126.237 431.418 117.668C440.724 126.234 449.457 135.405 457.559 145.119ZM511.625 190.659C507.179 182.955 502.582 175.543 497.834 168.424C510.287 170.568 522.586 173.53 534.651 177.291C531.882 189.614 528.321 201.745 523.988 213.608C520.174 205.936 516.071 198.263 511.638 190.673M324.178 152.091C320.706 118.272 327.801 93.6486 343.499 84.5761C348.535 81.7991 354.217 80.4067 359.966 80.5408C375.76 80.5408 395.891 89.1604 417.339 105.741C403.671 118.595 391.129 132.595 379.849 147.589C361.262 149.861 342.901 153.699 324.96 159.064C324.644 156.717 324.356 154.397 324.137 152.091M304.308 186.487C306.421 185.572 308.576 184.657 310.771 183.742C315.088 201.956 320.94 219.771 328.267 236.996C320.927 254.255 315.069 272.107 310.757 290.36C275.793 276.017 255.525 256.143 255.525 236.996C255.525 218.851 273.364 200.446 304.308 186.487ZM343.499 389.416C327.801 380.344 320.706 355.72 324.178 321.901C324.397 319.595 324.686 317.276 325.001 314.915C342.935 320.315 361.299 324.168 379.89 326.431C391.165 341.421 403.697 355.421 417.352 368.279C387.451 391.379 360.13 398.997 343.54 389.416M538.836 321.901C542.266 355.734 535.213 380.344 519.501 389.416C502.925 399.024 475.59 391.379 445.703 368.279C459.353 355.421 471.881 341.42 483.151 326.431C501.743 324.169 520.107 320.317 538.04 314.915C538.369 317.276 538.644 319.595 538.877 321.901M552.297 290.333C547.974 272.091 542.112 254.248 534.774 236.996C542.108 219.735 547.966 201.883 552.284 183.632C587.18 197.975 607.502 217.849 607.502 236.996C607.502 256.143 587.234 276.017 552.27 290.36" fill="#58C4DC"/>
+</g>
+<defs>
+<clipPath id="clip0_276_438">
+<rect width="389" height="350" fill="white" transform="translate(237 62)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/static/img/frameworks/vue.svg b/static/img/frameworks/vue.svg
@@ -1,10 +1,5 @@
-<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" version="1.1">
-
- <g>
-  <title>Layer 1</title>
-  <g id="surface1">
-   <path id="svg_1" fill="rgb(25.882353%,72.156863%,51.372549%)" fill-rule="nonzero" d="m117.34375,35.54688l-17.34375,29.76563l-17.34375,-29.76563l-57.65625,0l75,128.90625l75,-128.90625c0,0 -57.65625,0 -57.65625,0zm0,0"/>
-   <path id="svg_2" fill="rgb(20.784314%,28.627451%,36.862745%)" fill-rule="nonzero" d="m117.34375,35.54688l-17.34375,29.76563l-17.34375,-29.76563l-27.65625,0l45,77.34375l45,-77.34375l-27.65625,0zm0,0"/>
-  </g>
- </g>
-</svg>
+<svg width="864" height="474" viewBox="0 0 864 474" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="864" height="474" fill="#42B883" fill-opacity="0.1"/>
+<path d="M477.833 71.375L432 151.583L386.167 71.375H232L432 418.25L632 71.375H477.833Z" fill="#42B883"/>
+<path d="M477.833 71.375L432 151.583L386.167 71.375H312.208L432 279.708L551.792 71.375H477.833Z" fill="#35495E"/>
+</svg>
diff --git a/versioned_docs/version-v6/deployment/progressive-web-app.md b/versioned_docs/version-v6/deployment/progressive-web-app.md
@@ -19,7 +19,13 @@ Because Ionic Apps are built with web technologies, they can run just as well as
 For the frameworks Ionic supports, we've created dedicated guides that go into more detail. Below are links for Angular and React.
 
 <DocsCards>
-  <DocsCard header="Angular" href="../angular/pwa" img="/img/frameworks/angular.svg"></DocsCard>
-  <DocsCard header="React" href="../react/pwa" img="/img/frameworks/react.svg"></DocsCard>
-  <DocsCard header="Vue" href="../vue/pwa" img="/img/frameworks/vue.svg"></DocsCard>
+  <DocsCard header="Angular" href="../angular/pwa" img="/img/frameworks/angular.svg">
+    Get started with progressive web apps in Angular.
+  </DocsCard>
+  <DocsCard header="React" href="../react/pwa" img="/img/frameworks/react.svg">
+    Get started with progressive web apps in React.
+  </DocsCard>
+  <DocsCard header="Vue" href="../vue/pwa" img="/img/frameworks/vue.svg">
+    Get started with progressive web apps in Vue.
+  </DocsCard>
 </DocsCards>
diff --git a/versioned_docs/version-v7/deployment/progressive-web-app.md b/versioned_docs/version-v7/deployment/progressive-web-app.md
@@ -19,7 +19,13 @@ Because Ionic Apps are built with web technologies, they can run just as well as
 For the frameworks Ionic supports, we've created dedicated guides that go into more detail. Below are links for Angular, React, and Vue.
 
 <DocsCards>
-  <DocsCard header="Angular" href="../angular/pwa" img="/img/frameworks/angular.svg"></DocsCard>
-  <DocsCard header="React" href="../react/pwa" img="/img/frameworks/react.svg"></DocsCard>
-  <DocsCard header="Vue" href="../vue/pwa" img="/img/frameworks/vue.svg"></DocsCard>
+  <DocsCard header="Angular" href="../angular/pwa" img="/img/frameworks/angular.svg">
+    Get started with progressive web apps in Angular.
+  </DocsCard>
+  <DocsCard header="React" href="../react/pwa" img="/img/frameworks/react.svg">
+    Get started with progressive web apps in React.
+  </DocsCard>
+  <DocsCard header="Vue" href="../vue/pwa" img="/img/frameworks/vue.svg">
+    Get started with progressive web apps in Vue.
+  </DocsCard>
 </DocsCards>
