arrow right to line icon
arrow-right-to-line from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- arrow-right-to-line
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
arrow-all-directionarrow-big-down-dasharrow-big-left-dasharrow-big-right-dasharrow-big-up-dasharrow-data-transfer-diagonalarrow-data-transfer-horizontalarrow-data-transfer-verticalarrow-diagonalarrow-down-01arrow-down-02arrow-down-03arrow-down-04arrow-down-05arrow-down-a-zarrow-down-azarrow-down-bigarrow-down-doublearrow-down-from-linearrow-down-left-01arrow-down-left-02arrow-down-narrow-widearrow-down-right-01arrow-down-right-02
Use the arrow right to line icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 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>
React
import type { SVGProps } from "react";
export function HugeiconsArrowRightToLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" strokeLinecap="round" strokeWidth="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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 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> </template>
CSS
.icon-arrow-right-to-line {
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%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M21%206v12%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2012.75a.75.75%200%200%200%200-1.5zm-13-1.5a.75.75%200%200%200%200%201.5zM17%2012h-.75zm-4.555-5.604a.75.75%200%200%200-.89%201.208L12%207zm-.89%2010a.75.75%200%200%200%20.89%201.208L12%2017zM16%2012v-.75H3v1.5h13zm1%200h.75c0-.373-.166-.72-.323-.98a6%206%200%200%200-.646-.854c-.501-.567-1.155-1.176-1.79-1.726a44%2044%200%200%200-2.487-2l-.043-.032l-.012-.009l-.003-.002h-.001a240%20240%200%200%200-.89%201.207l.003.002l.05.037l.155.116a45%2045%200%200%201%202.245%201.813c.616.535%201.212%201.094%201.649%201.588q.33.373.486.634c.116.194.107.25.107.206zm-5%205l.445.604l.001-.001l.003-.002l.012-.009l.043-.032a36%2036%200%200%200%20.739-.565c.475-.37%201.11-.88%201.749-1.435c.634-.55%201.288-1.16%201.789-1.726a6%206%200%200%200%20.646-.854c.157-.26.323-.606.323-.98h-1.5c0-.044.01.013-.107.206a4.6%204.6%200%200%201-.486.635c-.437.494-1.033%201.052-1.649%201.587a43%2043%200%200%201-2.4%201.929l-.04.03l-.01.007l-.003.002z%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%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M21%206v12%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2012.75a.75.75%200%200%200%200-1.5zm-13-1.5a.75.75%200%200%200%200%201.5zM17%2012h-.75zm-4.555-5.604a.75.75%200%200%200-.89%201.208L12%207zm-.89%2010a.75.75%200%200%200%20.89%201.208L12%2017zM16%2012v-.75H3v1.5h13zm1%200h.75c0-.373-.166-.72-.323-.98a6%206%200%200%200-.646-.854c-.501-.567-1.155-1.176-1.79-1.726a44%2044%200%200%200-2.487-2l-.043-.032l-.012-.009l-.003-.002h-.001a240%20240%200%200%200-.89%201.207l.003.002l.05.037l.155.116a45%2045%200%200%201%202.245%201.813c.616.535%201.212%201.094%201.649%201.588q.33.373.486.634c.116.194.107.25.107.206zm-5%205l.445.604l.001-.001l.003-.002l.012-.009l.043-.032a36%2036%200%200%200%20.739-.565c.475-.37%201.11-.88%201.749-1.435c.634-.55%201.288-1.16%201.789-1.726a6%206%200%200%200%20.646-.854c.157-.26.323-.606.323-.98h-1.5c0-.044.01.013-.107.206a4.6%204.6%200%200%201-.486.635c-.437.494-1.033%201.052-1.649%201.587a43%2043%200%200%201-2.4%201.929l-.04.03l-.01.007l-.003.002z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/arrow-right-to-line.svg?color=%231a73e8&size=48
