# Play icon — Nodo Icons

- Name: `play`
- Category: media
- Tags: start, run, video, audio, resume
- Free style: Linear (MIT). Pro styles: Light, Bold, Sharp, Twotone, Duotone, Bulk, Solid, Contained, Soft.
- Page: https://nodoicons.com/icons/play/
- SVG (Linear): https://nodoicons.com/svg/linear/play.svg

## React

```jsx
import { PlayIcon } from '@nodo-icons/react';

<PlayIcon size={24} />
```

## Vue

```vue
<script setup>
import { PlayIcon } from '@nodo-icons/vue';
</script>

<template><PlayIcon :size="24" /></template>
```

## SVG (Linear)

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M7 4 19.5 12 7 20Z"/></svg>
```

## Pro styles

With Nodo Icons Pro: `import { PlayIcon } from '@nodo-icons/react-pro/<style>'`, where `<style>` is one of light, bold, sharp, twotone, duotone, bulk, solid, contained, soft. The Pro packages install from the Nodo Icons registry with your license key: https://nodoicons.com/docs/#nodo-icons-pro-in-react-and-vue. Pricing: https://nodoicons.com/#pricing

## Related icons

- [play-circle](https://nodoicons.com/icons/play-circle/index.md)
- [pause](https://nodoicons.com/icons/pause/index.md)
- [play-pause](https://nodoicons.com/icons/play-pause/index.md)
- [skip-back](https://nodoicons.com/icons/skip-back/index.md)
- [stop](https://nodoicons.com/icons/stop/index.md)
- [audio-balance](https://nodoicons.com/icons/audio-balance/index.md)
- [audio-description](https://nodoicons.com/icons/audio-description/index.md)
- [audio-mixer](https://nodoicons.com/icons/audio-mixer/index.md)
- [audio-output](https://nodoicons.com/icons/audio-output/index.md)
- [audio-player](https://nodoicons.com/icons/audio-player/index.md)
- [audio-track](https://nodoicons.com/icons/audio-track/index.md)
- [headphones](https://nodoicons.com/icons/headphones/index.md)