train icon

train-sharp-duotone from Keyline Icons by Keyline Icons · Sharp Duotone · MIT Free for personal and commercial use.

Name
train-sharp-duotone
Set
Keyline Icons
Style
Sharp Duotone
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

traintrain-duotonetrain-filltrain-sharptrain-sharp-filltrain-sharp-two-tonetrain-two-tone

The same icon in other sets

trainBoxIcons v2trainBoxIcons v2 SolidtrainCarbontrainEmoji One (Colored)trainFont Awesome 6 SolidtrainFont Awesome SolidtrainFluent EmojitrainFluent Emoji FlattrainFluent Emoji High ContrasttrainFirefox OS EmojitrainIconParktrainIconPark OutlinetrainIconPark SolidtrainIconPark TwoTonetrainIconoirtrainIonIconstrainJam IconstrainLine AwesometrainMaterial SymbolstrainMaterial Symbols LighttrainMaterial Design Iconstrain-fillMingCute IcontrainMyna UI IconstrainNoto Emoji

Use the train 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-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M4 1L20 1C20.5523 1 21 1.4477 21 2L21 18C21 18.5523 20.5523 19 20 19L4 19C3.4477 19 3 18.5523 3 18L3 2C3 1.4477 3.4477 1 4 1Z" stroke="none"/><path d="M3 9L21 9M4 5L1 5M20 5L23 5M7 18L4.7236 22.5528M17 18L19.2764 22.5528"/><path fill="currentColor" d="M10 13.5C10 14.3284 9.3284 15 8.5 15C7.6716 15 7 14.3284 7 13.5C7 12.6716 7.6716 12 8.5 12C9.3284 12 10 12.6716 10 13.5ZM17 13.5C17 14.3284 16.3284 15 15.5 15C14.6716 15 14 14.3284 14 13.5C14 12.6716 14.6716 12 15.5 12C16.3284 12 17 12.6716 17 13.5Z" stroke="none"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsTrainSharpDuotone(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" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M4 1L20 1C20.5523 1 21 1.4477 21 2L21 18C21 18.5523 20.5523 19 20 19L4 19C3.4477 19 3 18.5523 3 18L3 2C3 1.4477 3.4477 1 4 1Z" stroke="none"/><path d="M3 9L21 9M4 5L1 5M20 5L23 5M7 18L4.7236 22.5528M17 18L19.2764 22.5528"/><path fill="currentColor" d="M10 13.5C10 14.3284 9.3284 15 8.5 15C7.6716 15 7 14.3284 7 13.5C7 12.6716 7.6716 12 8.5 12C9.3284 12 10 12.6716 10 13.5ZM17 13.5C17 14.3284 16.3284 15 15.5 15C14.6716 15 14 14.3284 14 13.5C14 12.6716 14.6716 12 15.5 12C16.3284 12 17 12.6716 17 13.5Z" stroke="none"/></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-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M4 1L20 1C20.5523 1 21 1.4477 21 2L21 18C21 18.5523 20.5523 19 20 19L4 19C3.4477 19 3 18.5523 3 18L3 2C3 1.4477 3.4477 1 4 1Z" stroke="none"/><path d="M3 9L21 9M4 5L1 5M20 5L23 5M7 18L4.7236 22.5528M17 18L19.2764 22.5528"/><path fill="currentColor" d="M10 13.5C10 14.3284 9.3284 15 8.5 15C7.6716 15 7 14.3284 7 13.5C7 12.6716 7.6716 12 8.5 12C9.3284 12 10 12.6716 10 13.5ZM17 13.5C17 14.3284 16.3284 15 15.5 15C14.6716 15 14 14.3284 14 13.5C14 12.6716 14.6716 12 15.5 12C16.3284 12 17 12.6716 17 13.5Z" stroke="none"/></g></svg>
</template>

CSS

.icon-train-sharp-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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M4%201L20%201C20.5523%201%2021%201.4477%2021%202L21%2018C21%2018.5523%2020.5523%2019%2020%2019L4%2019C3.4477%2019%203%2018.5523%203%2018L3%202C3%201.4477%203.4477%201%204%201Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M3%209L21%209M4%205L1%205M20%205L23%205M7%2018L4.7236%2022.5528M17%2018L19.2764%2022.5528%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%2013.5C10%2014.3284%209.3284%2015%208.5%2015C7.6716%2015%207%2014.3284%207%2013.5C7%2012.6716%207.6716%2012%208.5%2012C9.3284%2012%2010%2012.6716%2010%2013.5ZM17%2013.5C17%2014.3284%2016.3284%2015%2015.5%2015C14.6716%2015%2014%2014.3284%2014%2013.5C14%2012.6716%2014.6716%2012%2015.5%2012C16.3284%2012%2017%2012.6716%2017%2013.5Z%22%20stroke%3D%22none%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-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M4%201L20%201C20.5523%201%2021%201.4477%2021%202L21%2018C21%2018.5523%2020.5523%2019%2020%2019L4%2019C3.4477%2019%203%2018.5523%203%2018L3%202C3%201.4477%203.4477%201%204%201Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M3%209L21%209M4%205L1%205M20%205L23%205M7%2018L4.7236%2022.5528M17%2018L19.2764%2022.5528%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%2013.5C10%2014.3284%209.3284%2015%208.5%2015C7.6716%2015%207%2014.3284%207%2013.5C7%2012.6716%207.6716%2012%208.5%2012C9.3284%2012%2010%2012.6716%2010%2013.5ZM17%2013.5C17%2014.3284%2016.3284%2015%2015.5%2015C14.6716%2015%2014%2014.3284%2014%2013.5C14%2012.6716%2014.6716%2012%2015.5%2012C16.3284%2012%2017%2012.6716%2017%2013.5Z%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/train-sharp-duotone.svg?color=%231a73e8&size=48