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

VSCode Icons (Iconify)

FileTypeEps

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"><defs><linearGradient id="SVGgR76UdPh" x1="-403.546" x2="-403.376" y1="-337.031" y2="-337.031" gradientTransform="matrix(96.894 -151.7 -151.7 -96.894 -12016.61 -93843.838)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#e6e6e6"/></linearGradient><linearGradient id="SVG70NcNc1O" x1="-403.546" x2="-403.376" y1="-337.033" y2="-337.033" gradientTransform="matrix(96.894 -151.7 -151.7 -96.894 -12016.61 -93843.838)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#949494"/><stop offset="1" stop-color="#8c8c8c"/></linearGradient><linearGradient id="SVGeid63c3Z" x1="-403.546" x2="-403.376" y1="-336.987" y2="-336.987" href="#SVG70NcNc1O"/><linearGradient id="SVGPyWkL10i" x1="-405.673" x2="-405.503" y1="-336.64" y2="-336.64" gradientTransform="matrix(-54.933 -55.519 -55.519 54.933 -40949.55 -4004.8)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b3b3b3"/><stop offset="1" stop-color="#f2f2f2"/></linearGradient></defs><path fill="#818cf8" d="M24.037 2.072h-.003l5.564 5.801v22.055H8.814V30H29.67V7.945z"/><path fill="url(#SVGgR76UdPh)" d="M23.893 7.945V2.072l5.633 5.873zM23.965 2H8.742v1.432h13.719v6.832H8.742v19.664H29.6V7.873l-5.564-5.8z"/><path fill="url(#SVG70NcNc1O)" d="M23.893 2.072v5.873h5.633z"/><path fill="#818cf8" d="M23.965 2v5.873h5.633z"/><path fill="#818cf8" d="M8.742 3.432H2.384v6.832h6.358z"/><path fill="url(#SVGeid63c3Z)" d="M22.461 3.432H8.742v6.832h13.719z"/><path fill="#818cf8" d="M2.33 3.378h20.077v6.832H2.33z"/><path fill="#818cf8" d="M10.003 7.309H8.779v.834h1.371v.995H7.863V4.605h2.216v.989h-1.3v.733h1.224zm1.16-2.643a5.5 5.5 0 0 1 1.129-.094a1.43 1.43 0 0 1 1.078.356a1.56 1.56 0 0 1 .39 1.1a1.77 1.77 0 0 1-.329 1.116a1.42 1.42 0 0 1-1.139.471a2 2 0 0 1-.223-.014v1.54h-.906Zm.906 2a2 2 0 0 0 .207.014a.564.564 0 0 0 .582-.632a.5.5 0 0 0-.516-.565a1 1 0 0 0-.273.027Zm2.708 1.262a1.7 1.7 0 0 0 .886.283c.314 0 .466-.141.466-.37s-.152-.35-.536-.525a1.45 1.45 0 0 1-.957-1.365A1.32 1.32 0 0 1 16 4.531a1.75 1.75 0 0 1 .926.235l-.192.968a1.43 1.43 0 0 0-.744-.215c-.278 0-.43.135-.43.336c0 .229.182.323.612.538a1.4 1.4 0 0 1 .891 1.365a1.357 1.357 0 0 1-1.458 1.453a1.9 1.9 0 0 1-1-.283Z"/><path fill="url(#SVGPyWkL10i)" d="M12.608 17.582s5.392-4.282 9.559-.15s.18 9.739.18 9.739Z"/><path fill="#818cf8" d="m22.42 27.223l-.147-.1c.039-.055 3.892-5.59-.17-9.623s-9.387.114-9.44.156l-.112-.141c.055-.043 5.5-4.287 9.678-.143s.231 9.795.191 9.851"/><path fill="#818cf8" d="m17.863 13.255l.127-.127l8.406 8.375l-.127.128z"/><path fill="#818cf8" d="M21.792 17.058h.749v.749h-.749z"/><path fill="gray" d="M22.692 17.958h-1.051v-1.051h1.051Zm-.749-.3h.447v-.447h-.447Z"/><path fill="#818cf8" d="M12.233 17.208h.749v.749h-.749z"/><path fill="gray" d="M13.133 18.108h-1.051v-1.051h1.051Zm-.749-.3h.447v-.447h-.447Z"/><path fill="#818cf8" d="M21.972 26.797h.749v.749h-.749z"/><path fill="gray" d="M22.872 27.7h-1.051v-1.054h1.051Zm-.749-.3h.447v-.447h-.447Z"/><path fill="#818cf8" d="M17.552 12.818h.749v.749h-.749zm8.406 8.375h.749v.749h-.749z"/></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. FileTypeEpsIcon.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.