Color

Advanced editing in SVG Editor

Carbon Icons

Tram Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: tram

The Tram icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/319119.svg" alt="Tram icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/319119.svg" alt="Tram icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/319119.svg"
  alt="Tram icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-tram {
  background-image: url('https://proicons.com/icon/319119.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}</style></defs><title>tram</title><path d="M21,6H17V4h6V2H9V4h6V6H11a5.0057,5.0057,0,0,0-5,5V22a4.99,4.99,0,0,0,3.582,4.77L8.1978,30h2.1757l1.2859-3h8.6812l1.2859,3h2.1757L22.418,26.77A4.99,4.99,0,0,0,26,22V11A5.0057,5.0057,0,0,0,21,6ZM11,8H21a2.9948,2.9948,0,0,1,2.8157,2H8.1843A2.9948,2.9948,0,0,1,11,8ZM24,21H21v2h2.8157A2.9948,2.9948,0,0,1,21,25H11a2.9948,2.9948,0,0,1-2.8157-2H11V21H8V19H24Zm0-4H8V12H24Z"/><rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/></svg>

Tram in other icon packs

Phosphor Icons

Hugeicons

Iconoir

EOS Icons Outline

EOS Icons

Font Awesome Free (Desktop) Filled

Copied!

Tram Icon

More from Carbon Icons

Tram in other icon packs