Home/Libraries/Line Awesome (Iconify)/line

Line Awesome (Iconify)

Line

License: Apache-2.0Commercial Safe

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 32 32"><path fill="#818cf8" d="M9.625 5C7.09 5 5 7.09 5 9.625v12.75C5 24.91 7.09 27 9.625 27h12.75C24.91 27 27 24.91 27 22.375V9.625C27 7.09 24.91 5 22.375 5zm0 2h12.75A2.62 2.62 0 0 1 25 9.625v12.75A2.62 2.62 0 0 1 22.375 25H9.625A2.62 2.62 0 0 1 7 22.375V9.625A2.62 2.62 0 0 1 9.625 7M16 9.219c-4.016 0-7.281 2.648-7.281 5.906c0 2.922 2.594 5.352 6.094 5.813c.238.05.542.171.624.375c.075.183.055.468.032.656c0 0-.074.515-.094.625c-.031.183-.152.734.625.406s4.191-2.492 5.719-4.25c1.054-1.156 1.562-2.32 1.562-3.625c0-3.258-3.265-5.906-7.281-5.906m-4.281 4.187a.37.37 0 0 1 .375.375v2.5h1.062c.211 0 .375.196.375.407a.37.37 0 0 1-.375.375H11.72c-.211 0-.406-.165-.406-.375V13.78c0-.21.195-.375.406-.375zm2.562 0a.37.37 0 0 1 .375.375v2.906a.37.37 0 0 1-.375.375c-.21 0-.406-.164-.406-.375v-2.906c0-.21.195-.375.406-.375m1.188 0c.039-.011.086 0 .125 0a.34.34 0 0 1 .281.156l1.5 2v-1.78a.37.37 0 0 1 .375-.376a.37.37 0 0 1 .375.375v2.906a.35.35 0 0 1-.25.344c-.04.012-.086.032-.125.032a.4.4 0 0 1-.313-.157l-1.468-2.031v1.813a.37.37 0 0 1-.375.375c-.211 0-.406-.165-.406-.375V13.78c0-.164.124-.324.28-.375zm3.562 0h1.438a.37.37 0 0 1 .375.375a.37.37 0 0 1-.375.375h-1.063v.688h1.063a.37.37 0 0 1 .375.375c0 .21-.164.406-.375.406h-1.063v.656h1.063c.21 0 .375.196.375.407a.37.37 0 0 1-.375.375H19.03a.37.37 0 0 1-.375-.375V13.78a.37.37 0 0 1 .375-.375z"/></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. LineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.0** 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.