VSCode Icons · Dev

vscode-icons:file-type-angular

VS Code Icons are the file and folder glyphs from the VS Code icon theme. Use them for file trees, not for general UI. License: MIT.

License: MIT · /r/vscode-icons/file-type-angular.json

Redistribution follows that set’s license. Brand marks can have extra trademark limits.

React

import type { SVGProps } from 'react';

export function FileTypeAngular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32"><defs><linearGradient id="SVGL3eT8dEE" x1="49.009" x2="225.83" y1="213.75" y2="129.72" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#e40035"/><stop offset=".24" stopColor="#f60a48"/><stop offset=".352" stopColor="#f20755"/><stop offset=".494" stopColor="#dc087d"/><stop offset=".745" stopColor="#9717e7"/><stop offset="1" stopColor="#6c00f5"/></linearGradient><linearGradient id="SVGXdyn1ciA" x1="41.025" x2="156.74" y1="28.344" y2="160.34" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#ff31d9"/><stop offset="1" stopColor="#ff5be1" stopOpacity="0"/></linearGradient><clipPath id="SVGqpIVPcCN"><path fill="#fff" d="M0 0h223v236H0z"/></clipPath></defs><g clipPath="url(#SVGqpIVPcCN)" transform="translate(2.76 1.986)scale(.11923)"><path fill="url(#SVGL3eT8dEE)" d="m222.08 39.192l-8.019 125.92L137.39-.008zm-53.105 162.82l-57.933 33.056l-57.934-33.056l11.783-28.556h92.301zm-57.933-139.34l30.357 73.803H80.684zm-103.1 102.44L.005 39.192L84.695 0z"/><path fill="url(#SVGXdyn1ciA)" d="m222.08 39.192l-8.019 125.92L137.39-.008zm-53.105 162.82l-57.933 33.056l-57.934-33.056l11.783-28.556h92.301zm-57.933-139.34l30.357 73.803H80.684zm-103.1 102.44L.005 39.192L84.695 0z"/></g></svg>
  );
}

VSCode Icons icon

VSCode Icons

VSCode Icons

vscode-icons