Pan Flute icon
game-icons:pan-flute
The Pan Flute icon (game-icons:pan-flute) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- panflute
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M25 49v38h30V49zm48 0v38h30V49zm48 0v38h30V49zm48 0v38h30V49zm48 0v38h30V49zm48 0v38h30V49zm48 0v38h30V49zm48 0v38h30V49zm48 0v38h30V49zm48 0v38h30V49zM25 105v30h462v-30zm0 48v264.824c7.76-8.745 17.86-18.918 30-30.197V153zm48 0v218.402c9.233-8.09 19.286-16.572 30-25.295V153zm48 0v178.73a1349 1349 0 0 1 30-22.843V153zm48 0v142.795a1368 1368 0 0 1 15.87-11.19c4.66-3.233 9.38-6.454 14.13-9.666V153zm48 0v109.975a1243 1243 0 0 1 30-18.998V153zm48 0v80.164a1008 1008 0 0 1 30-16.97V153zm48 0v53.67a776 776 0 0 1 30-14.63V153zm48 0v31.078c10.065-4.28 20.08-8.24 30-11.805V153zm48 0v13.2c10.142-3.19 20.155-5.935 30-8.18V153zm78 16.24c-9.602.487-19.63 1.73-30 3.65V191h30zm-48 7.56c-9.776 2.42-19.793 5.358-30 8.762V207h30zm-48 15.167c-9.883 3.725-19.9 7.835-30 12.277V223h30zm-48 20.51a829 829 0 0 0-30 14.966V255h30zm-48 24.656a1040 1040 0 0 0-30 17.22V287h30zm-48 28.176a1203 1203 0 0 0-30 19.262V319h30zm-48 31.424c-1.29.887-2.588 1.772-3.87 2.66a1352 1352 0 0 0-26.13 18.6V351h30zm-48 34.62a1296 1296 0 0 0-30 23.353V383h30zm-48 38.087c-10.922 9.127-20.983 17.888-30 26.09V431h30zm-48 43.08c-7.535 7.413-13.883 14.104-18.77 19.787c-4.14 4.81-7.254 8.933-9.14 11.953S25 449.563 25 448v15h30z"/></svg>How to use the Pan Flute icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:pan-flute" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:pan-flute" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:pan-flute" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--pan-flute]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:pan-flute"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:pan-flute"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/pan-flute.svg" alt="Pan Flute icon" width="24" height="24">Related icons in Game Icons
Pan Flute icon in other icon sets
Pan Flute icon FAQ
Is the Pan Flute icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Pan Flute icon in React?
Install @iconify/react and render <Icon icon="game-icons:pan-flute" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pan Flute icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/pan-flute.svg" alt="Pan Flute icon">, or paste the SVG code inline to style it with CSS.