text underline icon

text-underline-outline from Solar by 480 Design · Outline · Text Formatting · CC-BY-4.0 Attribution required.

Name
text-underline-outline
Set
Solar
Style
Outline
Category
Text Formatting
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

text-underline-boldtext-underline-bold-duotonetext-underline-brokentext-underline-line-duotonetext-underline-linear

The same icon in other sets

text-underlineCarbontext-underline-outlineFlowbite Iconstext-underline-16-filledFluent UI System Iconstext-underlineHuge Iconstext-underlineIconParktext-underlineIconPark Outlinetext-underlinePhosphor

More text formatting icons from Solar

backspace-bolderaser-bolderaser-circle-bolderaser-square-boldlink-boldlink-broken-bold-duotonelink-circle-boldlink-minimalistic-2-boldlink-minimalistic-boldlink-round-angle-boldlink-round-boldlink-square-boldparagraph-spacing-boldquote-boldquote-circle-boldquote-square-boldtext-bold-boldtext-bold-circle-boldtext-bold-square-boldtext-circle-boldtext-cross-boldtext-cross-circle-boldtext-cross-square-boldtext-field-bold

Use the text underline icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.75 3C4.75 2.58579 4.41421 2.25 4 2.25C3.58579 2.25 3.25 2.58579 3.25 3V9C3.25 13.8325 7.16751 17.75 12 17.75C16.8325 17.75 20.75 13.8325 20.75 9V3C20.75 2.58579 20.4142 2.25 20 2.25C19.5858 2.25 19.25 2.58579 19.25 3V9C19.25 13.0041 16.0041 16.25 12 16.25C7.99594 16.25 4.75 13.0041 4.75 9V3Z"/><path d="M4 20.25C3.58579 20.25 3.25 20.5858 3.25 21C3.25 21.4142 3.58579 21.75 4 21.75H20C20.4142 21.75 20.75 21.4142 20.75 21C20.75 20.5858 20.4142 20.25 20 20.25H4Z"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarTextUnderlineOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.75 3C4.75 2.58579 4.41421 2.25 4 2.25C3.58579 2.25 3.25 2.58579 3.25 3V9C3.25 13.8325 7.16751 17.75 12 17.75C16.8325 17.75 20.75 13.8325 20.75 9V3C20.75 2.58579 20.4142 2.25 20 2.25C19.5858 2.25 19.25 2.58579 19.25 3V9C19.25 13.0041 16.0041 16.25 12 16.25C7.99594 16.25 4.75 13.0041 4.75 9V3Z"/><path d="M4 20.25C3.58579 20.25 3.25 20.5858 3.25 21C3.25 21.4142 3.58579 21.75 4 21.75H20C20.4142 21.75 20.75 21.4142 20.75 21C20.75 20.5858 20.4142 20.25 20 20.25H4Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.75 3C4.75 2.58579 4.41421 2.25 4 2.25C3.58579 2.25 3.25 2.58579 3.25 3V9C3.25 13.8325 7.16751 17.75 12 17.75C16.8325 17.75 20.75 13.8325 20.75 9V3C20.75 2.58579 20.4142 2.25 20 2.25C19.5858 2.25 19.25 2.58579 19.25 3V9C19.25 13.0041 16.0041 16.25 12 16.25C7.99594 16.25 4.75 13.0041 4.75 9V3Z"/><path d="M4 20.25C3.58579 20.25 3.25 20.5858 3.25 21C3.25 21.4142 3.58579 21.75 4 21.75H20C20.4142 21.75 20.75 21.4142 20.75 21C20.75 20.5858 20.4142 20.25 20 20.25H4Z"/></g></svg>
</template>

CSS

.icon-text-underline-outline {
  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%22currentColor%22%3E%3Cpath%20d%3D%22M4.75%203C4.75%202.58579%204.41421%202.25%204%202.25C3.58579%202.25%203.25%202.58579%203.25%203V9C3.25%2013.8325%207.16751%2017.75%2012%2017.75C16.8325%2017.75%2020.75%2013.8325%2020.75%209V3C20.75%202.58579%2020.4142%202.25%2020%202.25C19.5858%202.25%2019.25%202.58579%2019.25%203V9C19.25%2013.0041%2016.0041%2016.25%2012%2016.25C7.99594%2016.25%204.75%2013.0041%204.75%209V3Z%22%2F%3E%3Cpath%20d%3D%22M4%2020.25C3.58579%2020.25%203.25%2020.5858%203.25%2021C3.25%2021.4142%203.58579%2021.75%204%2021.75H20C20.4142%2021.75%2020.75%2021.4142%2020.75%2021C20.75%2020.5858%2020.4142%2020.25%2020%2020.25H4Z%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%22currentColor%22%3E%3Cpath%20d%3D%22M4.75%203C4.75%202.58579%204.41421%202.25%204%202.25C3.58579%202.25%203.25%202.58579%203.25%203V9C3.25%2013.8325%207.16751%2017.75%2012%2017.75C16.8325%2017.75%2020.75%2013.8325%2020.75%209V3C20.75%202.58579%2020.4142%202.25%2020%202.25C19.5858%202.25%2019.25%202.58579%2019.25%203V9C19.25%2013.0041%2016.0041%2016.25%2012%2016.25C7.99594%2016.25%204.75%2013.0041%204.75%209V3Z%22%2F%3E%3Cpath%20d%3D%22M4%2020.25C3.58579%2020.25%203.25%2020.5858%203.25%2021C3.25%2021.4142%203.58579%2021.75%204%2021.75H20C20.4142%2021.75%2020.75%2021.4142%2020.75%2021C20.75%2020.5858%2020.4142%2020.25%2020%2020.25H4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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