sign railroad icon
sign-railroad-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.
- Name
- sign-railroad-fill
- Set
- Bootstrap Icons
- Style
- Fill
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
Related icons in Bootstrap Icons
Use the sign railroad icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L4.224 3.162L8 6.94l3.777-3.777L9.049.435Zm3.274 7.425v-.862h.467c.28 0 .467.154.467.44c0 .28-.182.421-.475.421h-.459Z"/><path d="M12.838 4.223L9.06 8l3.777 3.777l2.727-2.728c.58-.58.58-1.519 0-2.098zm.03 2.361c.591 0 .935.334.935.844a.79.79 0 0 1-.485.748l.536 1.074h-.59l-.467-.994h-.473v.994h-.521V6.584h1.064Zm-1.091 6.254L8 9.06l-3.777 3.777l2.728 2.727c.58.58 1.519.58 2.098 0zm-8.953-5.84v.861h.46c.292 0 .474-.14.474-.421c0-.286-.188-.44-.467-.44z"/><path d="M3.162 11.777L6.94 8L3.162 4.223L.435 6.951c-.58.58-.58 1.519 0 2.098zm-.86-5.193h1.065c.592 0 .936.334.936.844c0 .39-.242.654-.485.748l.536 1.074h-.59l-.467-.994h-.473v.994h-.521V6.584Z"/></g></svg>
React
import type { SVGProps } from "react";
export function BiSignRailroadFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L4.224 3.162L8 6.94l3.777-3.777L9.049.435Zm3.274 7.425v-.862h.467c.28 0 .467.154.467.44c0 .28-.182.421-.475.421h-.459Z"/><path d="M12.838 4.223L9.06 8l3.777 3.777l2.727-2.728c.58-.58.58-1.519 0-2.098zm.03 2.361c.591 0 .935.334.935.844a.79.79 0 0 1-.485.748l.536 1.074h-.59l-.467-.994h-.473v.994h-.521V6.584h1.064Zm-1.091 6.254L8 9.06l-3.777 3.777l2.728 2.727c.58.58 1.519.58 2.098 0zm-8.953-5.84v.861h.46c.292 0 .474-.14.474-.421c0-.286-.188-.44-.467-.44z"/><path d="M3.162 11.777L6.94 8L3.162 4.223L.435 6.951c-.58.58-.58 1.519 0 2.098zm-.86-5.193h1.065c.592 0 .936.334.936.844c0 .39-.242.654-.485.748l.536 1.074h-.59l-.467-.994h-.473v.994h-.521V6.584Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L4.224 3.162L8 6.94l3.777-3.777L9.049.435Zm3.274 7.425v-.862h.467c.28 0 .467.154.467.44c0 .28-.182.421-.475.421h-.459Z"/><path d="M12.838 4.223L9.06 8l3.777 3.777l2.727-2.728c.58-.58.58-1.519 0-2.098zm.03 2.361c.591 0 .935.334.935.844a.79.79 0 0 1-.485.748l.536 1.074h-.59l-.467-.994h-.473v.994h-.521V6.584h1.064Zm-1.091 6.254L8 9.06l-3.777 3.777l2.728 2.727c.58.58 1.519.58 2.098 0zm-8.953-5.84v.861h.46c.292 0 .474-.14.474-.421c0-.286-.188-.44-.467-.44z"/><path d="M3.162 11.777L6.94 8L3.162 4.223L.435 6.951c-.58.58-.58 1.519 0 2.098zm-.86-5.193h1.065c.592 0 .936.334.936.844c0 .39-.242.654-.485.748l.536 1.074h-.59l-.467-.994h-.473v.994h-.521V6.584Z"/></g></svg> </template>
CSS
.icon-sign-railroad-fill {
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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9.05.435c-.58-.58-1.52-.58-2.1%200L4.224%203.162L8%206.94l3.777-3.777L9.049.435Zm3.274%207.425v-.862h.467c.28%200%20.467.154.467.44c0%20.28-.182.421-.475.421h-.459Z%22%2F%3E%3Cpath%20d%3D%22M12.838%204.223L9.06%208l3.777%203.777l2.727-2.728c.58-.58.58-1.519%200-2.098zm.03%202.361c.591%200%20.935.334.935.844a.79.79%200%200%201-.485.748l.536%201.074h-.59l-.467-.994h-.473v.994h-.521V6.584h1.064Zm-1.091%206.254L8%209.06l-3.777%203.777l2.728%202.727c.58.58%201.519.58%202.098%200zm-8.953-5.84v.861h.46c.292%200%20.474-.14.474-.421c0-.286-.188-.44-.467-.44z%22%2F%3E%3Cpath%20d%3D%22M3.162%2011.777L6.94%208L3.162%204.223L.435%206.951c-.58.58-.58%201.519%200%202.098zm-.86-5.193h1.065c.592%200%20.936.334.936.844c0%20.39-.242.654-.485.748l.536%201.074h-.59l-.467-.994h-.473v.994h-.521V6.584Z%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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9.05.435c-.58-.58-1.52-.58-2.1%200L4.224%203.162L8%206.94l3.777-3.777L9.049.435Zm3.274%207.425v-.862h.467c.28%200%20.467.154.467.44c0%20.28-.182.421-.475.421h-.459Z%22%2F%3E%3Cpath%20d%3D%22M12.838%204.223L9.06%208l3.777%203.777l2.727-2.728c.58-.58.58-1.519%200-2.098zm.03%202.361c.591%200%20.935.334.935.844a.79.79%200%200%201-.485.748l.536%201.074h-.59l-.467-.994h-.473v.994h-.521V6.584h1.064Zm-1.091%206.254L8%209.06l-3.777%203.777l2.728%202.727c.58.58%201.519.58%202.098%200zm-8.953-5.84v.861h.46c.292%200%20.474-.14.474-.421c0-.286-.188-.44-.467-.44z%22%2F%3E%3Cpath%20d%3D%22M3.162%2011.777L6.94%208L3.162%204.223L.435%206.951c-.58.58-.58%201.519%200%202.098zm-.86-5.193h1.065c.592%200%20.936.334.936.844c0%20.39-.242.654-.485.748l.536%201.074h-.59l-.467-.994h-.473v.994h-.521V6.584Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/sign-railroad-fill.svg?color=%231a73e8&size=48
