roadmap icon
roadmap-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- roadmap-filled
- Set
- Reicon
- Style
- Filled
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
More ui icons from Reicon
Use the roadmap icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.333 12.333v-6a3.67 3.67 0 0 0-3.666-3.666H6.059c-.797 0-1.53.399-1.96 1.066L.827 8.79a1 1 0 0 0 0 1.086L4.1 14.935A2.33 2.33 0 0 0 6.06 16h7.608a3.67 3.67 0 0 0 3.667-3.667Z"/><path d="m23.173 14.123l-2-3.09c-.3-.464-.92-.595-1.383-.297c-.464.3-.596.92-.297 1.384l1.649 2.547l-2.92 4.513a.34.34 0 0 1-.28.153h-7.609c-.577 0-1.106-.314-1.415-.84a1 1 0 1 0-1.724 1.014c.672 1.143 1.846 1.826 3.14 1.826h7.607c.794 0 1.526-.398 1.96-1.066l3.272-5.057a1 1 0 0 0 0-1.087"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconRoadmapFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.333 12.333v-6a3.67 3.67 0 0 0-3.666-3.666H6.059c-.797 0-1.53.399-1.96 1.066L.827 8.79a1 1 0 0 0 0 1.086L4.1 14.935A2.33 2.33 0 0 0 6.06 16h7.608a3.67 3.67 0 0 0 3.667-3.667Z"/><path d="m23.173 14.123l-2-3.09c-.3-.464-.92-.595-1.383-.297c-.464.3-.596.92-.297 1.384l1.649 2.547l-2.92 4.513a.34.34 0 0 1-.28.153h-7.609c-.577 0-1.106-.314-1.415-.84a1 1 0 1 0-1.724 1.014c.672 1.143 1.846 1.826 3.14 1.826h7.607c.794 0 1.526-.398 1.96-1.066l3.272-5.057a1 1 0 0 0 0-1.087"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.333 12.333v-6a3.67 3.67 0 0 0-3.666-3.666H6.059c-.797 0-1.53.399-1.96 1.066L.827 8.79a1 1 0 0 0 0 1.086L4.1 14.935A2.33 2.33 0 0 0 6.06 16h7.608a3.67 3.67 0 0 0 3.667-3.667Z"/><path d="m23.173 14.123l-2-3.09c-.3-.464-.92-.595-1.383-.297c-.464.3-.596.92-.297 1.384l1.649 2.547l-2.92 4.513a.34.34 0 0 1-.28.153h-7.609c-.577 0-1.106-.314-1.415-.84a1 1 0 1 0-1.724 1.014c.672 1.143 1.846 1.826 3.14 1.826h7.607c.794 0 1.526-.398 1.96-1.066l3.272-5.057a1 1 0 0 0 0-1.087"/></g></svg> </template>
CSS
.icon-roadmap-filled {
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%22currentColor%22%3E%3Cpath%20d%3D%22M17.333%2012.333v-6a3.67%203.67%200%200%200-3.666-3.666H6.059c-.797%200-1.53.399-1.96%201.066L.827%208.79a1%201%200%200%200%200%201.086L4.1%2014.935A2.33%202.33%200%200%200%206.06%2016h7.608a3.67%203.67%200%200%200%203.667-3.667Z%22%2F%3E%3Cpath%20d%3D%22m23.173%2014.123l-2-3.09c-.3-.464-.92-.595-1.383-.297c-.464.3-.596.92-.297%201.384l1.649%202.547l-2.92%204.513a.34.34%200%200%201-.28.153h-7.609c-.577%200-1.106-.314-1.415-.84a1%201%200%201%200-1.724%201.014c.672%201.143%201.846%201.826%203.14%201.826h7.607c.794%200%201.526-.398%201.96-1.066l3.272-5.057a1%201%200%200%200%200-1.087%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%22currentColor%22%3E%3Cpath%20d%3D%22M17.333%2012.333v-6a3.67%203.67%200%200%200-3.666-3.666H6.059c-.797%200-1.53.399-1.96%201.066L.827%208.79a1%201%200%200%200%200%201.086L4.1%2014.935A2.33%202.33%200%200%200%206.06%2016h7.608a3.67%203.67%200%200%200%203.667-3.667Z%22%2F%3E%3Cpath%20d%3D%22m23.173%2014.123l-2-3.09c-.3-.464-.92-.595-1.383-.297c-.464.3-.596.92-.297%201.384l1.649%202.547l-2.92%204.513a.34.34%200%200%201-.28.153h-7.609c-.577%200-1.106-.314-1.415-.84a1%201%200%201%200-1.724%201.014c.672%201.143%201.846%201.826%203.14%201.826h7.607c.794%200%201.526-.398%201.96-1.066l3.272-5.057a1%201%200%200%200%200-1.087%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/roadmap-filled.svg?color=%231a73e8&size=48
