Playmedia icon
ls:playmedia
The Playmedia icon (ls:playmedia) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 717 × 717 grid. Ligature Symbols icons are released under the Open Font 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
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 717 × 717
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="717" height="717" viewBox="0 0 717 717"><path fill="currentColor" d="M0 359c0 99 39 189 105 254c65 65 154 104 253 104s188-39 254-104c65-65 105-155 105-254s-40-189-105-254C546 40 457 0 358 0S170 40 105 105C39 170 0 260 0 359m108 0c0-70 28-132 73-177s107-74 177-74s133 29 178 74c46 45 73 107 73 177s-27 132-73 177c-45 45-107 74-178 74c-70 0-132-29-177-74s-73-107-73-177m153-140v281c0 5 2 9 7 12c2 1 5 2 7 2s6-1 8-2l244-141c4-2 8-6 8-12s-4-10-8-12L283 205c-3-2-9-2-15 0c-5 3-7 9-7 14"/></svg>How to use the Playmedia icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:playmedia" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:playmedia" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:playmedia" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--playmedia]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:playmedia"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:playmedia"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ls/playmedia.svg" alt="Playmedia icon" width="24" height="24">Playmedia icon FAQ
Is the Playmedia icon free for commercial use?
Yes. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Playmedia icon in React?
Install @iconify/react and render <Icon icon="ls:playmedia" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Playmedia icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/playmedia.svg" alt="Playmedia icon">, or paste the SVG code inline to style it with CSS.