ICONYZ
English
Play Off Two Tone icon from Keyline Icons

Play Off Two Tone icon

keyline-icons:play-off-two-tone

The Play Off Two Tone icon (keyline-icons:play-off-two-tone) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline 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.

Icon set
Keyline Icons
Author
Keyline Icons
License
MIT
Size
24 × 24
Tags
playoff, offtwo, twotone, playofftwotone
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M15.659 15.659L9.8877 20.3316C9.3536 20.7641 8.6872 21 8 21C6.3431 21 5 19.6569 5 18L5 6C5 5.705 5.0435 5.4115 5.1292 5.1292ZM12.9846 8.7419C12.797 8.5544 12.6917 8.3 12.6917 8.0348C12.6917 7.4825 13.1394 7.0348 13.6917 7.0348C13.9208 7.0348 14.1429 7.1135 14.3209 7.2576L18.2585 10.4456C18.7275 10.8253 19 11.3965 19 12C19 12.202 18.9694 12.4028 18.9093 12.5956C18.779 13.0133 18.3922 13.2978 17.9546 13.2978C17.6894 13.2978 17.4351 13.1924 17.2475 13.0049L12.9846 8.7419Z" stroke="none"/><path d="M14.948 14.948L9.2585 19.5544C8.9024 19.8427 8.4582 20 8 20C6.8954 20 6 19.1046 6 18L6 6M2 2L22 22"/></g></svg>

How to use the Play Off Two Tone icon

React

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

<Icon icon="keyline-icons:play-off-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:play-off-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:play-off-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--play-off-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:play-off-two-tone"></div>

Web component

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

<iconify-icon icon="keyline-icons:play-off-two-tone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/play-off-two-tone.svg" alt="Play Off Two Tone icon" width="24" height="24">

Related icons in Keyline Icons

Play Off Two Tone icon FAQ

Is the Play Off Two Tone icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Play Off Two Tone icon in React?

Install @iconify/react and render <Icon icon="keyline-icons:play-off-two-tone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Play Off Two Tone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/play-off-two-tone.svg" alt="Play Off Two Tone icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →