road icon
road from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- road
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the road icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M2 21.998V11.995m20 10.003V11.995M12 21.997v-1m0-3.001v-1"/><path d="m5.725 5.654l.83.76m0 0c.16-.269.435-.74.527-1.033c.799-2.57.87-3.278 2.103-3.38h5.627c1.234.102 1.304.81 2.103 3.38c.091.294.318.764.477 1.032m-10.837 0C5.951 7.433 5.15 8.1 5.03 8.98c-.02.144 0 1.752 0 2.918c0 .876.844.85 1.666.918c.523.043 1.046.138 1.57.143c2.906.03 4.828.033 7.702.002c.556-.007 1.116-.111 1.67-.158c.625-.053 1.28-.124 1.33-.905c.077-1.165.02-2.774 0-2.918c-.12-.88-.97-1.547-1.575-2.567m-10.837 0h10.837m0 0l.972-.759M5.204 8.43l1.208.92m4.146 1.162h2.939m4.123-1.185l1.335-.425M7.082 12.855l-.078 1.644m9.978-1.623v1.623"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsRoad(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" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path strokeLinejoin="round" d="M2 21.998V11.995m20 10.003V11.995M12 21.997v-1m0-3.001v-1"/><path d="m5.725 5.654l.83.76m0 0c.16-.269.435-.74.527-1.033c.799-2.57.87-3.278 2.103-3.38h5.627c1.234.102 1.304.81 2.103 3.38c.091.294.318.764.477 1.032m-10.837 0C5.951 7.433 5.15 8.1 5.03 8.98c-.02.144 0 1.752 0 2.918c0 .876.844.85 1.666.918c.523.043 1.046.138 1.57.143c2.906.03 4.828.033 7.702.002c.556-.007 1.116-.111 1.67-.158c.625-.053 1.28-.124 1.33-.905c.077-1.165.02-2.774 0-2.918c-.12-.88-.97-1.547-1.575-2.567m-10.837 0h10.837m0 0l.972-.759M5.204 8.43l1.208.92m4.146 1.162h2.939m4.123-1.185l1.335-.425M7.082 12.855l-.078 1.644m9.978-1.623v1.623"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M2 21.998V11.995m20 10.003V11.995M12 21.997v-1m0-3.001v-1"/><path d="m5.725 5.654l.83.76m0 0c.16-.269.435-.74.527-1.033c.799-2.57.87-3.278 2.103-3.38h5.627c1.234.102 1.304.81 2.103 3.38c.091.294.318.764.477 1.032m-10.837 0C5.951 7.433 5.15 8.1 5.03 8.98c-.02.144 0 1.752 0 2.918c0 .876.844.85 1.666.918c.523.043 1.046.138 1.57.143c2.906.03 4.828.033 7.702.002c.556-.007 1.116-.111 1.67-.158c.625-.053 1.28-.124 1.33-.905c.077-1.165.02-2.774 0-2.918c-.12-.88-.97-1.547-1.575-2.567m-10.837 0h10.837m0 0l.972-.759M5.204 8.43l1.208.92m4.146 1.162h2.939m4.123-1.185l1.335-.425M7.082 12.855l-.078 1.644m9.978-1.623v1.623"/></g></svg> </template>
CSS
.icon-road {
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%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M2%2021.998V11.995m20%2010.003V11.995M12%2021.997v-1m0-3.001v-1%22%2F%3E%3Cpath%20d%3D%22m5.725%205.654l.83.76m0%200c.16-.269.435-.74.527-1.033c.799-2.57.87-3.278%202.103-3.38h5.627c1.234.102%201.304.81%202.103%203.38c.091.294.318.764.477%201.032m-10.837%200C5.951%207.433%205.15%208.1%205.03%208.98c-.02.144%200%201.752%200%202.918c0%20.876.844.85%201.666.918c.523.043%201.046.138%201.57.143c2.906.03%204.828.033%207.702.002c.556-.007%201.116-.111%201.67-.158c.625-.053%201.28-.124%201.33-.905c.077-1.165.02-2.774%200-2.918c-.12-.88-.97-1.547-1.575-2.567m-10.837%200h10.837m0%200l.972-.759M5.204%208.43l1.208.92m4.146%201.162h2.939m4.123-1.185l1.335-.425M7.082%2012.855l-.078%201.644m9.978-1.623v1.623%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%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M2%2021.998V11.995m20%2010.003V11.995M12%2021.997v-1m0-3.001v-1%22%2F%3E%3Cpath%20d%3D%22m5.725%205.654l.83.76m0%200c.16-.269.435-.74.527-1.033c.799-2.57.87-3.278%202.103-3.38h5.627c1.234.102%201.304.81%202.103%203.38c.091.294.318.764.477%201.032m-10.837%200C5.951%207.433%205.15%208.1%205.03%208.98c-.02.144%200%201.752%200%202.918c0%20.876.844.85%201.666.918c.523.043%201.046.138%201.57.143c2.906.03%204.828.033%207.702.002c.556-.007%201.116-.111%201.67-.158c.625-.053%201.28-.124%201.33-.905c.077-1.165.02-2.774%200-2.918c-.12-.88-.97-1.547-1.575-2.567m-10.837%200h10.837m0%200l.972-.759M5.204%208.43l1.208.92m4.146%201.162h2.939m4.123-1.185l1.335-.425M7.082%2012.855l-.078%201.644m9.978-1.623v1.623%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/road.svg?color=%231a73e8&size=48
