Superman icon
whh:superman
The Superman icon (whh:superman) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 768 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 × 768
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="768" viewBox="0 0 1024 768"><path fill="currentColor" d="M1005 237L557 749q-18 19-44.5 19T467 749L19 237Q0 219 0 192.5T19 147L147 19q19-19 45-19h640q26 0 45 19l128 128q19 18 19 45t-19 45M512 704l115-131q-20 3-39 3h-92q-59 0-105-10zM288 448h96q0 32 28.5 48t67.5 16h64q57 0 76.5-13t19.5-51q0-29-31-46.5T512 384q-77 0-120-1t-96.5-7.5T208 357zM192 64L64 192l65 74l-.5-4l-.5-6q0-47 45-92.5T282 91t122-27zm352 0q138 0 182 70l42-70zm325 37l-69 91H672q0-22-23-37t-51-21t-54-6h-96q-62 0-95 14.5T320 192q0 26 60 45t132 19q73 0 125 10.5t79.5 29.5t39.5 40.5t12 47.5q0 10-2 30l194-222z"/></svg>How to use the Superman icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:superman" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:superman" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:superman" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--superman]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:superman"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:superman"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/superman.svg" alt="Superman icon" width="24" height="24">Superman icon FAQ
Is the Superman 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 Superman icon in React?
Install @iconify/react and render <Icon icon="whh:superman" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Superman icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/superman.svg" alt="Superman icon">, or paste the SVG code inline to style it with CSS.