Playwright icon
devicon:playwright
The Playwright icon (devicon:playwright) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#2d4552" d="M43.662 70.898c-4.124 1.17-6.829 3.222-8.611 5.272c1.707-1.494 3.993-2.865 7.077-3.739c3.155-.894 5.846-.888 8.069-.459v-1.739c-1.897-.173-4.072-.035-6.536.664ZM34.863 56.28l-15.314 4.035s.279.394.796.92l12.984-3.421s-.184 2.371-1.782 4.492c3.022-2.287 3.316-6.025 3.316-6.025Zm12.819 35.991C26.131 98.076 14.729 73.1 11.277 60.137C9.682 54.153 8.986 49.621 8.8 46.697a5 5 0 0 1 .011-.794c-1.118.068-1.653.649-1.544 2.328c.186 2.923.882 7.454 2.477 13.44c3.45 12.961 14.854 37.937 36.405 32.132c4.691-1.264 8.215-3.565 10.86-6.504c-2.438 2.202-5.49 3.937-9.327 4.972m4.05-51.276v1.534h8.453c-.173-.543-.348-1.032-.522-1.534z"/><path fill="#2d4552" d="M62.074 53.627c3.802 1.08 5.812 3.745 6.875 6.104l4.239 1.204s-.578-8.255-8.045-10.376c-6.985-1.985-11.284 3.881-11.807 4.64c2.032-1.448 4.999-2.633 8.738-1.572m33.741 6.142c-6.992-1.994-11.289 3.884-11.804 4.633c2.034-1.446 4.999-2.632 8.737-1.566c3.796 1.081 5.804 3.743 6.87 6.104l4.245 1.208s-.588-8.257-8.048-10.379m-4.211 21.766l-35.261-9.858s.382 1.935 1.846 4.441l29.688 8.3c2.444-1.414 3.726-2.883 3.726-2.883Zm-24.446 21.218c-27.92-7.485-24.544-43.059-20.027-59.916c1.86-6.947 3.772-12.11 5.358-15.572c-.946-.195-1.73.304-2.504 1.878c-1.684 3.415-3.837 8.976-5.921 16.76c-4.516 16.857-7.892 52.429 20.027 59.914c13.159 3.525 23.411-1.833 31.053-10.247c-7.254 6.57-16.515 10.253-27.986 7.182Z"/><path fill="#e2574c" d="M51.732 83.935v-7.179l-19.945 5.656s1.474-8.563 11.876-11.514c3.155-.894 5.846-.888 8.069-.459V40.995h9.987c-1.087-3.36-2.139-5.947-3.023-7.744c-1.461-2.975-2.96-1.003-6.361 1.842c-2.396 2.001-8.45 6.271-17.561 8.726c-9.111 2.457-16.476 1.805-19.55 1.273c-4.357-.752-6.636-1.708-6.422 1.605c.186 2.923.882 7.455 2.477 13.44c3.45 12.962 14.854 37.937 36.405 32.132c5.629-1.517 9.603-4.515 12.357-8.336h-8.309zm-32.185-23.62l15.316-4.035s-.446 5.892-6.188 7.405c-5.743 1.512-9.128-3.371-9.128-3.371Z"/><path fill="#2ead33" d="M109.372 41.336c-3.981.698-13.532 1.567-25.336-1.596c-11.807-3.162-19.64-8.692-22.744-11.292c-4.4-3.685-6.335-6.246-8.24-2.372c-1.684 3.417-3.837 8.977-5.921 16.762c-4.516 16.857-7.892 52.429 20.027 59.914c27.912 7.479 42.772-25.017 47.289-41.875c2.084-7.783 2.998-13.676 3.25-17.476c.287-4.305-2.67-3.055-8.324-2.064ZM53.28 55.282s4.4-6.843 11.862-4.722c7.467 2.121 8.045 10.376 8.045 10.376zm18.215 30.706c-13.125-3.845-15.15-14.311-15.15-14.311l35.259 9.858c0-.002-7.117 8.25-20.109 4.453m12.466-21.51s4.394-6.838 11.854-4.711c7.46 2.124 8.048 10.379 8.048 10.379z"/><path fill="#d65348" d="M44.762 78.733L31.787 82.41s1.41-8.029 10.968-11.212l-7.347-27.573l-.635.193c-9.111 2.457-16.476 1.805-19.55 1.273c-4.357-.751-6.636-1.708-6.422 1.606c.186 2.923.882 7.454 2.477 13.44c3.45 12.961 14.854 37.937 36.405 32.132l.635-.199zM19.548 60.315l15.316-4.035s-.446 5.892-6.188 7.405c-5.743 1.512-9.128-3.371-9.128-3.371Z"/><path fill="#1d8d22" d="m72.086 86.132l-.594-.144c-13.125-3.844-15.15-14.311-15.15-14.311l18.182 5.082L84.15 39.77l-.116-.031c-11.807-3.162-19.64-8.692-22.744-11.292c-4.4-3.685-6.335-6.246-8.24-2.372c-1.682 3.417-3.836 8.977-5.92 16.762c-4.516 16.857-7.892 52.429 20.027 59.914l.572.129zm-18.807-30.85s4.4-6.843 11.862-4.722c7.467 2.121 8.045 10.376 8.045 10.376z"/><path fill="#c04b41" d="m45.423 78.544l-3.48.988c.822 4.634 2.271 9.082 4.545 13.011c.396-.087.788-.163 1.192-.273a25 25 0 0 0 2.98-1.023c-2.541-3.771-4.222-8.114-5.237-12.702Zm-1.359-32.64c-1.788 6.674-3.388 16.28-2.948 25.915a20 20 0 0 1 2.546-.923l.644-.144c-.785-10.292.912-20.78 2.825-27.915a139 139 0 0 1 1.455-5.05a45 45 0 0 1-2.578 1.53a132 132 0 0 0-1.944 6.587"/></svg>How to use the Playwright icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:playwright" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:playwright" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:playwright" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--playwright]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:playwright"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:playwright"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/playwright.svg" alt="Playwright icon" width="24" height="24">Playwright icon in other icon sets
Playwright icon FAQ
Is the Playwright icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Playwright icon in React?
Install @iconify/react and render <Icon icon="devicon:playwright" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Playwright icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/playwright.svg" alt="Playwright icon">, or paste the SVG code inline to style it with CSS.