Superscript icon
whh:superscript
The Superscript icon (whh:superscript) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1023 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 × 1023
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1023" viewBox="0 0 1024 1023"><path fill="currentColor" d="M992 192H832v64h160q13 0 22.5 9.5t9.5 22.5t-9.5 22.5T992 320H800q-12 0-20.5-7.5T769 294V154q2-11 10.5-18.5T800 128h160V64H800q-13 0-22.5-9.5T768 32t9.5-22.5T800 0h192q12 0 20.5 7.5T1023 26v140q-2 11-10.5 18.5T992 192m-369.5 814.5Q606 1023 583 1023t-40-17L320 729L96 1006q-16 17-39.5 17t-40-16.5t-16.5-40T17 927l231-288L17 352Q0 335 0 312t16.5-39.5t40-16.5T96 272l224 278l223-278q17-16 40-16t39.5 16.5T639 312t-16 40L392 639l231 288q16 16 16 39.5t-16.5 40"/></svg>
How to use the Superscript icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:superscript" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:superscript" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:superscript" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--superscript]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:superscript"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:superscript"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/superscript.svg" alt="Superscript icon" width="24" height="24">
Superscript icon in other icon sets
Superscript icon FAQ
Is the Superscript 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 Superscript icon in React?
Install @iconify/react and render <Icon icon="whh:superscript" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Superscript icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/superscript.svg" alt="Superscript icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
