directions 01 icon
directions-01 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- directions-01
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the directions 01 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.919 4.44c.542-.708.813-1.062 1.184-1.251C6.473 3 6.898 3 7.745 3h2.416c.867 0 1.3 0 1.57.293C12 3.586 12 4.057 12 5v4H7.745c-.847 0-1.271 0-1.642-.189c-.37-.189-.642-.543-1.184-1.25l-.215-.28C4.234 6.667 4 6.361 4 6s.235-.668.704-1.28zm14.162 5c-.542-.708-.813-1.062-1.184-1.251C17.527 8 17.102 8 16.255 8H12v6h4.255c.847 0 1.271 0 1.642-.189c.37-.189.642-.543 1.184-1.25l.215-.28c.47-.613.704-.919.704-1.281s-.235-.668-.704-1.28zM12 21V4M9 21h6"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsDirections01(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M4.919 4.44c.542-.708.813-1.062 1.184-1.251C6.473 3 6.898 3 7.745 3h2.416c.867 0 1.3 0 1.57.293C12 3.586 12 4.057 12 5v4H7.745c-.847 0-1.271 0-1.642-.189c-.37-.189-.642-.543-1.184-1.25l-.215-.28C4.234 6.667 4 6.361 4 6s.235-.668.704-1.28zm14.162 5c-.542-.708-.813-1.062-1.184-1.251C17.527 8 17.102 8 16.255 8H12v6h4.255c.847 0 1.271 0 1.642-.189c.37-.189.642-.543 1.184-1.25l.215-.28c.47-.613.704-.919.704-1.281s-.235-.668-.704-1.28zM12 21V4M9 21h6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.919 4.44c.542-.708.813-1.062 1.184-1.251C6.473 3 6.898 3 7.745 3h2.416c.867 0 1.3 0 1.57.293C12 3.586 12 4.057 12 5v4H7.745c-.847 0-1.271 0-1.642-.189c-.37-.189-.642-.543-1.184-1.25l-.215-.28C4.234 6.667 4 6.361 4 6s.235-.668.704-1.28zm14.162 5c-.542-.708-.813-1.062-1.184-1.251C17.527 8 17.102 8 16.255 8H12v6h4.255c.847 0 1.271 0 1.642-.189c.37-.189.642-.543 1.184-1.25l.215-.28c.47-.613.704-.919.704-1.281s-.235-.668-.704-1.28zM12 21V4M9 21h6"/></svg> </template>
CSS
.icon-directions-01 {
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%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M4.919%204.44c.542-.708.813-1.062%201.184-1.251C6.473%203%206.898%203%207.745%203h2.416c.867%200%201.3%200%201.57.293C12%203.586%2012%204.057%2012%205v4H7.745c-.847%200-1.271%200-1.642-.189c-.37-.189-.642-.543-1.184-1.25l-.215-.28C4.234%206.667%204%206.361%204%206s.235-.668.704-1.28zm14.162%205c-.542-.708-.813-1.062-1.184-1.251C17.527%208%2017.102%208%2016.255%208H12v6h4.255c.847%200%201.271%200%201.642-.189c.37-.189.642-.543%201.184-1.25l.215-.28c.47-.613.704-.919.704-1.281s-.235-.668-.704-1.28zM12%2021V4M9%2021h6%22%2F%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%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M4.919%204.44c.542-.708.813-1.062%201.184-1.251C6.473%203%206.898%203%207.745%203h2.416c.867%200%201.3%200%201.57.293C12%203.586%2012%204.057%2012%205v4H7.745c-.847%200-1.271%200-1.642-.189c-.37-.189-.642-.543-1.184-1.25l-.215-.28C4.234%206.667%204%206.361%204%206s.235-.668.704-1.28zm14.162%205c-.542-.708-.813-1.062-1.184-1.251C17.527%208%2017.102%208%2016.255%208H12v6h4.255c.847%200%201.271%200%201.642-.189c.37-.189.642-.543%201.184-1.25l.215-.28c.47-.613.704-.919.704-1.281s-.235-.668-.704-1.28zM12%2021V4M9%2021h6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/directions-01.svg?color=%231a73e8&size=48
