train icon

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

Name
train-sharp-fill
Set
Keyline Icons
Style
Sharp Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

traintrain-duotonetrain-filltrain-sharptrain-sharp-duotonetrain-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" 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 1ZM5 3L5 8L19 8L19 3L5 3ZM10 13.5C10 12.6716 9.3284 12 8.5 12C7.6716 12 7 12.6716 7 13.5C7 14.3284 7.6716 15 8.5 15C9.3284 15 10 14.3284 10 13.5ZM17 13.5C17 12.6716 16.3284 12 15.5 12C14.6716 12 14 12.6716 14 13.5C14 14.3284 14.6716 15 15.5 15C16.3284 15 17 14.3284 17 13.5Z" stroke="none"/><path d="M4 5L1 5M20 5L23 5M7 18L4.7236 22.5528M17 18L19.2764 22.5528"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsTrainSharpFill(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" 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 1ZM5 3L5 8L19 8L19 3L5 3ZM10 13.5C10 12.6716 9.3284 12 8.5 12C7.6716 12 7 12.6716 7 13.5C7 14.3284 7.6716 15 8.5 15C9.3284 15 10 14.3284 10 13.5ZM17 13.5C17 12.6716 16.3284 12 15.5 12C14.6716 12 14 12.6716 14 13.5C14 14.3284 14.6716 15 15.5 15C16.3284 15 17 14.3284 17 13.5Z" stroke="none"/><path d="M4 5L1 5M20 5L23 5M7 18L4.7236 22.5528M17 18L19.2764 22.5528"/></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" 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 1ZM5 3L5 8L19 8L19 3L5 3ZM10 13.5C10 12.6716 9.3284 12 8.5 12C7.6716 12 7 12.6716 7 13.5C7 14.3284 7.6716 15 8.5 15C9.3284 15 10 14.3284 10 13.5ZM17 13.5C17 12.6716 16.3284 12 15.5 12C14.6716 12 14 12.6716 14 13.5C14 14.3284 14.6716 15 15.5 15C16.3284 15 17 14.3284 17 13.5Z" stroke="none"/><path d="M4 5L1 5M20 5L23 5M7 18L4.7236 22.5528M17 18L19.2764 22.5528"/></g></svg>
</template>

CSS

.icon-train-sharp-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%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%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%201ZM5%203L5%208L19%208L19%203L5%203ZM10%2013.5C10%2012.6716%209.3284%2012%208.5%2012C7.6716%2012%207%2012.6716%207%2013.5C7%2014.3284%207.6716%2015%208.5%2015C9.3284%2015%2010%2014.3284%2010%2013.5ZM17%2013.5C17%2012.6716%2016.3284%2012%2015.5%2012C14.6716%2012%2014%2012.6716%2014%2013.5C14%2014.3284%2014.6716%2015%2015.5%2015C16.3284%2015%2017%2014.3284%2017%2013.5Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M4%205L1%205M20%205L23%205M7%2018L4.7236%2022.5528M17%2018L19.2764%2022.5528%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%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%201ZM5%203L5%208L19%208L19%203L5%203ZM10%2013.5C10%2012.6716%209.3284%2012%208.5%2012C7.6716%2012%207%2012.6716%207%2013.5C7%2014.3284%207.6716%2015%208.5%2015C9.3284%2015%2010%2014.3284%2010%2013.5ZM17%2013.5C17%2012.6716%2016.3284%2012%2015.5%2012C14.6716%2012%2014%2012.6716%2014%2013.5C14%2014.3284%2014.6716%2015%2015.5%2015C16.3284%2015%2017%2014.3284%2017%2013.5Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M4%205L1%205M20%205L23%205M7%2018L4.7236%2022.5528M17%2018L19.2764%2022.5528%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-fill.svg?color=%231a73e8&size=48