icons/Huge Icons/text-variable-frontOpen in browser →

text-variable-front · Huge Icons

Free SVG text-variable-front icon from Huge Icons. Rendered at 24×24 in the stroke style and licensed under MIT. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for MIT licensed icons.

text-variable-front icon — Huge IconsFree text-variable-front SVG icon from Huge Icons, stroke style, MIT licensed.

Tags

  • text
  • variable
  • front

Code

HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M7.5 15h-3M6 3v12M6 3c-.793 0-1.811.114-2.622.227c-.343.048-.514.072-.666.156c-.316.175-.57.558-.666 1.004C2 4.6 2 4.845 2 5.333M6 3c.793 0 1.811.114 2.622.227c.343.048.514.072.666.156c.316.175.57.558.666 1.004c.046.214.046.458.046.946M19.5 15h-3M18 3v12m0-12c-.793 0-1.811.114-2.622.227c-.343.048-.514.072-.666.156c-.316.175-.57.558-.666 1.004C14 4.6 14 4.845 14 5.333M18 3c.793 0 1.811.114 2.622.227c.343.048.514.072.666.156c.316.175.57.558.666 1.004c.046.214.046.458.046.946"/><path stroke-linejoin="round" d="M2 19h8m4 0h8"/><circle cx="12" cy="19" r="2" stroke-linejoin="round"/></g></svg>
React
// Run: npx sant-icons get huge-text-variable-front --format react
export function HugeTextVariableFront(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M7.5 15h-3M6 3v12M6 3c-.793 0-1.811.114-2.622.227c-.343.048-.514.072-.666.156c-.316.175-.57.558-.666 1.004C2 4.6 2 4.845 2 5.333M6 3c.793 0 1.811.114 2.622.227c.343.048.514.072.666.156c.316.175.57.558.666 1.004c.046.214.046.458.046.946M19.5 15h-3M18 3v12m0-12c-.793 0-1.811.114-2.622.227c-.343.048-.514.072-.666.156c-.316.175-.57.558-.666 1.004C14 4.6 14 4.845 14 5.333M18 3c.793 0 1.811.114 2.622.227c.343.048.514.072.666.156c.316.175.57.558.666 1.004c.046.214.046.458.046.946"/><path stroke-linejoin="round" d="M2 19h8m4 0h8"/><circle cx="12" cy="19" r="2" stroke-linejoin="round"/></g></svg>
  );
}
CLI
npx sant-icons get huge-text-variable-front

Properties

Name
text-variable-front
Library
Huge Icons
Style
stroke
License
MIT
Version
1.2.35
Identifier
huge-text-variable-front

Related from Huge Icons

The text-variable-front icon ships with Huge Icons, an open-source icon set licensed under MIT. Search for it as "huge icons text-variable-front", "text-variable-front svg", or any of its tagged terms (text, variable, front). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.

Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch huge-text-variable-front directly into your project. No browser context-switch.