arrow-right-to-line · Huge Icons
Free SVG arrow-right-to-line 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.
Tags
- arrow
- right
- to
- line
Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M21 6v12"/><path fill="currentColor" d="M16 12.75a.75.75 0 0 0 0-1.5zm-13-1.5a.75.75 0 0 0 0 1.5zM17 12h-.75zm-4.555-5.604a.75.75 0 0 0-.89 1.208L12 7zm-.89 10a.75.75 0 0 0 .89 1.208L12 17zM16 12v-.75H3v1.5h13zm1 0h.75c0-.373-.166-.72-.323-.98a6 6 0 0 0-.646-.854c-.501-.567-1.155-1.176-1.79-1.726a44 44 0 0 0-2.487-2l-.043-.032l-.012-.009l-.003-.002h-.001a240 240 0 0 0-.89 1.207l.003.002l.05.037l.155.116a45 45 0 0 1 2.245 1.813c.616.535 1.212 1.094 1.649 1.588q.33.373.486.634c.116.194.107.25.107.206zm-5 5l.445.604l.001-.001l.003-.002l.012-.009l.043-.032a36 36 0 0 0 .739-.565c.475-.37 1.11-.88 1.749-1.435c.634-.55 1.288-1.16 1.789-1.726a6 6 0 0 0 .646-.854c.157-.26.323-.606.323-.98h-1.5c0-.044.01.013-.107.206a4.6 4.6 0 0 1-.486.635c-.437.494-1.033 1.052-1.649 1.587a43 43 0 0 1-2.4 1.929l-.04.03l-.01.007l-.003.002z"/></g></svg>
// Run: npx sant-icons get huge-arrow-right-to-line --format react
export function HugeArrowRightToLine(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M21 6v12"/><path fill="currentColor" d="M16 12.75a.75.75 0 0 0 0-1.5zm-13-1.5a.75.75 0 0 0 0 1.5zM17 12h-.75zm-4.555-5.604a.75.75 0 0 0-.89 1.208L12 7zm-.89 10a.75.75 0 0 0 .89 1.208L12 17zM16 12v-.75H3v1.5h13zm1 0h.75c0-.373-.166-.72-.323-.98a6 6 0 0 0-.646-.854c-.501-.567-1.155-1.176-1.79-1.726a44 44 0 0 0-2.487-2l-.043-.032l-.012-.009l-.003-.002h-.001a240 240 0 0 0-.89 1.207l.003.002l.05.037l.155.116a45 45 0 0 1 2.245 1.813c.616.535 1.212 1.094 1.649 1.588q.33.373.486.634c.116.194.107.25.107.206zm-5 5l.445.604l.001-.001l.003-.002l.012-.009l.043-.032a36 36 0 0 0 .739-.565c.475-.37 1.11-.88 1.749-1.435c.634-.55 1.288-1.16 1.789-1.726a6 6 0 0 0 .646-.854c.157-.26.323-.606.323-.98h-1.5c0-.044.01.013-.107.206a4.6 4.6 0 0 1-.486.635c-.437.494-1.033 1.052-1.649 1.587a43 43 0 0 1-2.4 1.929l-.04.03l-.01.007l-.003.002z"/></g></svg>
);
}npx sant-icons get huge-arrow-right-to-line
Properties
- Name
- arrow-right-to-line
- Library
- Huge Icons
- Style
- stroke
- License
- MIT
- Version
- 1.2.35
- Identifier
- huge-arrow-right-to-line
arrow-right-to-line in other libraries
Related from Huge Icons
The arrow-right-to-line icon ships with Huge Icons, an open-source icon set licensed under MIT. Search for it as "huge icons arrow-right-to-line", "arrow-right-to-line svg", or any of its tagged terms (arrow, right, to, line). 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-arrow-right-to-line directly into your project. No browser context-switch.