text footnote icon

text-footnote from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
text-footnote
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

The same icon in other sets

text-footnoteCarbontext-footnote-20-filledFluent UI System Icons

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 footnote icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M19.75 5.888v2.835m0 0L22 7.706m-2.25 1.017L17.5 7.706m2.25 1.017l-1.8 2.165m1.8-2.165l1.8 2.165M12 21.002H6M16 5.998c0-.657 0-.986-.08-1.274a2.1 2.1 0 0 0-1.166-1.35c-.265-.112-.566-.144-1.166-.209c-1.418-.151-3.2-.167-4.588-.167s-3.17.016-4.588.167c-.6.065-.9.097-1.166.21a2.1 2.1 0 0 0-1.165 1.35C2 5.012 2 5.34 2 5.998M9 3.35v17.652"/></svg>

React

import type { SVGProps } from "react";

export function HugeiconsTextFootnote(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M19.75 5.888v2.835m0 0L22 7.706m-2.25 1.017L17.5 7.706m2.25 1.017l-1.8 2.165m1.8-2.165l1.8 2.165M12 21.002H6M16 5.998c0-.657 0-.986-.08-1.274a2.1 2.1 0 0 0-1.166-1.35c-.265-.112-.566-.144-1.166-.209c-1.418-.151-3.2-.167-4.588-.167s-3.17.016-4.588.167c-.6.065-.9.097-1.166.21a2.1 2.1 0 0 0-1.165 1.35C2 5.012 2 5.34 2 5.998M9 3.35v17.652"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M19.75 5.888v2.835m0 0L22 7.706m-2.25 1.017L17.5 7.706m2.25 1.017l-1.8 2.165m1.8-2.165l1.8 2.165M12 21.002H6M16 5.998c0-.657 0-.986-.08-1.274a2.1 2.1 0 0 0-1.166-1.35c-.265-.112-.566-.144-1.166-.209c-1.418-.151-3.2-.167-4.588-.167s-3.17.016-4.588.167c-.6.065-.9.097-1.166.21a2.1 2.1 0 0 0-1.165 1.35C2 5.012 2 5.34 2 5.998M9 3.35v17.652"/></svg>
</template>

CSS

.icon-text-footnote {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M19.75%205.888v2.835m0%200L22%207.706m-2.25%201.017L17.5%207.706m2.25%201.017l-1.8%202.165m1.8-2.165l1.8%202.165M12%2021.002H6M16%205.998c0-.657%200-.986-.08-1.274a2.1%202.1%200%200%200-1.166-1.35c-.265-.112-.566-.144-1.166-.209c-1.418-.151-3.2-.167-4.588-.167s-3.17.016-4.588.167c-.6.065-.9.097-1.166.21a2.1%202.1%200%200%200-1.165%201.35C2%205.012%202%205.34%202%205.998M9%203.35v17.652%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M19.75%205.888v2.835m0%200L22%207.706m-2.25%201.017L17.5%207.706m2.25%201.017l-1.8%202.165m1.8-2.165l1.8%202.165M12%2021.002H6M16%205.998c0-.657%200-.986-.08-1.274a2.1%202.1%200%200%200-1.166-1.35c-.265-.112-.566-.144-1.166-.209c-1.418-.151-3.2-.167-4.588-.167s-3.17.016-4.588.167c-.6.065-.9.097-1.166.21a2.1%202.1%200%200%200-1.165%201.35C2%205.012%202%205.34%202%205.998M9%203.35v17.652%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/text-footnote.svg?color=%231a73e8&size=48