IconSearch logoIconsearch
Home/Libraries/coolicons (Iconify)/file-js
← Back to Search
coolicons (Iconify)

FileJs

License: CC-BY-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M18 22H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h7a.104.104 0 0 1 .027 0h.006a.15.15 0 0 0 .029.006c.088.006.175.023.259.051h.042a.421.421 0 0 1 .052.043a.988.988 0 0 1 .293.2l6 6a.987.987 0 0 1 .2.293a.735.735 0 0 1 .023.066l.01.028c.028.083.044.17.049.258a.1.1 0 0 0 .007.029v.006A.112.112 0 0 1 20 9v11a2 2 0 0 1-2 2Zm-5.884-4.6c-.006.296.063.59.2.852a1.4 1.4 0 0 0 .55.555c.237.129.502.195.772.193c.366.019.724-.11.994-.357A1.33 1.33 0 0 0 15 17.65a1.506 1.506 0 0 0-.3-.95a2.178 2.178 0 0 0-.932-.632a1.67 1.67 0 0 1-.514-.334a.54.54 0 0 1-.145-.364a.6.6 0 0 1 .13-.408a.449.449 0 0 1 .362-.154a.434.434 0 0 1 .378.181a.859.859 0 0 1 .132.517H15a1.738 1.738 0 0 0-.172-.782a1.237 1.237 0 0 0-.486-.531A1.382 1.382 0 0 0 13.62 14a1.407 1.407 0 0 0-1 .374a1.3 1.3 0 0 0-.392.986a1.4 1.4 0 0 0 .29.882c.258.292.585.515.951.649c.186.072.356.18.5.317c.101.127.15.287.139.448c0 .361-.157.544-.465.544a.578.578 0 0 1-.483-.19a1.012 1.012 0 0 1-.148-.612l-.896.002ZM9 17.5c-.022.395.097.784.335 1.1c.235.27.581.418.939.4c.356.008.695-.15.918-.427c.25-.325.376-.728.356-1.137v-3.369h-.887v3.322c0 .528-.13.8-.387.8s-.383-.232-.383-.689H9ZM13 4v5h5l-5-5Z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. FileJsIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** 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.

Related Icons in coolicons (Iconify)

Browse all coolicons (Iconify) icons →
add-column
add-column
add-minus-square
add-minus-square
add-plus
add-plus
add-plus-circle
add-plus-circle
add-plus-square
add-plus-square
add-row
add-row
add-to-queue
add-to-queue
adobe-xd
adobe-xd
airplay
airplay
alarm
alarm
alarm-add
alarm-add
app-store
app-store