Skip to content
shadcn.io

File Type Scss 2

The file-type-scss2 icon represents another variant of a Sass (Syntactically Awesome StyleSheets) file, used in web development for styling web applications.

Add shadcn.io to your AI agent. · Pro It installs File Type Scss 2, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

File Type Scss 2 icon from VSCode Icons
Get Pro

1,426 in VSCode IconsMIT license (opens in a new tab)Free to copy and download

Code

File Type Scss 2 in your framework

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

export const FileTypeScss2Icon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32" {...props}>
    <path fill="#c69" fillRule="evenodd" d="M16 2A14 14 0 1 1 2 16A14 14 0 0 1 16 2"/><path fill="#fff" d="M24.782 7.992c-.634-2.486-4.757-3.3-8.659-1.918a19.6 19.6 0 0 0-6.644 3.811c-2.149 2.01-2.492 3.76-2.351 4.491c.5 2.58 4.033 4.266 5.486 5.517v.007c-.428.211-3.564 1.8-4.3 3.42c-.774 1.712.123 2.94.718 3.105A4.4 4.4 0 0 0 13.78 24.5a4.82 4.82 0 0 0 .472-4.288a5.6 5.6 0 0 1 2.143-.123c2.456.287 2.938 1.82 2.846 2.462a1.62 1.62 0 0 1-.779 1.1c-.172.107-.225.143-.21.223c.021.115.1.111.247.086a1.915 1.915 0 0 0 1.336-1.707c.059-1.5-1.382-3.186-3.934-3.143a6.7 6.7 0 0 0-2.189.3l-.108-.12c-1.578-1.683-4.494-2.874-4.371-5.137c.045-.823.331-2.989 5.6-5.617c4.32-2.153 7.778-1.56 8.376-.247c.854 1.876-1.848 5.361-6.334 5.864a3.37 3.37 0 0 1-2.833-.718c-.236-.26-.271-.271-.359-.223c-.143.079-.052.309 0 .445a2.66 2.66 0 0 0 1.621 1.274a8.6 8.6 0 0 0 5.258-.52c2.721-1.049 4.843-3.974 4.22-6.419M13.218 20.663a3.6 3.6 0 0 1-.029 2.092q-.035.106-.077.21t-.091.2a4 4 0 0 1-.647.943c-.813.887-1.95 1.223-2.437.94c-.526-.305-.263-1.556.68-2.553a9.5 9.5 0 0 1 2.474-1.762Z"/>
  </svg>
);

VSCode Icons

More like it

Icons that share its tags, in the same style.

All 1,426 icons
  • File Type Scss icon from VSCode Icons
  • File Type Ng Component Scss icon from VSCode Icons
  • File Type Vanilla Extract icon from VSCode Icons
  • File Type Dotjs icon from VSCode Icons
  • File Type Jsp icon from VSCode Icons
  • File Type Jss icon from VSCode Icons
  • File Type Ng Component Js 2 icon from VSCode Icons
  • File Type Ng Component Less icon from VSCode Icons
  • File Type Ng Component Sass 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 Stylable icon from VSCode Icons
  • File Type Style icon from VSCode Icons
  • File Type Styled icon from VSCode Icons
  • File Type Stylus icon from VSCode Icons
  • File Type Windi icon from VSCode Icons
  • File Type Blade icon from VSCode Icons
  • File Type Csscomb icon from VSCode Icons
  • File Type Csslint icon from VSCode Icons
  • File Type Cssmap 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 Scss 2 is tagged development, web, CSS and 1 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

VSCode Icons MCP, with Pro

Ask for File Type Scss 2 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.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • 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 Scss 2 icon means and where it's used, then how to install, style and license it.

Install File Type Scss 2 from a prompt

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

Get Pro