Symphony icon
whh:symphony
The Symphony icon (whh:symphony) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 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
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M896 1024q-53 0-90.5-37.5T768 896t37.5-90.5T896 768t90.5 37.5T1024 896t-37.5 90.5T896 1024M288 448q5 2 16 6q33 14 49.5 20.5T399 494t43.5 22t37 23.5t34 28t25.5 32t20.5 38.5t11.5 45t5 53q0 124-83.5 206T288 1024q-59 0-103-11t-77.5-35.5T50 923T0 848l96-80q27 54 76 91t116 37q66 0 113-47t47-113q0-26-8-47t-18.5-34.5t-34.5-29t-43-24.5t-56-25q-5-2-16-6q-33-14-49.5-20.5T177 530t-43.5-22t-37-23.5t-34-28t-25.5-32T16.5 386T5 341t-5-53Q0 169 84.5 84.5T288 0q111 0 192.5 73.5T574 256H445q-11-55-55-91.5T288 128q-66 0-113 47t-47 113q0 25 12.5 47.5t37 42.5t49.5 35.5t61 34.5"/></svg>How to use the Symphony icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:symphony" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:symphony" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:symphony" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--symphony]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:symphony"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:symphony"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/symphony.svg" alt="Symphony icon" width="24" height="24">Symphony icon in other icon sets
Symphony icon FAQ
Is the Symphony 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 Symphony icon in React?
Install @iconify/react and render <Icon icon="whh:symphony" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Symphony icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/symphony.svg" alt="Symphony icon">, or paste the SVG code inline to style it with CSS.