text superscript icon
text-superscript-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- text-superscript-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
5 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
text-abc-underline-double-32-filledtext-add-20-filledtext-add-space-after-20-filledtext-add-space-before-20-filledtext-add-t-20-filledtext-align-center-16-filledtext-align-center-rotate-270-16-filledtext-align-center-rotate-90-16-filledtext-align-distributed-20-filledtext-align-distributed-evenly-20-filledtext-align-distributed-vertical-20-filledtext-align-justify-20-filledtext-align-justify-low-20-filledtext-align-justify-low-90-20-filledtext-align-justify-low-rotate-270-20-filledtext-align-justify-low-rotate-90-20-filledtext-align-justify-rotate-270-20-filledtext-align-justify-rotate-90-20-filledtext-align-left-16-filledtext-align-left-rotate-270-16-filledtext-align-left-rotate-90-16-filledtext-align-right-16-filledtext-align-right-rotate-270-16-filledtext-align-right-rotate-90-16-filled
Use the text superscript icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.736 3.5c-.543 0-.986.495-.986 1.023a.75.75 0 0 1-1.5 0C16.25 3.278 17.258 2 18.736 2c.855 0 1.684.4 2.15 1.117c.49.751.5 1.724-.057 2.672c-.285.484-.673.847-1.045 1.141c-.187.148-.379.284-.557.41l-.078.056a18 18 0 0 0-.432.311c-.356.268-.619.511-.78.793h2.514a.75.75 0 0 1 0 1.5H17a.75.75 0 0 1-.75-.75c0-1.396.821-2.182 1.565-2.741c.157-.119.32-.234.472-.341l.074-.052c.177-.126.34-.243.493-.363c.306-.242.532-.47.682-.724c.31-.53.229-.886.093-1.094c-.158-.244-.486-.435-.893-.435M15.26 4.71a1.75 1.75 0 0 0 .847 1.318L10.987 12l5.583 6.512a.75.75 0 1 1-1.14.976L10 13.152l-5.43 6.336a.75.75 0 0 1-1.14-.976L9.013 12L3.431 5.488a.75.75 0 1 1 1.139-.976L10 10.848z"/></svg>
React
import type { SVGProps } from "react";
export function FluentTextSuperscript24Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.736 3.5c-.543 0-.986.495-.986 1.023a.75.75 0 0 1-1.5 0C16.25 3.278 17.258 2 18.736 2c.855 0 1.684.4 2.15 1.117c.49.751.5 1.724-.057 2.672c-.285.484-.673.847-1.045 1.141c-.187.148-.379.284-.557.41l-.078.056a18 18 0 0 0-.432.311c-.356.268-.619.511-.78.793h2.514a.75.75 0 0 1 0 1.5H17a.75.75 0 0 1-.75-.75c0-1.396.821-2.182 1.565-2.741c.157-.119.32-.234.472-.341l.074-.052c.177-.126.34-.243.493-.363c.306-.242.532-.47.682-.724c.31-.53.229-.886.093-1.094c-.158-.244-.486-.435-.893-.435M15.26 4.71a1.75 1.75 0 0 0 .847 1.318L10.987 12l5.583 6.512a.75.75 0 1 1-1.14.976L10 13.152l-5.43 6.336a.75.75 0 0 1-1.14-.976L9.013 12L3.431 5.488a.75.75 0 1 1 1.139-.976L10 10.848z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.736 3.5c-.543 0-.986.495-.986 1.023a.75.75 0 0 1-1.5 0C16.25 3.278 17.258 2 18.736 2c.855 0 1.684.4 2.15 1.117c.49.751.5 1.724-.057 2.672c-.285.484-.673.847-1.045 1.141c-.187.148-.379.284-.557.41l-.078.056a18 18 0 0 0-.432.311c-.356.268-.619.511-.78.793h2.514a.75.75 0 0 1 0 1.5H17a.75.75 0 0 1-.75-.75c0-1.396.821-2.182 1.565-2.741c.157-.119.32-.234.472-.341l.074-.052c.177-.126.34-.243.493-.363c.306-.242.532-.47.682-.724c.31-.53.229-.886.093-1.094c-.158-.244-.486-.435-.893-.435M15.26 4.71a1.75 1.75 0 0 0 .847 1.318L10.987 12l5.583 6.512a.75.75 0 1 1-1.14.976L10 13.152l-5.43 6.336a.75.75 0 0 1-1.14-.976L9.013 12L3.431 5.488a.75.75 0 1 1 1.139-.976L10 10.848z"/></svg> </template>
CSS
.icon-text-superscript-24-regular {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.736%203.5c-.543%200-.986.495-.986%201.023a.75.75%200%200%201-1.5%200C16.25%203.278%2017.258%202%2018.736%202c.855%200%201.684.4%202.15%201.117c.49.751.5%201.724-.057%202.672c-.285.484-.673.847-1.045%201.141c-.187.148-.379.284-.557.41l-.078.056a18%2018%200%200%200-.432.311c-.356.268-.619.511-.78.793h2.514a.75.75%200%200%201%200%201.5H17a.75.75%200%200%201-.75-.75c0-1.396.821-2.182%201.565-2.741c.157-.119.32-.234.472-.341l.074-.052c.177-.126.34-.243.493-.363c.306-.242.532-.47.682-.724c.31-.53.229-.886.093-1.094c-.158-.244-.486-.435-.893-.435M15.26%204.71a1.75%201.75%200%200%200%20.847%201.318L10.987%2012l5.583%206.512a.75.75%200%201%201-1.14.976L10%2013.152l-5.43%206.336a.75.75%200%200%201-1.14-.976L9.013%2012L3.431%205.488a.75.75%200%201%201%201.139-.976L10%2010.848z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.736%203.5c-.543%200-.986.495-.986%201.023a.75.75%200%200%201-1.5%200C16.25%203.278%2017.258%202%2018.736%202c.855%200%201.684.4%202.15%201.117c.49.751.5%201.724-.057%202.672c-.285.484-.673.847-1.045%201.141c-.187.148-.379.284-.557.41l-.078.056a18%2018%200%200%200-.432.311c-.356.268-.619.511-.78.793h2.514a.75.75%200%200%201%200%201.5H17a.75.75%200%200%201-.75-.75c0-1.396.821-2.182%201.565-2.741c.157-.119.32-.234.472-.341l.074-.052c.177-.126.34-.243.493-.363c.306-.242.532-.47.682-.724c.31-.53.229-.886.093-1.094c-.158-.244-.486-.435-.893-.435M15.26%204.71a1.75%201.75%200%200%200%20.847%201.318L10.987%2012l5.583%206.512a.75.75%200%201%201-1.14.976L10%2013.152l-5.43%206.336a.75.75%200%200%201-1.14-.976L9.013%2012L3.431%205.488a.75.75%200%201%201%201.139-.976L10%2010.848z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/text-superscript-24-regular.svg?color=%231a73e8&size=48
