text header 6 icon
text-header-6-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- text-header-6-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
3 other variants in Fluent UI System Icons
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 header 6 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M15 3.5c1.619 0 2.773.791 3.498 2.018l.14.25l.037.095a.5.5 0 0 1-.868.452l-.056-.084l-.11-.199C17.073 5.066 16.22 4.5 15 4.5s-2.063.564-2.629 1.514C11.788 6.992 11.5 8.39 11.5 10q.001.094.004.187C12.182 8.89 13.48 8 15 8c2.241 0 4 1.936 4 4.25s-1.759 4.25-4 4.25q-.108 0-.216-.007c-1.493-.067-2.577-.828-3.272-1.994C10.8 13.306 10.5 11.704 10.5 10s.3-3.306 1.012-4.499C12.24 4.279 13.395 3.5 15 3.5M8.5 4a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0V10H2v5.5a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 1 0V9h6V4.5a.5.5 0 0 1 .5-.5M15 9c-1.625 0-3 1.422-3 3.25c0 1.766 1.283 3.152 2.835 3.244q.082.005.165.006c1.625 0 3-1.422 3-3.25S16.625 9 15 9"/></svg>
React
import type { SVGProps } from "react";
export function FluentTextHeader620Regular(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="M15 3.5c1.619 0 2.773.791 3.498 2.018l.14.25l.037.095a.5.5 0 0 1-.868.452l-.056-.084l-.11-.199C17.073 5.066 16.22 4.5 15 4.5s-2.063.564-2.629 1.514C11.788 6.992 11.5 8.39 11.5 10q.001.094.004.187C12.182 8.89 13.48 8 15 8c2.241 0 4 1.936 4 4.25s-1.759 4.25-4 4.25q-.108 0-.216-.007c-1.493-.067-2.577-.828-3.272-1.994C10.8 13.306 10.5 11.704 10.5 10s.3-3.306 1.012-4.499C12.24 4.279 13.395 3.5 15 3.5M8.5 4a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0V10H2v5.5a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 1 0V9h6V4.5a.5.5 0 0 1 .5-.5M15 9c-1.625 0-3 1.422-3 3.25c0 1.766 1.283 3.152 2.835 3.244q.082.005.165.006c1.625 0 3-1.422 3-3.25S16.625 9 15 9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M15 3.5c1.619 0 2.773.791 3.498 2.018l.14.25l.037.095a.5.5 0 0 1-.868.452l-.056-.084l-.11-.199C17.073 5.066 16.22 4.5 15 4.5s-2.063.564-2.629 1.514C11.788 6.992 11.5 8.39 11.5 10q.001.094.004.187C12.182 8.89 13.48 8 15 8c2.241 0 4 1.936 4 4.25s-1.759 4.25-4 4.25q-.108 0-.216-.007c-1.493-.067-2.577-.828-3.272-1.994C10.8 13.306 10.5 11.704 10.5 10s.3-3.306 1.012-4.499C12.24 4.279 13.395 3.5 15 3.5M8.5 4a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0V10H2v5.5a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 1 0V9h6V4.5a.5.5 0 0 1 .5-.5M15 9c-1.625 0-3 1.422-3 3.25c0 1.766 1.283 3.152 2.835 3.244q.082.005.165.006c1.625 0 3-1.422 3-3.25S16.625 9 15 9"/></svg> </template>
CSS
.icon-text-header-6-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%203.5c1.619%200%202.773.791%203.498%202.018l.14.25l.037.095a.5.5%200%200%201-.868.452l-.056-.084l-.11-.199C17.073%205.066%2016.22%204.5%2015%204.5s-2.063.564-2.629%201.514C11.788%206.992%2011.5%208.39%2011.5%2010q.001.094.004.187C12.182%208.89%2013.48%208%2015%208c2.241%200%204%201.936%204%204.25s-1.759%204.25-4%204.25q-.108%200-.216-.007c-1.493-.067-2.577-.828-3.272-1.994C10.8%2013.306%2010.5%2011.704%2010.5%2010s.3-3.306%201.012-4.499C12.24%204.279%2013.395%203.5%2015%203.5M8.5%204a.5.5%200%200%201%20.5.5v11a.5.5%200%200%201-1%200V10H2v5.5a.5.5%200%200%201-1%200v-11a.5.5%200%200%201%201%200V9h6V4.5a.5.5%200%200%201%20.5-.5M15%209c-1.625%200-3%201.422-3%203.25c0%201.766%201.283%203.152%202.835%203.244q.082.005.165.006c1.625%200%203-1.422%203-3.25S16.625%209%2015%209%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%22M15%203.5c1.619%200%202.773.791%203.498%202.018l.14.25l.037.095a.5.5%200%200%201-.868.452l-.056-.084l-.11-.199C17.073%205.066%2016.22%204.5%2015%204.5s-2.063.564-2.629%201.514C11.788%206.992%2011.5%208.39%2011.5%2010q.001.094.004.187C12.182%208.89%2013.48%208%2015%208c2.241%200%204%201.936%204%204.25s-1.759%204.25-4%204.25q-.108%200-.216-.007c-1.493-.067-2.577-.828-3.272-1.994C10.8%2013.306%2010.5%2011.704%2010.5%2010s.3-3.306%201.012-4.499C12.24%204.279%2013.395%203.5%2015%203.5M8.5%204a.5.5%200%200%201%20.5.5v11a.5.5%200%200%201-1%200V10H2v5.5a.5.5%200%200%201-1%200v-11a.5.5%200%200%201%201%200V9h6V4.5a.5.5%200%200%201%20.5-.5M15%209c-1.625%200-3%201.422-3%203.25c0%201.766%201.283%203.152%202.835%203.244q.082.005.165.006c1.625%200%203-1.422%203-3.25S16.625%209%2015%209%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/text-header-6-20-regular.svg?color=%231a73e8&size=48
