text superscript icon
text-superscript from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- text-superscript
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
text-align-centertext-align-endtext-align-justifytext-align-justify-centertext-align-justify-lefttext-align-justify-righttext-align-lefttext-align-left-01text-align-righttext-align-right-01text-align-starttext-all-capstext-boldtext-centerline-center-toptext-centerline-lefttext-centerline-middletext-centerline-righttext-checktext-circletext-cleartext-colortext-creationtext-firstline-lefttext-firstline-right
Use the text superscript icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 21H6"/><path fill="currentColor" d="M9.75 3a.75.75 0 0 0-1.5 0zm-1.5 18a.75.75 0 0 0 1.5 0zm0-18v18h1.5V3z"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M16 6c0-.628 0-.942-.08-1.217a2.04 2.04 0 0 0-1.166-1.29c-.265-.109-.566-.14-1.166-.2C12.17 3.146 10.388 3 9 3s-3.17.147-4.588.292c-.6.061-.9.092-1.166.2a2.04 2.04 0 0 0-1.165 1.29C2 5.059 2 5.373 2 6"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12h-2c-.471 0-.707 0-.854-.143C19 11.713 19 11.483 19 11.02v-.944c0-.796.176-.952 1-.968c.777-.015 1.24-.07 1.56-.276c.44-.281.44-.735.44-1.641c0-1.733-3-1.066-3-1.066"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsTextSuperscript(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M12 21H6"/><path fill="currentColor" d="M9.75 3a.75.75 0 0 0-1.5 0zm-1.5 18a.75.75 0 0 0 1.5 0zm0-18v18h1.5V3z"/><path stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M16 6c0-.628 0-.942-.08-1.217a2.04 2.04 0 0 0-1.166-1.29c-.265-.109-.566-.14-1.166-.2C12.17 3.146 10.388 3 9 3s-3.17.147-4.588.292c-.6.061-.9.092-1.166.2a2.04 2.04 0 0 0-1.165 1.29C2 5.059 2 5.373 2 6"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M22 12h-2c-.471 0-.707 0-.854-.143C19 11.713 19 11.483 19 11.02v-.944c0-.796.176-.952 1-.968c.777-.015 1.24-.07 1.56-.276c.44-.281.44-.735.44-1.641c0-1.733-3-1.066-3-1.066"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 21H6"/><path fill="currentColor" d="M9.75 3a.75.75 0 0 0-1.5 0zm-1.5 18a.75.75 0 0 0 1.5 0zm0-18v18h1.5V3z"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M16 6c0-.628 0-.942-.08-1.217a2.04 2.04 0 0 0-1.166-1.29c-.265-.109-.566-.14-1.166-.2C12.17 3.146 10.388 3 9 3s-3.17.147-4.588.292c-.6.061-.9.092-1.166.2a2.04 2.04 0 0 0-1.165 1.29C2 5.059 2 5.373 2 6"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12h-2c-.471 0-.707 0-.854-.143C19 11.713 19 11.483 19 11.02v-.944c0-.796.176-.952 1-.968c.777-.015 1.24-.07 1.56-.276c.44-.281.44-.735.44-1.641c0-1.733-3-1.066-3-1.066"/></g></svg> </template>
CSS
.icon-text-superscript {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%2021H6%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.75%203a.75.75%200%200%200-1.5%200zm-1.5%2018a.75.75%200%200%200%201.5%200zm0-18v18h1.5V3z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M16%206c0-.628%200-.942-.08-1.217a2.04%202.04%200%200%200-1.166-1.29c-.265-.109-.566-.14-1.166-.2C12.17%203.146%2010.388%203%209%203s-3.17.147-4.588.292c-.6.061-.9.092-1.166.2a2.04%202.04%200%200%200-1.165%201.29C2%205.059%202%205.373%202%206%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M22%2012h-2c-.471%200-.707%200-.854-.143C19%2011.713%2019%2011.483%2019%2011.02v-.944c0-.796.176-.952%201-.968c.777-.015%201.24-.07%201.56-.276c.44-.281.44-.735.44-1.641c0-1.733-3-1.066-3-1.066%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%2021H6%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.75%203a.75.75%200%200%200-1.5%200zm-1.5%2018a.75.75%200%200%200%201.5%200zm0-18v18h1.5V3z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M16%206c0-.628%200-.942-.08-1.217a2.04%202.04%200%200%200-1.166-1.29c-.265-.109-.566-.14-1.166-.2C12.17%203.146%2010.388%203%209%203s-3.17.147-4.588.292c-.6.061-.9.092-1.166.2a2.04%202.04%200%200%200-1.165%201.29C2%205.059%202%205.373%202%206%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M22%2012h-2c-.471%200-.707%200-.854-.143C19%2011.713%2019%2011.483%2019%2011.02v-.944c0-.796.176-.952%201-.968c.777-.015%201.24-.07%201.56-.276c.44-.281.44-.735.44-1.641c0-1.733-3-1.066-3-1.066%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/text-superscript.svg?color=%231a73e8&size=48
