Gramophone icon
whh:gramophone
The Gramophone icon (whh:gramophone) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 960 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
- 1024 × 960
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="960" viewBox="0 0 1024 960"><path fill="currentColor" d="M992 192h-32v416q0 1-.5 3t-.5 2.5v4.5l-56 253q-2 7-7 12v45q0 13-9.5 22.5T864 960h-64q-13 0-22.5-9.5T768 928v-64q0-15 82-85l46-203V192h-32q-13 0-22.5-9.5T832 160V32q0-13 9.5-22.5T864 0h128q13 0 22.5 9.5T1024 32v128q0 13-9.5 22.5T992 192M416 960q-113 0-209-55.5T55.5 753T0 544t55.5-209T207 183.5T416 128t209 55.5T776.5 335T832 544t-55.5 209T625 904.5T416 960m0-576q-66 0-113 47t-47 113t47 113t113 47t113-47t47-113t-47-113t-113-47m0 192q-13 0-22.5-9.5T384 544t9.5-22.5T416 512t22.5 9.5T448 544t-9.5 22.5T416 576"/></svg>How to use the Gramophone icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:gramophone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:gramophone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:gramophone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--gramophone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:gramophone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:gramophone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/gramophone.svg" alt="Gramophone icon" width="24" height="24">Gramophone icon in other icon sets
Gramophone icon FAQ
Is the Gramophone 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 Gramophone icon in React?
Install @iconify/react and render <Icon icon="whh:gramophone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gramophone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/gramophone.svg" alt="Gramophone icon">, or paste the SVG code inline to style it with CSS.