Playstation 5 icon
thesvg:playstation-5
The Playstation 5 icon (thesvg:playstation-5) is a free SVG icon from the theSVG set by thesvg.org. It is drawn on a 24 × 24 grid. theSVG 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
- theSVG
- Author
- thesvg.org
- License
- MIT
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.45 14.57a1.383 1.383 0 0 0 1.383-1.384v-2.378a.833.833 0 0 1 .834-.833h2.684a.037.037 0 0 0 .036-.038v-.476a.036.036 0 0 0-.036-.036h-3.234a1.383 1.383 0 0 0-1.384 1.383v2.38a.834.834 0 0 1-.833.834H7.253a.036.036 0 0 0-.036.037v.476a.036.036 0 0 0 .036.036zm6.045-3.213V9.461a.036.036 0 0 1 .036-.036h7.308a.037.037 0 0 1 .037.036v.476a.04.04 0 0 1-.037.038h-6.21a.036.036 0 0 0-.036.036v1.236a.395.395 0 0 0 .397.397h4.622a1.465 1.465 0 0 1 0 2.925h-6.08a.036.036 0 0 1-.037-.036v-.474a.036.036 0 0 1 .036-.037h5.53a.916.916 0 1 0-.007-1.83h-4.726a.833.833 0 0 1-.833-.835m-10.846.287a.835.835 0 0 0 0-1.67H.037A.037.037 0 0 1 0 9.938v-.476a.036.036 0 0 1 .037-.036h6.152a1.384 1.384 0 0 1 0 2.767H1.933a.833.833 0 0 0-.833.834v1.513a.036.036 0 0 1-.037.036H.037a.036.036 0 0 1-.037-.04v-1.513a1.383 1.383 0 0 1 1.384-1.378Z"/></svg>
How to use the Playstation 5 icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:playstation-5" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:playstation-5" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:playstation-5" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--playstation-5]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:playstation-5"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:playstation-5"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/thesvg/playstation-5.svg" alt="Playstation 5 icon" width="24" height="24">
Playstation 5 icon in other icon sets
Playstation 5 icon FAQ
Is the Playstation 5 icon free for commercial use?
Yes. theSVG icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Playstation 5 icon in React?
Install @iconify/react and render <Icon icon="thesvg:playstation-5" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Playstation 5 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg/playstation-5.svg" alt="Playstation 5 icon">, or paste the SVG code inline to style it with CSS.
Browse all theSVG icons →
ICONYZ
