Ipod icon
whh:ipod
The Ipod icon (whh:ipod) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 640 × 1024 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
- 640 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="1024" viewBox="0 0 640 1024"><path fill="currentColor" d="M512 1024H128q-53 0-90.5-37.5T0 896V128q0-53 37.5-90.5T128 0h384q53 0 90.5 37.5T640 128v768q0 53-37.5 90.5T512 1024m64-896q0-26-18.5-45T512 64H128q-27 0-45.5 19T64 128v192q0 27 18.5 45.5T128 384h384q26 0 45-18.5t19-45.5zM320 448q-106 0-181 75T64 704t75 181t181 75t181-75t75-181t-75-181t-181-75m0 448q-80 0-136-56t-56-136t56-136t136-56t136 56t56 136t-56 136t-136 56m0-256q-27 0-45.5 19T256 704.5t18.5 45T320 768t45.5-18.5T384 704t-18.5-45.5T320 640"/></svg>How to use the Ipod icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:ipod" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:ipod" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:ipod" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--ipod]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:ipod"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:ipod"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/ipod.svg" alt="Ipod icon" width="24" height="24">Ipod icon in other icon sets
Ipod icon FAQ
Is the Ipod 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 Ipod icon in React?
Install @iconify/react and render <Icon icon="whh:ipod" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ipod icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/ipod.svg" alt="Ipod icon">, or paste the SVG code inline to style it with CSS.