Playwright アイコン
material-icon-theme:playwright
Playwright アイコン(material-icon-theme:playwright)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 24 × 24 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#ef5350" d="M9.708 15.968v-1.429l-3.97 1.125s.294-1.703 2.364-2.291a3.45 3.45 0 0 1 1.605-.091v-5.86h1.988a12 12 0 0 0-.601-1.541c-.291-.591-.589-.2-1.266.367c-.477.398-1.682 1.248-3.495 1.737s-3.278.359-3.89.253c-.867-.15-1.321-.341-1.278.32c.037.58.175 1.483.492 2.673c.688 2.58 2.957 7.55 7.245 6.395c1.12-.302 1.91-.898 2.459-1.66H9.708zm-6.404-4.701l3.047-.803s-.09 1.173-1.232 1.474s-1.816-.671-1.816-.671z"/><path fill="#4caf50" d="M21.178 7.49c-.792.14-2.694.312-5.042-.318c-2.35-.63-3.908-1.729-4.526-2.246c-.876-.733-1.26-1.244-1.64-.473c-.335.68-.763 1.786-1.178 3.337c-.898 3.354-1.57 10.432 3.985 11.921s8.512-4.978 9.41-8.333c.416-1.548.597-2.72.647-3.477c.058-.857-.53-.608-1.656-.41zm-11.162 2.776s.875-1.363 2.36-.94c1.486.422 1.6 2.065 1.6 2.065zm3.624 6.11c-2.611-.765-3.014-2.848-3.014-2.848l7.016 1.962s-1.416 1.64-4.002.886m2.482-4.28s.874-1.362 2.358-.938s1.602 2.065 1.602 2.065z"/></svg>Playwright アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:playwright" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:playwright" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:playwright" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--playwright]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:playwright"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:playwright"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/playwright.svg" alt="Playwright アイコン" width="24" height="24">他のアイコンセットの Playwright アイコン
Playwright アイコン のよくある質問
Playwright アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Playwright アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:playwright" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Playwright アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/playwright.svg" alt="Playwright アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。