text footnote icon
text-footnote-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- text-footnote-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- License
- MIT
3 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 footnote icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M17.31 3a.75.75 0 0 1 .69.748V9.25a.75.75 0 0 1-1.5 0V6.113a4 4 0 0 1-.311.229a.75.75 0 0 1-.832-1.249c.616-.41 1.063-1.062 1.16-1.505A.75.75 0 0 1 17.31 3M10.2 15.07a.8.8 0 0 1-.2-.546V6.607a.83.83 0 0 1 .212-.577l.004-.004a.76.76 0 0 1 .563-.234a.74.74 0 0 1 .56.236c.15.159.22.359.22.58v2.347q.215-.21.481-.366l.002-.001q.597-.344 1.324-.344c.87 0 1.588.33 2.128.986c.537.652.793 1.506.793 2.538c0 1.035-.256 1.891-.793 2.544c-.541.653-1.265.98-2.147.98c-.493 0-.943-.113-1.342-.344l-.001-.001a2.5 2.5 0 0 1-.495-.38a.745.745 0 0 1-.766.724a.72.72 0 0 1-.54-.217zm1.81-1.76c.298.372.669.55 1.13.55c.488 0 .855-.177 1.13-.53c.28-.364.434-.876.434-1.562c0-.682-.154-1.193-.435-1.558c-.275-.357-.642-.535-1.129-.535c-.46 0-.831.18-1.13.556c-.297.375-.457.88-.457 1.537c0 .66.16 1.167.456 1.542M1.75 14.517c0 .211.085.395.243.535L2 15.06a.88.88 0 0 0 .57.191a.8.8 0 0 0 .493-.156a.9.9 0 0 0 .3-.431l.746-2.026h3.274l.751 2.026a.9.9 0 0 0 .3.43a.8.8 0 0 0 .494.157a.86.86 0 0 0 .568-.194a.69.69 0 0 0 .253-.54c0-.124-.035-.26-.086-.395l-2.95-7.686a1.1 1.1 0 0 0-.366-.506a.97.97 0 0 0-.584-.18c-.224 0-.43.055-.605.18a1.1 1.1 0 0 0-.378.513l-2.944 7.679a1.1 1.1 0 0 0-.086.395M6.878 11.2H4.622L5.75 8.104z"/></svg>
React
import type { SVGProps } from "react";
export function FluentTextFootnote20Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M17.31 3a.75.75 0 0 1 .69.748V9.25a.75.75 0 0 1-1.5 0V6.113a4 4 0 0 1-.311.229a.75.75 0 0 1-.832-1.249c.616-.41 1.063-1.062 1.16-1.505A.75.75 0 0 1 17.31 3M10.2 15.07a.8.8 0 0 1-.2-.546V6.607a.83.83 0 0 1 .212-.577l.004-.004a.76.76 0 0 1 .563-.234a.74.74 0 0 1 .56.236c.15.159.22.359.22.58v2.347q.215-.21.481-.366l.002-.001q.597-.344 1.324-.344c.87 0 1.588.33 2.128.986c.537.652.793 1.506.793 2.538c0 1.035-.256 1.891-.793 2.544c-.541.653-1.265.98-2.147.98c-.493 0-.943-.113-1.342-.344l-.001-.001a2.5 2.5 0 0 1-.495-.38a.745.745 0 0 1-.766.724a.72.72 0 0 1-.54-.217zm1.81-1.76c.298.372.669.55 1.13.55c.488 0 .855-.177 1.13-.53c.28-.364.434-.876.434-1.562c0-.682-.154-1.193-.435-1.558c-.275-.357-.642-.535-1.129-.535c-.46 0-.831.18-1.13.556c-.297.375-.457.88-.457 1.537c0 .66.16 1.167.456 1.542M1.75 14.517c0 .211.085.395.243.535L2 15.06a.88.88 0 0 0 .57.191a.8.8 0 0 0 .493-.156a.9.9 0 0 0 .3-.431l.746-2.026h3.274l.751 2.026a.9.9 0 0 0 .3.43a.8.8 0 0 0 .494.157a.86.86 0 0 0 .568-.194a.69.69 0 0 0 .253-.54c0-.124-.035-.26-.086-.395l-2.95-7.686a1.1 1.1 0 0 0-.366-.506a.97.97 0 0 0-.584-.18c-.224 0-.43.055-.605.18a1.1 1.1 0 0 0-.378.513l-2.944 7.679a1.1 1.1 0 0 0-.086.395M6.878 11.2H4.622L5.75 8.104z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M17.31 3a.75.75 0 0 1 .69.748V9.25a.75.75 0 0 1-1.5 0V6.113a4 4 0 0 1-.311.229a.75.75 0 0 1-.832-1.249c.616-.41 1.063-1.062 1.16-1.505A.75.75 0 0 1 17.31 3M10.2 15.07a.8.8 0 0 1-.2-.546V6.607a.83.83 0 0 1 .212-.577l.004-.004a.76.76 0 0 1 .563-.234a.74.74 0 0 1 .56.236c.15.159.22.359.22.58v2.347q.215-.21.481-.366l.002-.001q.597-.344 1.324-.344c.87 0 1.588.33 2.128.986c.537.652.793 1.506.793 2.538c0 1.035-.256 1.891-.793 2.544c-.541.653-1.265.98-2.147.98c-.493 0-.943-.113-1.342-.344l-.001-.001a2.5 2.5 0 0 1-.495-.38a.745.745 0 0 1-.766.724a.72.72 0 0 1-.54-.217zm1.81-1.76c.298.372.669.55 1.13.55c.488 0 .855-.177 1.13-.53c.28-.364.434-.876.434-1.562c0-.682-.154-1.193-.435-1.558c-.275-.357-.642-.535-1.129-.535c-.46 0-.831.18-1.13.556c-.297.375-.457.88-.457 1.537c0 .66.16 1.167.456 1.542M1.75 14.517c0 .211.085.395.243.535L2 15.06a.88.88 0 0 0 .57.191a.8.8 0 0 0 .493-.156a.9.9 0 0 0 .3-.431l.746-2.026h3.274l.751 2.026a.9.9 0 0 0 .3.43a.8.8 0 0 0 .494.157a.86.86 0 0 0 .568-.194a.69.69 0 0 0 .253-.54c0-.124-.035-.26-.086-.395l-2.95-7.686a1.1 1.1 0 0 0-.366-.506a.97.97 0 0 0-.584-.18c-.224 0-.43.055-.605.18a1.1 1.1 0 0 0-.378.513l-2.944 7.679a1.1 1.1 0 0 0-.086.395M6.878 11.2H4.622L5.75 8.104z"/></svg> </template>
CSS
.icon-text-footnote-20-filled {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.31%203a.75.75%200%200%201%20.69.748V9.25a.75.75%200%200%201-1.5%200V6.113a4%204%200%200%201-.311.229a.75.75%200%200%201-.832-1.249c.616-.41%201.063-1.062%201.16-1.505A.75.75%200%200%201%2017.31%203M10.2%2015.07a.8.8%200%200%201-.2-.546V6.607a.83.83%200%200%201%20.212-.577l.004-.004a.76.76%200%200%201%20.563-.234a.74.74%200%200%201%20.56.236c.15.159.22.359.22.58v2.347q.215-.21.481-.366l.002-.001q.597-.344%201.324-.344c.87%200%201.588.33%202.128.986c.537.652.793%201.506.793%202.538c0%201.035-.256%201.891-.793%202.544c-.541.653-1.265.98-2.147.98c-.493%200-.943-.113-1.342-.344l-.001-.001a2.5%202.5%200%200%201-.495-.38a.745.745%200%200%201-.766.724a.72.72%200%200%201-.54-.217zm1.81-1.76c.298.372.669.55%201.13.55c.488%200%20.855-.177%201.13-.53c.28-.364.434-.876.434-1.562c0-.682-.154-1.193-.435-1.558c-.275-.357-.642-.535-1.129-.535c-.46%200-.831.18-1.13.556c-.297.375-.457.88-.457%201.537c0%20.66.16%201.167.456%201.542M1.75%2014.517c0%20.211.085.395.243.535L2%2015.06a.88.88%200%200%200%20.57.191a.8.8%200%200%200%20.493-.156a.9.9%200%200%200%20.3-.431l.746-2.026h3.274l.751%202.026a.9.9%200%200%200%20.3.43a.8.8%200%200%200%20.494.157a.86.86%200%200%200%20.568-.194a.69.69%200%200%200%20.253-.54c0-.124-.035-.26-.086-.395l-2.95-7.686a1.1%201.1%200%200%200-.366-.506a.97.97%200%200%200-.584-.18c-.224%200-.43.055-.605.18a1.1%201.1%200%200%200-.378.513l-2.944%207.679a1.1%201.1%200%200%200-.086.395M6.878%2011.2H4.622L5.75%208.104z%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.31%203a.75.75%200%200%201%20.69.748V9.25a.75.75%200%200%201-1.5%200V6.113a4%204%200%200%201-.311.229a.75.75%200%200%201-.832-1.249c.616-.41%201.063-1.062%201.16-1.505A.75.75%200%200%201%2017.31%203M10.2%2015.07a.8.8%200%200%201-.2-.546V6.607a.83.83%200%200%201%20.212-.577l.004-.004a.76.76%200%200%201%20.563-.234a.74.74%200%200%201%20.56.236c.15.159.22.359.22.58v2.347q.215-.21.481-.366l.002-.001q.597-.344%201.324-.344c.87%200%201.588.33%202.128.986c.537.652.793%201.506.793%202.538c0%201.035-.256%201.891-.793%202.544c-.541.653-1.265.98-2.147.98c-.493%200-.943-.113-1.342-.344l-.001-.001a2.5%202.5%200%200%201-.495-.38a.745.745%200%200%201-.766.724a.72.72%200%200%201-.54-.217zm1.81-1.76c.298.372.669.55%201.13.55c.488%200%20.855-.177%201.13-.53c.28-.364.434-.876.434-1.562c0-.682-.154-1.193-.435-1.558c-.275-.357-.642-.535-1.129-.535c-.46%200-.831.18-1.13.556c-.297.375-.457.88-.457%201.537c0%20.66.16%201.167.456%201.542M1.75%2014.517c0%20.211.085.395.243.535L2%2015.06a.88.88%200%200%200%20.57.191a.8.8%200%200%200%20.493-.156a.9.9%200%200%200%20.3-.431l.746-2.026h3.274l.751%202.026a.9.9%200%200%200%20.3.43a.8.8%200%200%200%20.494.157a.86.86%200%200%200%20.568-.194a.69.69%200%200%200%20.253-.54c0-.124-.035-.26-.086-.395l-2.95-7.686a1.1%201.1%200%200%200-.366-.506a.97.97%200%200%200-.584-.18c-.224%200-.43.055-.605.18a1.1%201.1%200%200%200-.378.513l-2.944%207.679a1.1%201.1%200%200%200-.086.395M6.878%2011.2H4.622L5.75%208.104z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/text-footnote-20-filled.svg?color=%231a73e8&size=48
