diff --git a/apps/reference/static/img/libraries/flutter-icon.svg b/apps/reference/static/img/libraries/flutter-icon.svg
index 74ec3d22913..5141951b0b6 100644
--- a/apps/reference/static/img/libraries/flutter-icon.svg
+++ b/apps/reference/static/img/libraries/flutter-icon.svg
@@ -1,94 +1 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="64"
-  height="64"
->
-  <g transform="matrix(.061615 0 0 .061615 -1.430818 -1.2754)">
-    <defs>
-      <path
-        id="A"
-        d="M959.4 500L679.8 779.7l279.6 279.7H639.9L360.2 779.7 639.9 500h319.5zM639.9 20.7L120.6 540l159.8 159.8 679-679.1H639.9z"
-      />
-    </defs>
-    <clipPath id="B"><use xlink:href="#A" /></clipPath>
-    <g clip-path="url(#B)">
-      <path d="M360.3 779.7L520 939.5 959.4 500H639.9z" fill="#39cefd" />
-    </g>
-    <defs>
-      <path
-        id="C"
-        d="M959.4 500L679.8 779.7l279.6 279.7H639.9L360.2 779.7 639.9 500h319.5zM639.9 20.7L120.6 540l159.8 159.8 679-679.1H639.9z"
-      />
-    </defs>
-    <clipPath id="D"><use xlink:href="#C" /></clipPath>
-    <path
-      clip-path="url(#D)"
-      d="M639.9 20.7h319.5l-679 679.1L120.6 540z"
-      fill="#39cefd"
-    />
-    <defs>
-      <path
-        id="E"
-        d="M959.4 500L679.8 779.7l279.6 279.7H639.9L360.2 779.7 639.9 500h319.5zM639.9 20.7L120.6 540l159.8 159.8 679-679.1H639.9z"
-      />
-    </defs>
-    <clipPath id="F"><use xlink:href="#E" /></clipPath>
-    <path
-      clip-path="url(#F)"
-      d="M520 939.5l119.9 119.8h319.5L679.8 779.7z"
-      fill="#03569b"
-    />
-    <defs>
-      <path
-        id="G"
-        d="M959.4 500L679.8 779.7l279.6 279.7H639.9L360.2 779.7 639.9 500h319.5zM639.9 20.7L120.6 540l159.8 159.8 679-679.1H639.9z"
-      />
-    </defs>
-    <clipPath id="H"><use xlink:href="#G" /></clipPath>
-    <linearGradient
-      id="I"
-      gradientUnits="userSpaceOnUse"
-      x1="566.635"
-      y1="970.339"
-      x2="685.65"
-      y2="851.324"
-    >
-      <stop offset="0" stop-color="#1a237e" stop-opacity=".4" />
-      <stop offset="1" stop-color="#1a237e" stop-opacity="0" />
-    </linearGradient>
-    <path
-      clip-path="url(#H)"
-      d="M757 857.4l-77.2-77.7L520 939.5z"
-      fill="url(#I)"
-    />
-    <defs>
-      <path
-        id="J"
-        d="M959.4 500L679.8 779.7l279.6 279.7H639.9L360.2 779.7 639.9 500h319.5zM639.9 20.7L120.6 540l159.8 159.8 679-679.1H639.9z"
-      />
-    </defs>
-    <clipPath id="K"><use xlink:href="#J" /></clipPath>
-    <g clip-path="url(#K)">
-      <path
-        d="M360.282 779.645L520.086 619.84 679.9 779.645 520.086 939.45z"
-        fill="#16b9fd"
-      />
-    </g>
-    <radialGradient
-      id="L"
-      cx="7824.659"
-      cy="-2855.979"
-      r="5082.889"
-      gradientTransform="matrix(0.25,0,0,-0.25,-1812,-622.5)"
-      gradientUnits="userSpaceOnUse"
-    >
-      <stop offset="0" stop-color="#fff" stop-opacity=".1" />
-      <stop offset="1" stop-color="#fff" stop-opacity="0" />
-    </radialGradient>
-    <path
-      d="M959.4 500L679.8 779.7l279.6 279.7H639.9L360.2 779.7 639.9 500h319.5zM639.9 20.7L120.6 540l159.8 159.8 679-679.1H639.9z"
-      fill="url(#L)"
-    />
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 166 202"><defs><linearGradient id="b"><stop offset="20%" stop-opacity=".55"/><stop offset="85%" stop-color="#616161" stop-opacity=".01"/></linearGradient><linearGradient id="a" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="20%" stop-opacity=".15"/><stop offset="85%" stop-color="#616161" stop-opacity=".01"/></linearGradient></defs><path fill="#42A5F5" fill-opacity=".8" d="M37.7 128.9 9.8 101l90.6-90.6h55.8M156.2 94h-55.8l-20.9 20.9 27.9 27.9"/><path fill="#0D47A1" d="m79.5 170.7 20.9 20.9h55.8l-48.8-48.8"/><path fill="#42A5F5" d="m51.662 142.816 27.86-27.86 27.86 27.86-27.86 27.86z"/><path fill="url(#a)" d="M59.8 162.5h39.4v5.5H59.8z" transform="rotate(-45.001 79.53 142.782)"/><path d="m79.5 170.7 41.4-14.3-13.5-13.6" fill="url(#b)"/></svg>
\ No newline at end of file
diff --git a/studio/public/img/libraries/flutter-icon.svg b/studio/public/img/libraries/flutter-icon.svg
new file mode 100644
index 00000000000..7503b0da87c
--- /dev/null
+++ b/studio/public/img/libraries/flutter-icon.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="317px" height="317px" viewBox="-30.5 0 317 317" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <defs>
+        <linearGradient x1="3.9517088%" y1="26.9930287%" x2="75.8970734%" y2="52.9192657%" id="linearGradient-1">
+            <stop stop-color="#000000" offset="0%"></stop>
+            <stop stop-color="#000000" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+		<g>
+				<polygon fill="#47C5FB" points="157.665785 0.000549356223 0.000549356223 157.665785 48.8009614 206.466197 255.267708 0.000549356223"></polygon>
+				<polygon fill="#47C5FB" points="156.567183 145.396793 72.1487107 229.815265 121.132608 279.530905 169.842925 230.820587 255.267818 145.396793"></polygon>
+				<polygon fill="#00569E" points="121.133047 279.531124 158.214592 316.61267 255.267159 316.61267 169.842266 230.820807"></polygon>
+				<polygon fill="#00B5F8" points="71.5995742 230.364072 120.401085 181.562561 169.842046 230.821136 121.132827 279.531454"></polygon>
+				<polygon fill-opacity="0.8" fill="url(#linearGradient-1)" points="121.132827 279.531454 161.692896 266.072227 165.721875 234.941308"></polygon>
+		</g>
+</svg>