Add file icon (#563)

winstliu · web-flow · commit 2620721e33d7 · 2024-01-05T09:48:47.000+01:00
diff --git a/assets/pipelines-file-icon.svg b/assets/pipelines-file-icon.svg
@@ -0,0 +1,61 @@
+<!--
+    Taken from status.dev.azure.com with the viewbox adjusted to line up with Seti UI iconography.
+    We try to blend in with Seti as it's the default VS Code icon theme.
+    By increasing the viewbox to 53.333, that leaves 75% of the space for the actual 40x40 icon.
+-->
+<svg viewBox="-13 -6.5 53.333 53.333" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="DevOpsIconPipelines40">
+<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="40">
+<g id="Union">
+<path d="M5.83331 26.8398L7.84607 24.6875L10.3467 27.1885L8.31329 29.2217L10.7775 31.6865L12.8111 29.6523L15.3291 32.1709L13.3333 34.167L19.1667 40H28.3333C29.2538 40 30 39.2539 30 38.333V25L38.5175 19.3232C39.4437 18.7051 40 17.6641 40 16.5508V1.66699C40 0.746094 39.2538 0 38.3333 0H23.4492C22.3354 0 21.2953 0.556641 20.6769 1.48242L15 10H1.66669C0.746216 10 0 10.7461 0 11.667V20.833L5.83331 26.8398Z" fill="white"/>
+<path d="M3 30H0V40H10V37H3V30Z" fill="white"/>
+</g>
+</mask>
+<g mask="url(#mask0)">
+<path id="Flame" fill-rule="evenodd" clip-rule="evenodd" d="M0 0H3V7.00004H9.99999L9.99999 10H0V0Z" transform="translate(0 30)" fill="#91B0F2"/>
+<path id="Wings" d="M0 1.66667V10.8333L5.83333 16.8398L8.33333 14.1667L15.8333 21.6667L13.3333 24.1667L19.1667 30H28.3333C29.2538 30 30 29.2538 30 28.3333V15L15 0H1.66667C0.746192 0 0 0.746192 0 1.66667Z" transform="translate(0 10)" fill="#0F46BD"/>
+<g id="Body shadow" filter="url(#filter0_f)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 23.0922L15.4167 0H33.75V18.3334L10.6579 33.7502L0 23.0922Z" transform="translate(6.25)" fill="#062AA9"/>
+</g>
+<path id="Body" fill-rule="evenodd" clip-rule="evenodd" d="M0.966787 24.059C0.404726 23.497 0.317806 22.6162 0.759157 21.9551L14.4269 1.48252C15.0453 0.556236 16.0855 0 17.1992 0H32.0833C33.0038 0 33.75 0.746192 33.75 1.66667V16.5509C33.75 17.6646 33.1937 18.7048 32.2674 19.3232L11.795 32.991C11.1339 33.4324 10.2532 33.3454 9.69109 32.7834L0.966787 24.059Z" transform="translate(6.25)" fill="#2560E0"/>
+<g id="Wing shadow" filter="url(#filter1_f)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 12.7251L12.725 0L15.1892 2.46415L2.46416 15.1892L0 12.7251Z" transform="translate(8.31329 16.4971)" fill="#0A44C2"/>
+</g>
+<path id="Wing" fill-rule="evenodd" clip-rule="evenodd" d="M0 12.7251L12.725 0L15.1892 2.46415L2.46416 15.1892L0 12.7251Z" transform="translate(8.31329 16.4971)" fill="#729AF2"/>
+<path id="Intersect" d="M2.46417 13.1555L0 10.6913L10.6915 0L13.1556 2.46419L2.46417 13.1555Z" transform="translate(10.3469 16.4971)" fill="#4C80F0"/>
+<g id="Window shadow" filter="url(#filter2_f)">
+<path d="M5 10.0001C7.76142 10.0001 9.99999 7.76146 9.99999 5.00003C9.99999 2.23859 7.76142 0 5 0C2.23857 0 0 2.23859 0 5.00003C0 7.76146 2.23857 10.0001 5 10.0001Z" transform="translate(25 5)" fill="#0A44C2"/>
+</g>
+<path id="Window" d="M5 10.0001C7.76142 10.0001 9.99999 7.76146 9.99999 5.00003C9.99999 2.23859 7.76142 0 5 0C2.23857 0 0 2.23859 0 5.00003C0 7.76146 2.23857 10.0001 5 10.0001Z" transform="translate(25 5)" fill="#91B0F2"/>
+<g id="Union_2" opacity="0.2">
+<path d="M5.83331 26.8398L7.84607 24.6875L10.3467 27.1885L8.31329 29.2217L10.7775 31.6865L12.8111 29.6523L15.3291 32.1709L13.3333 34.167L19.1667 40H28.3333C29.2538 40 30 39.2539 30 38.333V25L38.5175 19.3232C39.4437 18.7051 40 17.6641 40 16.5508V1.66699C40 0.746094 39.2538 0 38.3333 0H23.4492C22.3354 0 21.2953 0.556641 20.6769 1.48242L15 10H1.66669C0.746216 10 0 10.7461 0 11.667V20.833L5.83331 26.8398Z" fill="url(#paint0_linear)"/>
+<path d="M3 30H0V40H10V37H3V30Z" fill="url(#paint1_linear)"/>
+</g>
+</g>
+</g>
+<defs>
+<filter id="filter0_f" x="2.91667" y="-3.33333" width="40.4166" height="40.4167" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.66667" result="effect1_foregroundBlur"/>
+</filter>
+<filter id="filter1_f" x="4.97996" y="13.1637" width="21.8558" height="21.8559" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.66667" result="effect1_foregroundBlur"/>
+</filter>
+<filter id="filter2_f" x="21.6667" y="1.66667" width="16.6667" height="16.6667" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.66667" result="effect1_foregroundBlur"/>
+</filter>
+<linearGradient id="paint0_linear" x2="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(40) scale(40) rotate(90)">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x2="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(40) scale(40) rotate(90)">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/package.json b/package.json
@@ -66,7 +66,11 @@
                 ],
                 "aliases": [
                     "Azure Pipelines"
-                ]
+                ],
+                "icon": {
+                    "light": "./assets/pipelines-file-icon.svg",
+                    "dark": "./assets/pipelines-file-icon.svg"
+                }
             }
         ],
         "grammars": [
