Home/Libraries/Font Awesome 4 (Iconify)/underline

Font Awesome 4 (Iconify)

Underline

License: OFL-1.1

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 1536 1536"><path fill="#818cf8" d="M48 95q-37-2-45-4L0 3q13-1 40-1q60 0 112 4q132 7 166 7q86 0 168-3q116-4 146-5q56 0 86-2l-1 14l2 64v9q-60 9-124 9q-60 0-79 25q-13 14-13 132q0 13 .5 32.5t.5 25.5l1 229l14 280q6 124 51 202q35 59 96 92q88 47 177 47q104 0 191-28q56-18 99-51q48-36 65-64q36-56 53-114q21-73 21-229q0-79-3.5-128t-11-122.5T1244 268l-4-59q-5-67-24-88q-34-35-77-34l-100 2l-14-3l2-86h84l205 10q76 3 196-10l18 2q6 38 6 51q0 7-4 31q-45 12-84 13q-73 11-79 17q-15 15-15 41q0 7 1.5 27t1.5 31q8 19 22 396q6 195-15 304q-15 76-41 122q-38 65-112 123q-75 57-182 89q-109 33-255 33q-167 0-284-46q-119-47-179-122q-61-76-83-195q-16-80-16-237V347q0-188-17-213q-25-36-147-39m1488 1409v-64q0-14-9-23t-23-9H32q-14 0-23 9t-9 23v64q0 14 9 23t23 9h1472q14 0 23-9t9-23"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. UnderlineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **OFL-1.1** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.