Home/Libraries/VSCode Icons (Iconify)/file-type-vala

VSCode Icons (Iconify)

FileTypeVala

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><path fill="#818cf8" d="M12.509 17.193c-.165-6.836-.325-12.455-.357-12.487a7.9 7.9 0 0 0-2.273 1.168a7.6 7.6 0 0 0-2.555 3.314a8.4 8.4 0 0 0-.587 3.543a4.7 4.7 0 0 0 .2 1.962a3.4 3.4 0 0 1 .182.56c-.012.009-.338-.018-.724-.061c-1.868-.207-2.786-1.05-3-2.757A6.3 6.3 0 0 1 4.85 7.719a15.13 15.13 0 0 1 8.414-5.163a13 13 0 0 1 2.542-.235l1.748-.05l.059 2.506c.032 1.378.1 6.358.161 11.067s-.252 8.29-.219 8.4C19.5 17.879 22 13.073 24.367 6.253l1.427-3.983h2.746c-.022.063-2.751 6.5-5.514 13.916l-5.473 13.55h-4.577c0-1.83-.441-11.25-.467-12.543"/><path fill="#818cf8" d="M17.732 30h-5.019v-.263c0-1.137-.17-5.192-.307-8.452c-.081-1.929-.15-3.6-.161-4.087c-.156-6.479-.286-11-.336-12.163a11.7 11.7 0 0 0-1.874 1.049a7.35 7.35 0 0 0-2.466 3.2A8.15 8.15 0 0 0 7 12.731a4.4 4.4 0 0 0 .185 1.869c.215.569.273.723.1.859c-.093.073-.107.084-.916-.007c-1.976-.219-3-1.167-3.234-2.986A6.57 6.57 0 0 1 4.64 7.561A15.44 15.44 0 0 1 13.2 2.3a13 13 0 0 1 2.6-.242L17.811 2l.065 2.77c.032 1.392.106 6.461.161 11.07c.031 2.616-.052 4.915-.124 6.43c.931-2.763 1.958-5.27 3.033-7.9c1.043-2.547 2.122-5.18 3.173-8.207l1.491-4.16h3.3l-.125.351c0 .007-.031.076-.084.2a382 382 0 0 0-5.43 13.717Zm-4.495-.526h4.14l5.407-13.386a390 390 0 0 1 5.362-13.555h-2.167l-1.365 3.809c-1.055 3.038-2.137 5.678-3.183 8.231c-1.311 3.2-2.55 6.226-3.626 9.747l-.255.831l-.248-.833a3.3 3.3 0 0 1 .021-.839c.074-1.35.229-4.158.188-7.633c-.055-4.607-.129-9.674-.161-11.064l-.05-2.241l-1.484.043a12.7 12.7 0 0 0-2.49.228A14.9 14.9 0 0 0 5.06 7.877a6.07 6.07 0 0 0-1.4 4.524c.2 1.58 1.028 2.336 2.77 2.529l.333.035l-.066-.179a4.9 4.9 0 0 1-.219-2.055a8.7 8.7 0 0 1 .6-3.638a7.9 7.9 0 0 1 2.644-3.43c.022-.016 2.232-1.525 2.615-1.142c.092.092.131.131.433 12.666c.01.485.08 2.149.16 4.076c.13 3.05.287 6.797.307 8.211"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. FileTypeValaIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.