light rail emoji
light-rail from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- light-rail
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More travel & places icons from Fluent Emoji Flat
Use the light rail emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f4f4f4" d="m26 8l4 1v18H8.78a1 1 0 0 1-.97-.758l-.328-1.312a5 5 0 0 1 .493-3.664L9.812 18l4.688-4.5C15.917 10.981 23.11 8 26 8"/><path fill="#433b6b" d="M2 27h28v3H2z"/><path fill="#f9c23c" d="M8.78 27H30v-4H7.385a5 5 0 0 0 .097 1.93l.329 1.313a1 1 0 0 0 .97.757"/><path fill="#46a4fb" d="M9.813 18h4.511a5 5 0 0 0 4.16-2.226l3.032-4.547A5 5 0 0 1 25.676 9H30V7h-9.321a8 8 0 0 0-5.292 2c.113 1 .06 2.706-.387 3.5L10.938 16z"/><path fill="#26c9fc" d="M13.706 11.078A8 8 0 0 1 15.387 9h2.67a1 1 0 0 1 .814 1.581l-2.375 3.325A5 5 0 0 1 12.426 16h-1.489zM30 11h-3.679a4 4 0 0 0-3.473 2.015l-1.138 1.993c-.762 1.333.2 2.992 1.736 2.992H30z"/><path fill="#f92f60" d="M10 21a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1"/><path fill="#e6e6e6" d="M21 21a1 1 0 0 1 1-1h8v2h-8a1 1 0 0 1-1-1"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatLightRail(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f4f4f4" d="m26 8l4 1v18H8.78a1 1 0 0 1-.97-.758l-.328-1.312a5 5 0 0 1 .493-3.664L9.812 18l4.688-4.5C15.917 10.981 23.11 8 26 8"/><path fill="#433b6b" d="M2 27h28v3H2z"/><path fill="#f9c23c" d="M8.78 27H30v-4H7.385a5 5 0 0 0 .097 1.93l.329 1.313a1 1 0 0 0 .97.757"/><path fill="#46a4fb" d="M9.813 18h4.511a5 5 0 0 0 4.16-2.226l3.032-4.547A5 5 0 0 1 25.676 9H30V7h-9.321a8 8 0 0 0-5.292 2c.113 1 .06 2.706-.387 3.5L10.938 16z"/><path fill="#26c9fc" d="M13.706 11.078A8 8 0 0 1 15.387 9h2.67a1 1 0 0 1 .814 1.581l-2.375 3.325A5 5 0 0 1 12.426 16h-1.489zM30 11h-3.679a4 4 0 0 0-3.473 2.015l-1.138 1.993c-.762 1.333.2 2.992 1.736 2.992H30z"/><path fill="#f92f60" d="M10 21a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1"/><path fill="#e6e6e6" d="M21 21a1 1 0 0 1 1-1h8v2h-8a1 1 0 0 1-1-1"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f4f4f4" d="m26 8l4 1v18H8.78a1 1 0 0 1-.97-.758l-.328-1.312a5 5 0 0 1 .493-3.664L9.812 18l4.688-4.5C15.917 10.981 23.11 8 26 8"/><path fill="#433b6b" d="M2 27h28v3H2z"/><path fill="#f9c23c" d="M8.78 27H30v-4H7.385a5 5 0 0 0 .097 1.93l.329 1.313a1 1 0 0 0 .97.757"/><path fill="#46a4fb" d="M9.813 18h4.511a5 5 0 0 0 4.16-2.226l3.032-4.547A5 5 0 0 1 25.676 9H30V7h-9.321a8 8 0 0 0-5.292 2c.113 1 .06 2.706-.387 3.5L10.938 16z"/><path fill="#26c9fc" d="M13.706 11.078A8 8 0 0 1 15.387 9h2.67a1 1 0 0 1 .814 1.581l-2.375 3.325A5 5 0 0 1 12.426 16h-1.489zM30 11h-3.679a4 4 0 0 0-3.473 2.015l-1.138 1.993c-.762 1.333.2 2.992 1.736 2.992H30z"/><path fill="#f92f60" d="M10 21a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1"/><path fill="#e6e6e6" d="M21 21a1 1 0 0 1 1-1h8v2h-8a1 1 0 0 1-1-1"/></g></svg> </template>
CSS
.icon-light-rail {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22m26%208l4%201v18H8.78a1%201%200%200%201-.97-.758l-.328-1.312a5%205%200%200%201%20.493-3.664L9.812%2018l4.688-4.5C15.917%2010.981%2023.11%208%2026%208%22%2F%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M2%2027h28v3H2z%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M8.78%2027H30v-4H7.385a5%205%200%200%200%20.097%201.93l.329%201.313a1%201%200%200%200%20.97.757%22%2F%3E%3Cpath%20fill%3D%22%2346a4fb%22%20d%3D%22M9.813%2018h4.511a5%205%200%200%200%204.16-2.226l3.032-4.547A5%205%200%200%201%2025.676%209H30V7h-9.321a8%208%200%200%200-5.292%202c.113%201%20.06%202.706-.387%203.5L10.938%2016z%22%2F%3E%3Cpath%20fill%3D%22%2326c9fc%22%20d%3D%22M13.706%2011.078A8%208%200%200%201%2015.387%209h2.67a1%201%200%200%201%20.814%201.581l-2.375%203.325A5%205%200%200%201%2012.426%2016h-1.489zM30%2011h-3.679a4%204%200%200%200-3.473%202.015l-1.138%201.993c-.762%201.333.2%202.992%201.736%202.992H30z%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M10%2021a1%201%200%200%201%201-1h2a1%201%200%201%201%200%202h-2a1%201%200%200%201-1-1%22%2F%3E%3Cpath%20fill%3D%22%23e6e6e6%22%20d%3D%22M21%2021a1%201%200%200%201%201-1h8v2h-8a1%201%200%200%201-1-1%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22m26%208l4%201v18H8.78a1%201%200%200%201-.97-.758l-.328-1.312a5%205%200%200%201%20.493-3.664L9.812%2018l4.688-4.5C15.917%2010.981%2023.11%208%2026%208%22%2F%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M2%2027h28v3H2z%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M8.78%2027H30v-4H7.385a5%205%200%200%200%20.097%201.93l.329%201.313a1%201%200%200%200%20.97.757%22%2F%3E%3Cpath%20fill%3D%22%2346a4fb%22%20d%3D%22M9.813%2018h4.511a5%205%200%200%200%204.16-2.226l3.032-4.547A5%205%200%200%201%2025.676%209H30V7h-9.321a8%208%200%200%200-5.292%202c.113%201%20.06%202.706-.387%203.5L10.938%2016z%22%2F%3E%3Cpath%20fill%3D%22%2326c9fc%22%20d%3D%22M13.706%2011.078A8%208%200%200%201%2015.387%209h2.67a1%201%200%200%201%20.814%201.581l-2.375%203.325A5%205%200%200%201%2012.426%2016h-1.489zM30%2011h-3.679a4%204%200%200%200-3.473%202.015l-1.138%201.993c-.762%201.333.2%202.992%201.736%202.992H30z%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M10%2021a1%201%200%200%201%201-1h2a1%201%200%201%201%200%202h-2a1%201%200%200%201-1-1%22%2F%3E%3Cpath%20fill%3D%22%23e6e6e6%22%20d%3D%22M21%2021a1%201%200%200%201%201-1h8v2h-8a1%201%200%200%201-1-1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/light-rail.svg?color=%231a73e8&size=48
