Harrypotter icon
whh:harrypotter
The Harrypotter icon (whh:harrypotter) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1025 × 886 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
- 1025 × 886
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="886" viewBox="0 0 1025 886"><path fill="currentColor" d="M1000 886H27q-43-40-15-66L472 15q17-15 41-15t40 15l460 805q29 27-13 66M82 818h239q-50-40-79.5-97T207 598zm193-239.5q0 89.5 58.5 156T479 814V344q-87 12-145.5 78.5t-58.5 156M375 305q49-25 104-31V123zm173-180v149q54 6 102 31zm0 219v470q87-13 145.5-79.5t58.5-156t-58.5-156T548 344m271 256q-4 65-34 121.5T706 818h238z"/></svg>How to use the Harrypotter icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:harrypotter" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:harrypotter" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:harrypotter" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--harrypotter]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:harrypotter"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:harrypotter"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/harrypotter.svg" alt="Harrypotter icon" width="24" height="24">Harrypotter icon FAQ
Is the Harrypotter 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 Harrypotter icon in React?
Install @iconify/react and render <Icon icon="whh:harrypotter" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Harrypotter icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/harrypotter.svg" alt="Harrypotter icon">, or paste the SVG code inline to style it with CSS.