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

VSCode Icons (Iconify)

FileTypeDotjs

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="M26.96 9.819A13.5 13.5 0 0 1 26.969 17c-.085.319-.19.628-.3.935a14 14 0 0 1-.235 1.709a13.4 13.4 0 0 1-3.956 7.127a10.5 10.5 0 0 0 7.122-7.144a10.51 10.51 0 0 0-2.64-9.808M5.128 15.22a14 14 0 0 1 .4-1.467a14 14 0 0 1 .422-2.39a13.54 13.54 0 0 1 3.6-6.216a10.49 10.49 0 0 0-7.069 7.126a10.63 10.63 0 0 0 3.157 10.339a13.5 13.5 0 0 1-.51-7.392M19.661 2.226A10.59 10.59 0 0 0 9.548 5.147a13.44 13.44 0 0 1 7.7-.182q.652.176 1.27.407c.2.076.395.164.592.247c.211.035.422.084.633.129c.242.051.484.1.727.161a13.46 13.46 0 0 1 6.49 3.91a10.59 10.59 0 0 0-7.299-7.593m-4.824 24.705a14 14 0 0 1-1.862-.654a15 15 0 0 1-1.36-.289a13.55 13.55 0 0 1-5.977-3.376a10.54 10.54 0 0 0 7.632 6.935a10.42 10.42 0 0 0 9.213-2.78a13.44 13.44 0 0 1-7.646.164"/><path fill="#818cf8" d="M10.285 24.765a10.2 10.2 0 0 1-1.762-1.545A12.33 12.33 0 0 1 5.5 14.179c.008-.142.01-.283.023-.426a14 14 0 0 0-.4 1.467a13.5 13.5 0 0 0 .51 7.392a13.55 13.55 0 0 0 5.977 3.376c.454.121.908.214 1.36.289a13.6 13.6 0 0 1-2.685-1.512m16.083-6.036a12.5 12.5 0 0 1-7.446 7.207a10 10 0 0 1-3.363.519a14 14 0 0 1-2.584-.178a14 14 0 0 0 1.862.654a13.44 13.44 0 0 0 7.646-.164a13.4 13.4 0 0 0 3.956-7.127a14 14 0 0 0 .235-1.709q-.142.404-.306.798m.592-8.91a13.46 13.46 0 0 0-6.49-3.91c-.243-.065-.485-.11-.727-.161c-.211-.045-.422-.094-.633-.129a12.5 12.5 0 0 1 7.023 7.238a10.2 10.2 0 0 1 .561 2.958a14 14 0 0 1-.02 2.116c.105-.307.21-.616.3-.935a13.5 13.5 0 0 0-.014-7.177m-8.442-4.447a14 14 0 0 0-1.27-.407a13.44 13.44 0 0 0-7.7.182a13.54 13.54 0 0 0-3.6 6.216a14 14 0 0 0-.422 2.39q.072-.227.158-.449a13.16 13.16 0 0 1 3.46-5.269c.047-.043.1-.081.146-.124l.032-.027a12.72 12.72 0 0 1 9.79-2.265c-.199-.083-.392-.171-.594-.247"/><path fill="#818cf8" d="M26.674 17.929c-.094.274-.2.538-.306.8a12.5 12.5 0 0 1-7.446 7.207a10 10 0 0 1-3.363.519a14 14 0 0 1-2.584-.178a13.6 13.6 0 0 1-2.69-1.512a10.2 10.2 0 0 1-1.762-1.545A12.34 12.34 0 0 1 5.5 14.175c.008-.141.01-.28.023-.421q.072-.227.156-.443v-.01a13.2 13.2 0 0 1 3.46-5.265l.146-.124l.032-.027a12.72 12.72 0 0 1 9.79-2.265a12.5 12.5 0 0 1 7.023 7.238a10.2 10.2 0 0 1 .561 2.958a14 14 0 0 1-.017 2.113"/><path fill="#818cf8" d="M11.382 17.574h-.012a.685.685 0 0 1-.708.432c-.755 0-1.055-.567-1.055-1.567c0-1.291.5-1.49 1-1.49a.76.76 0 0 1 .732.416h.012v-1.291H12v3.857h-.612Zm-.588-2.161c-.372 0-.5.271-.5 1.054c0 .659.095 1.075.545 1.075s.546-.411.546-1.032c-.003-.697-.093-1.097-.591-1.097m2.729-.464c.942 0 1.206.626 1.206 1.529s-.306 1.528-1.206 1.528s-1.2-.626-1.2-1.528s.265-1.529 1.2-1.529m0 2.625c.474 0 .558-.356.558-1.1c0-.643-.084-1.1-.558-1.1s-.551.454-.551 1.1c0 .744.084 1.1.551 1.1m1.968-2.981h-1.019v-.519h2.7v.519h-1v3.338h-.684Zm1.62 2.625h.683v.713h-.683Zm1.867-2.194v3.1c0 .605-.282.8-.852.8a2 2 0 0 1-.282-.017v-.447h.15c.246 0 .336-.086.336-.395v-3.041Zm0-.994v.584h-.648v-.584Zm1.866 1.843V15.8c0-.233-.09-.448-.426-.448c-.258 0-.462.108-.462.378c0 .227.114.319.456.426l.414.13c.48.146.7.378.7.837c0 .621-.5.886-1.157.886c-.816 0-1.061-.34-1.061-.9V17h.575v.092c0 .335.132.518.5.518s.528-.162.528-.426a.43.43 0 0 0-.354-.427l-.528-.167c-.486-.151-.689-.373-.689-.838c0-.545.437-.8 1.1-.8c.822 0 1.008.432 1.008.794v.13Z"/></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. FileTypeDotjsIcon.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.