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

VSCode Icons (Iconify)

FileTypePlaywright

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="M15.735 12.971a2.67 2.67 0 0 1 1.732 1.538l1.068.3a3.02 3.02 0 0 0-2.027-2.609a2.78 2.78 0 0 0-2.975 1.169a2.5 2.5 0 0 1 2.2-.4Zm8.5 1.548a2.78 2.78 0 0 0-2.974 1.167a2.5 2.5 0 0 1 2.2-.395a2.67 2.67 0 0 1 1.739 1.538l1.07.3a3.03 3.03 0 0 0-2.028-2.615ZM23.176 20l-8.885-2.484a4 4 0 0 0 .465 1.119l7.481 2.091a4 4 0 0 0 .939-.726m-6.16 5.346c-7.035-1.886-6.185-10.85-5.046-15.1a25.5 25.5 0 0 1 1.35-3.924c-.238-.049-.436.077-.631.473a24 24 0 0 0-1.489 4.23c-1.138 4.247-1.989 13.211 5.046 15.1c3.316.888 5.9-.462 7.825-2.582a7.23 7.23 0 0 1-7.052 1.81Z"/><path fill="#818cf8" d="M13.129 20.608V18.8L8.1 20.224a4 4 0 0 1 2.992-2.9a4.35 4.35 0 0 1 2.033-.116v-7.42h2.516a15 15 0 0 0-.762-1.951c-.368-.75-.746-.253-1.6.464a11.9 11.9 0 0 1-4.425 2.2a11.9 11.9 0 0 1-4.926.321c-1.1-.189-1.672-.43-1.618.4a18.3 18.3 0 0 0 .624 3.387c.869 3.266 3.743 9.559 9.173 8.1a5.46 5.46 0 0 0 3.114-2.1h-2.092Zm-8.11-5.952l3.859-1.016a2.17 2.17 0 0 1-1.559 1.866a2.215 2.215 0 0 1-2.3-.85"/><path fill="#818cf8" d="M27.653 9.874a15.4 15.4 0 0 1-6.384-.4a15.4 15.4 0 0 1-5.731-2.845c-1.109-.929-1.6-1.574-2.076-.6a24 24 0 0 0-1.492 4.224c-1.138 4.247-1.988 13.211 5.046 15.1s10.778-6.3 11.916-10.552a24 24 0 0 0 .819-4.4c.072-1.085-.673-.77-2.1-.52Zm-14.134 3.514a2.8 2.8 0 0 1 2.989-1.19a3.02 3.02 0 0 1 2.027 2.614Zm4.59 7.737a5.16 5.16 0 0 1-3.817-3.606L23.176 20a4.89 4.89 0 0 1-5.067 1.122Zm3.141-5.42a2.8 2.8 0 0 1 2.987-1.187a3.03 3.03 0 0 1 2.028 2.615z"/><path fill="#818cf8" d="m11.373 19.3l-3.273.924a3.97 3.97 0 0 1 2.767-2.824l-1.852-6.949l-.16.049a11.9 11.9 0 0 1-4.926.321c-1.1-.189-1.672-.43-1.618.4a18.3 18.3 0 0 0 .624 3.387c.869 3.266 3.743 9.559 9.173 8.1l.16-.05Zm-6.354-4.644l3.859-1.016a2.17 2.17 0 0 1-1.559 1.866a2.215 2.215 0 0 1-2.3-.85"/><path fill="#818cf8" d="m18.258 21.162l-.15-.036a5.16 5.16 0 0 1-3.817-3.606l4.581 1.28L21.3 9.479l-.029-.008a15.4 15.4 0 0 1-5.731-2.845c-1.109-.929-1.6-1.574-2.076-.6a24 24 0 0 0-1.492 4.224c-1.138 4.247-1.988 13.211 5.046 15.1l.144.032Zm-4.739-7.773a2.8 2.8 0 0 1 2.989-1.19a3.02 3.02 0 0 1 2.027 2.614ZM.094-.542"/></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. FileTypePlaywrightIcon.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.