Home/Libraries/VSCode Icons (Iconify)/file-type-light-replit

VSCode Icons (Iconify)

FileTypeLightReplit

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 1156 1156"><g fill="#818cf8"><path d="M1024.5 534.05c1.23 13.58 2.08 27.28 2.08 41.19c0-13.91-.85-27.6-2.08-41.19" class="prefix__cls-2"/><path d="M359 531.68S234.25 991.32 734.26 995.32c156.88-58.4 272.48-201.58 290-374.2c1.21-11.94 1.57-24.12 1.84-36.32c.05-3.21.48-6.33.48-9.56c0-13.9-.85-27.61-2.08-41.19C892.4 1054.08 308 850.39 359 531.68" class="prefix__cls-2"/><path d="M617.54 361.07S152 231.06 159.16 738.68a449.9 449.9 0 0 0 108.49 162.17c2 1.89 4.07 3.68 6.09 5.54a450 450 0 0 0 42.54 34.67c2.31 1.65 4.48 3.47 6.8 5.08a447 447 0 0 0 49.11 29.16c4.93 2.54 10 4.86 15 7.23a444 444 0 0 0 44.85 18.2c3.75 1.28 7.33 2.88 11.13 4.07A445 445 0 0 0 499 1018c5.71 1 11.48 1.84 17.26 2.64a450 450 0 0 0 59.11 4.59c.76 0 1.49.12 2.25.12c14.92 0 29.65-.8 44.18-2.23C99.46 898.55 298 314.47 617.54 361.07" class="prefix__cls-2"/><path d="M799 601.8s110.14-464.34-385.64-443.6c-166.25 65.67-283.94 227.43-283.94 417a451 451 0 0 0 4.61 61C238.37 110.86 832.8 281 799 601.8" class="prefix__cls-2"/><path d="M560.95 801.62s466.35 60.88 437.16-382.51C934.64 248.44 770.76 126.62 578 126.62a450 450 0 0 0-81.35 7.73c519.64 63.79 384.58 671.81 64.3 667.27" class="prefix__cls-2"/><path d="M707.46 575.25A125.65 125.65 0 1 1 581.85 449.6a125.64 125.64 0 0 1 125.61 125.65" class="prefix__cls-3"/></g></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. FileTypeLightReplitIcon.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.