Playstation icon
whh:playstation
The Playstation icon (whh:playstation) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1026 × 833 grid. WebHostingHub Glyphs 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
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1026 × 833
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1026" height="833" viewBox="0 0 1026 833"><path fill="currentColor" d="M902 702L577 833v-96l294-108q24-11 25.5-24.5t-21-21.5t-55-6t-57.5 13l-186 51v-96q74-33 224-32q40 0 58 .5t45.5 5T955 533q44 17 60.5 37t6 41.5t-40 43.5t-79.5 47M705 449q-21 0-32-.5t-29-2t-27.5-6t-20-11t-15-18T577 385V160q0-13-9.5-22.5T545 128t-22.5 9.5T513 160v673l-128-64V0l128 49q24 14 64 31q85 37 138.5 99.5T769 321v32q0 14-.5 22.5t-3.5 24t-9.5 25t-19.5 17t-31 7.5M71 717q-44-17-60.5-37t-6-41.5t40-44T124 547l197-79v92l-166 61q-30 19-25 35.5t31 16.5q24 0 64-7.5t68-14.5l28-7v89q-45 4-96 4q-40 0-58-1t-45.5-5.5T71 717"/></svg>
How to use the Playstation icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:playstation" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:playstation" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:playstation" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--playstation]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:playstation"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:playstation"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/playstation.svg" alt="Playstation icon" width="24" height="24">
Playstation icon in other icon sets
Playstation icon FAQ
Is the Playstation icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Playstation icon in React?
Install @iconify/react and render <Icon icon="whh:playstation" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Playstation icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/playstation.svg" alt="Playstation icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
