signpost icon
signpost-duotone from Reicon by REICON · Duotone · Map · MIT Free for personal and commercial use.
- Name
- signpost-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- Map
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All signpost icons →More map icons from Reicon
Use the signpost icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M12.75 2a.75.75 0 0 0-1.5 0v1.5h1.5zm-1.5 8.5v2h1.5v-2zm0 10.75V19.5h1.5v1.75H14a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5z" clip-rule="evenodd" opacity=".5"/><path d="M11.25 3.5H6.703c-.658 0-.987 0-1.289.098a2 2 0 0 0-.382.17c-.275.16-.494.404-.934.894c-.85.947-1.276 1.42-1.378 1.974a2 2 0 0 0 0 .728c.102.553.528 1.027 1.378 1.974c.44.49.66.734.934.893q.183.105.382.17c.302.099.63.099 1.289.099H17.5c1.404 0 2.106 0 2.61-.337a2 2 0 0 0 .552-.552C21 9.107 21 8.404 21 7s0-2.107-.338-2.611a2 2 0 0 0-.551-.552C19.606 3.5 18.904 3.5 17.5 3.5zm0 9H6.5c-1.405 0-2.107 0-2.612.337a2 2 0 0 0-.551.552C3 13.893 3 14.596 3 16s0 2.107.337 2.611a2 2 0 0 0 .551.552c.505.337 1.207.337 2.612.337h10.796c.657 0 .986 0 1.288-.098q.2-.066.382-.17c.275-.16.494-.404.934-.894c.85-.947 1.276-1.42 1.378-1.974a2 2 0 0 0 0-.728c-.102-.553-.528-1.027-1.378-1.974c-.44-.49-.66-.734-.934-.893a2 2 0 0 0-.382-.17c-.302-.099-.63-.099-1.288-.099z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconSignpostDuotone(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 fillRule="evenodd" d="M12.75 2a.75.75 0 0 0-1.5 0v1.5h1.5zm-1.5 8.5v2h1.5v-2zm0 10.75V19.5h1.5v1.75H14a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5z" clipRule="evenodd" opacity=".5"/><path d="M11.25 3.5H6.703c-.658 0-.987 0-1.289.098a2 2 0 0 0-.382.17c-.275.16-.494.404-.934.894c-.85.947-1.276 1.42-1.378 1.974a2 2 0 0 0 0 .728c.102.553.528 1.027 1.378 1.974c.44.49.66.734.934.893q.183.105.382.17c.302.099.63.099 1.289.099H17.5c1.404 0 2.106 0 2.61-.337a2 2 0 0 0 .552-.552C21 9.107 21 8.404 21 7s0-2.107-.338-2.611a2 2 0 0 0-.551-.552C19.606 3.5 18.904 3.5 17.5 3.5zm0 9H6.5c-1.405 0-2.107 0-2.612.337a2 2 0 0 0-.551.552C3 13.893 3 14.596 3 16s0 2.107.337 2.611a2 2 0 0 0 .551.552c.505.337 1.207.337 2.612.337h10.796c.657 0 .986 0 1.288-.098q.2-.066.382-.17c.275-.16.494-.404.934-.894c.85-.947 1.276-1.42 1.378-1.974a2 2 0 0 0 0-.728c-.102-.553-.528-1.027-1.378-1.974c-.44-.49-.66-.734-.934-.893a2 2 0 0 0-.382-.17c-.302-.099-.63-.099-1.288-.099z"/></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 fill-rule="evenodd" d="M12.75 2a.75.75 0 0 0-1.5 0v1.5h1.5zm-1.5 8.5v2h1.5v-2zm0 10.75V19.5h1.5v1.75H14a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5z" clip-rule="evenodd" opacity=".5"/><path d="M11.25 3.5H6.703c-.658 0-.987 0-1.289.098a2 2 0 0 0-.382.17c-.275.16-.494.404-.934.894c-.85.947-1.276 1.42-1.378 1.974a2 2 0 0 0 0 .728c.102.553.528 1.027 1.378 1.974c.44.49.66.734.934.893q.183.105.382.17c.302.099.63.099 1.289.099H17.5c1.404 0 2.106 0 2.61-.337a2 2 0 0 0 .552-.552C21 9.107 21 8.404 21 7s0-2.107-.338-2.611a2 2 0 0 0-.551-.552C19.606 3.5 18.904 3.5 17.5 3.5zm0 9H6.5c-1.405 0-2.107 0-2.612.337a2 2 0 0 0-.551.552C3 13.893 3 14.596 3 16s0 2.107.337 2.611a2 2 0 0 0 .551.552c.505.337 1.207.337 2.612.337h10.796c.657 0 .986 0 1.288-.098q.2-.066.382-.17c.275-.16.494-.404.934-.894c.85-.947 1.276-1.42 1.378-1.974a2 2 0 0 0 0-.728c-.102-.553-.528-1.027-1.378-1.974c-.44-.49-.66-.734-.934-.893a2 2 0 0 0-.382-.17c-.302-.099-.63-.099-1.288-.099z"/></g></svg> </template>
CSS
.icon-signpost-duotone {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M12.75%202a.75.75%200%200%200-1.5%200v1.5h1.5zm-1.5%208.5v2h1.5v-2zm0%2010.75V19.5h1.5v1.75H14a.75.75%200%200%201%200%201.5h-4a.75.75%200%200%201%200-1.5z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M11.25%203.5H6.703c-.658%200-.987%200-1.289.098a2%202%200%200%200-.382.17c-.275.16-.494.404-.934.894c-.85.947-1.276%201.42-1.378%201.974a2%202%200%200%200%200%20.728c.102.553.528%201.027%201.378%201.974c.44.49.66.734.934.893q.183.105.382.17c.302.099.63.099%201.289.099H17.5c1.404%200%202.106%200%202.61-.337a2%202%200%200%200%20.552-.552C21%209.107%2021%208.404%2021%207s0-2.107-.338-2.611a2%202%200%200%200-.551-.552C19.606%203.5%2018.904%203.5%2017.5%203.5zm0%209H6.5c-1.405%200-2.107%200-2.612.337a2%202%200%200%200-.551.552C3%2013.893%203%2014.596%203%2016s0%202.107.337%202.611a2%202%200%200%200%20.551.552c.505.337%201.207.337%202.612.337h10.796c.657%200%20.986%200%201.288-.098q.2-.066.382-.17c.275-.16.494-.404.934-.894c.85-.947%201.276-1.42%201.378-1.974a2%202%200%200%200%200-.728c-.102-.553-.528-1.027-1.378-1.974c-.44-.49-.66-.734-.934-.893a2%202%200%200%200-.382-.17c-.302-.099-.63-.099-1.288-.099z%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%20fill-rule%3D%22evenodd%22%20d%3D%22M12.75%202a.75.75%200%200%200-1.5%200v1.5h1.5zm-1.5%208.5v2h1.5v-2zm0%2010.75V19.5h1.5v1.75H14a.75.75%200%200%201%200%201.5h-4a.75.75%200%200%201%200-1.5z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M11.25%203.5H6.703c-.658%200-.987%200-1.289.098a2%202%200%200%200-.382.17c-.275.16-.494.404-.934.894c-.85.947-1.276%201.42-1.378%201.974a2%202%200%200%200%200%20.728c.102.553.528%201.027%201.378%201.974c.44.49.66.734.934.893q.183.105.382.17c.302.099.63.099%201.289.099H17.5c1.404%200%202.106%200%202.61-.337a2%202%200%200%200%20.552-.552C21%209.107%2021%208.404%2021%207s0-2.107-.338-2.611a2%202%200%200%200-.551-.552C19.606%203.5%2018.904%203.5%2017.5%203.5zm0%209H6.5c-1.405%200-2.107%200-2.612.337a2%202%200%200%200-.551.552C3%2013.893%203%2014.596%203%2016s0%202.107.337%202.611a2%202%200%200%200%20.551.552c.505.337%201.207.337%202.612.337h10.796c.657%200%20.986%200%201.288-.098q.2-.066.382-.17c.275-.16.494-.404.934-.894c.85-.947%201.276-1.42%201.378-1.974a2%202%200%200%200%200-.728c-.102-.553-.528-1.027-1.378-1.974c-.44-.49-.66-.734-.934-.893a2%202%200%200%200-.382-.17c-.302-.099-.63-.099-1.288-.099z%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/signpost-duotone.svg?color=%231a73e8&size=48
