File Type Playwright アイコン

Q: File Type Playwright アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

vscode-icons:file-type-playwright

File Type Playwright アイコン(vscode-icons:file-type-playwright)は、VSCode Icons セットの無料 SVG アイコンです（作者: Roberto Huertas）。 32 × 32 のグリッドで描かれています。 VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: VSCode Icons
作者: Roberto Huertas
ライセンス: MIT
サイズ: 32 × 32
タグ: filetype、typeplaywright、filetypeplaywright

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#2d4552" 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="#e2574c" 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="#2ead33" 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="#d65348" 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="#1d8d22" 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>

File Type Playwright アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="vscode-icons:file-type-playwright" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="vscode-icons:file-type-playwright" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="vscode-icons:file-type-playwright" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-playwright]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-playwright"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="vscode-icons:file-type-playwright"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-playwright.svg" alt="File Type Playwright アイコン" width="24" height="24">

VSCode Icons の関連アイコン

File Type Playwright アイコンのよくある質問

File Type Playwright アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で File Type Playwright アイコンを使うには?

@iconify/react をインストールして <Icon icon="vscode-icons:file-type-playwright" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

File Type Playwright アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-playwright.svg" alt="File Type Playwright アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

VSCode Icons をすべて見る →