Skip to content

File Type Ng Component Scss

The file-type-ng-component-scss icon represents an Angular SCSS component file.

Exports at 24 × 24 px

File Type Ng Component Scss icon from VSCode Icons
Get Pro

Code

File Type Ng Component Scss in your framework

In any framework. Customize it above, and the code follows.

export const FileTypeNgComponentScssIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32" {...props}>
    <defs><linearGradient id="SVGsG9qJbtn"><stop offset="0" stopColor="#de3641"/><stop offset="1" stopColor="#b13138"/></linearGradient><linearGradient id="SVGBu3X2bSJ"><stop offset="0" stopColor="#de3641"/><stop offset="1" stopColor="#de3641" 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(#SVGsG9qJbtn)" 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(#SVGBu3X2bSJ)" 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><path fill="#c69" d="M22.65 15.29a7.35 7.35 0 1 1-7.35 7.35a7.35 7.35 0 0 1 7.35-7.35"/><path fill="#fff" d="M27.26 18.44c-.33-1.31-2.5-1.73-4.55-1a10.3 10.3 0 0 0-3.49 2c-1.13 1.06-1.31 2-1.23 2.36c.26 1.36 2.12 2.24 2.88 2.9c-.22.11-1.87.95-2.26 1.8a1.19 1.19 0 0 0 .38 1.63a2.31 2.31 0 0 0 2.49-1a2.53 2.53 0 0 0 .25-2.25a3 3 0 0 1 1.13-.06c1.29.15 1.54 1 1.49 1.29a.85.85 0 0 1-.41.58c-.09.06-.12.08-.11.12s.05.06.13 0a1 1 0 0 0 .7-.9a1.82 1.82 0 0 0-1.966-1.662q-.052 0-.1.012a3.5 3.5 0 0 0-1.15.16l-.06-.06c-.83-.88-2.36-1.51-2.3-2.7c0-.43.17-1.57 2.94-3c2.27-1.13 4.09-.82 4.4-.13c.45 1-1 2.82-3.33 3.08a1.77 1.77 0 0 1-1.49-.38c-.12-.14-.14-.14-.19-.12s0 .16 0 .23a1.4 1.4 0 0 0 .85.67a4.5 4.5 0 0 0 2.74-.2c1.466-.55 2.586-2.09 2.256-3.37m-6.08 6.66a1.9 1.9 0 0 1 0 1.1v.22a2 2 0 0 1-.34.5a1.25 1.25 0 0 1-1.28.49c-.28-.15-.14-.82.36-1.34a5 5 0 0 1 1.3-.93Z"/>
  </svg>
);

VSCode Icons

More like it

Icons that share its tags, in the same style.

All 1,426 icons
  • File Type Ng Component Less icon from VSCode Icons
  • File Type Ng Component Sass icon from VSCode Icons
  • File Type Ng Component Js 2 icon from VSCode Icons
  • File Type Ng Component Ts icon from VSCode Icons
  • File Type Ng Component Ts 2 icon from VSCode Icons
  • File Type Ng Controller Js icon from VSCode Icons
  • File Type Ng Controller Ts icon from VSCode Icons
  • File Type Ng Directive Dart icon from VSCode Icons
  • File Type Ng Directive Js icon from VSCode Icons
  • File Type Jsbeautify icon from VSCode Icons
  • File Type Jsconfig icon from VSCode Icons
  • File Type Jscpd icon from VSCode Icons
  • File Type Jshint icon from VSCode Icons
  • File Type Jsmap icon from VSCode Icons
  • File Type Js Official icon from VSCode Icons
  • File Type Lex icon from VSCode Icons
  • File Type Skipper icon from VSCode Icons
  • File Type Slang icon from VSCode Icons
  • File Type Slashup icon from VSCode Icons
  • File Type Slice icon from VSCode Icons
  • File Type Slim icon from VSCode Icons
  • File Type Slint icon from VSCode Icons
  • File Type Sln icon from VSCode Icons
  • File Type Sln 2 icon from VSCode Icons

Search VSCode Icons

Skip the copy and paste. With Pro, your AI agent finds and installs any VSCode Icons icon from a prompt.

Get Pro

Tags

Browse by tag

File Type Ng Component Scss is tagged file, development, programming and 3 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

VSCode Icons MCP, with Pro

Ask for File Type Ng Component Scss or any of 1,426 VSCode Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the File Type Ng Component Scss icon means and where it's used, then how to install, style, label and license it.

What does the File Type Ng Component Scss icon mean?

The file-type-ng-component-scss icon represents an Angular SCSS component file. This icon is used to denote a specific type of file in the VSCode editor. SCSS is a popular stylesheet language used in web development.

Where is the File Type Ng Component Scss icon used?

In real-world applications, this icon appears in software development environments like VSCode, where developers create and edit Angular component files with SCSS stylesheets. It's also used in documentation and tutorials related to Angular and SCSS.

What does the File Type Ng Component Scss icon tell users?

From a UX perspective, this icon communicates that a file is an Angular component with SCSS styles, helping users understand the file's purpose and functionality.

Which library is the File Type Ng Component Scss icon from?

File Type Ng Component Scss is one of 1,426 icons in VSCode Icons, made by Roberto Huertas and released under MIT. It is drawn on a 32 × 32 grid.

4.9 out of 5 from 150+ developers

Install File Type Ng Component Scss from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro
  • Cancel anytime
  • Keep what you've shipped