Marvin icon
whh:marvin
The Marvin icon (whh:marvin) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1026 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 × 1026
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1026" viewBox="0 0 1024 1026"><path fill="currentColor" d="M512 449q-114 0-266.5 14.5T0 495q3-101 45-192.5t110-158T316.5 39T512 0t195.5 39T869 144.5t110 158t45 192.5q-93-17-245.5-31.5T512 449M223 641l150-124q77-4 139-4t139 4l150 124l64-108q98 11 158 23q-11 130-81.5 237.5t-184 170T512 1026t-246-62.5t-184-170T1 556q60-12 158-23z"/></svg>How to use the Marvin icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:marvin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:marvin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:marvin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--marvin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:marvin"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:marvin"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/marvin.svg" alt="Marvin icon" width="24" height="24">Marvin icon FAQ
Is the Marvin 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 Marvin icon in React?
Install @iconify/react and render <Icon icon="whh:marvin" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Marvin icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/marvin.svg" alt="Marvin icon">, or paste the SVG code inline to style it with CSS.