tramcar emoji

tramcar from Firefox OS Emoji by Mozilla · Default · Places · Apache-2.0 Free for personal and commercial use.

Name
tramcar
Set
Firefox OS Emoji
Style
Default
Category
Places
Viewbox
512×512
License
Apache 2.0

More places icons from Firefox OS Emoji

aerialtramwayairplaneambulanceanchorarticulatedlorryautomobilebankbarberpolebeachumbrellabicyclebridgeatnightbusbusstopcampingcarouselhorsechurchcircustentcityscapecityscapeatduskclassicalbuildingconstructionconstructionsignconveniencestoredeliverytruck

Use the tramcar emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M176 424c0 26.5-21.5 48-48 48s-48-21.5-48-48m256 0c0 26.5 21.5 48 48 48s48-21.5 48-48" class="st0"/><path d="M0 24h512v8H0z" class="st1"/><path d="m312 27.4l-11-11V16h-90v.4l-11 11L244.6 72L232 84.6L243.4 96L256 83.4L268.6 96L280 84.6L267.4 72zM227.4 32h57.1L256 60.6z" class="st2"/><path d="M444.6 88L437 64.7V64H76v.3L67.4 88H0v312h512V88z" class="st3"/><path d="M0 96h512v224H0z" class="st4"/><path d="M512 496H0v-32h512zm0-96H0v32h105.4c3.3 9.3 12.2 16 22.6 16s19.3-6.7 22.6-16h210.7c3.3 9.3 12.2 16 22.6 16s19.3-6.7 22.6-16H512zM368 152H260v144h108zm8 0v144h108V152zm-240 0H28v144h108zm8 0v144h108V152z" class="st2"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiTramcar(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M176 424c0 26.5-21.5 48-48 48s-48-21.5-48-48m256 0c0 26.5 21.5 48 48 48s48-21.5 48-48" className="st0"/><path d="M0 24h512v8H0z" className="st1"/><path d="m312 27.4l-11-11V16h-90v.4l-11 11L244.6 72L232 84.6L243.4 96L256 83.4L268.6 96L280 84.6L267.4 72zM227.4 32h57.1L256 60.6z" className="st2"/><path d="M444.6 88L437 64.7V64H76v.3L67.4 88H0v312h512V88z" className="st3"/><path d="M0 96h512v224H0z" className="st4"/><path d="M512 496H0v-32h512zm0-96H0v32h105.4c3.3 9.3 12.2 16 22.6 16s19.3-6.7 22.6-16h210.7c3.3 9.3 12.2 16 22.6 16s19.3-6.7 22.6-16H512zM368 152H260v144h108zm8 0v144h108V152zm-240 0H28v144h108zm8 0v144h108V152z" className="st2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M176 424c0 26.5-21.5 48-48 48s-48-21.5-48-48m256 0c0 26.5 21.5 48 48 48s48-21.5 48-48" class="st0"/><path d="M0 24h512v8H0z" class="st1"/><path d="m312 27.4l-11-11V16h-90v.4l-11 11L244.6 72L232 84.6L243.4 96L256 83.4L268.6 96L280 84.6L267.4 72zM227.4 32h57.1L256 60.6z" class="st2"/><path d="M444.6 88L437 64.7V64H76v.3L67.4 88H0v312h512V88z" class="st3"/><path d="M0 96h512v224H0z" class="st4"/><path d="M512 496H0v-32h512zm0-96H0v32h105.4c3.3 9.3 12.2 16 22.6 16s19.3-6.7 22.6-16h210.7c3.3 9.3 12.2 16 22.6 16s19.3-6.7 22.6-16H512zM368 152H260v144h108zm8 0v144h108V152zm-240 0H28v144h108zm8 0v144h108V152z" class="st2"/></svg>
</template>

CSS

.icon-tramcar {
  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%20512%20512%22%3E%3Cpath%20d%3D%22M176%20424c0%2026.5-21.5%2048-48%2048s-48-21.5-48-48m256%200c0%2026.5%2021.5%2048%2048%2048s48-21.5%2048-48%22%20class%3D%22st0%22%2F%3E%3Cpath%20d%3D%22M0%2024h512v8H0z%22%20class%3D%22st1%22%2F%3E%3Cpath%20d%3D%22m312%2027.4l-11-11V16h-90v.4l-11%2011L244.6%2072L232%2084.6L243.4%2096L256%2083.4L268.6%2096L280%2084.6L267.4%2072zM227.4%2032h57.1L256%2060.6z%22%20class%3D%22st2%22%2F%3E%3Cpath%20d%3D%22M444.6%2088L437%2064.7V64H76v.3L67.4%2088H0v312h512V88z%22%20class%3D%22st3%22%2F%3E%3Cpath%20d%3D%22M0%2096h512v224H0z%22%20class%3D%22st4%22%2F%3E%3Cpath%20d%3D%22M512%20496H0v-32h512zm0-96H0v32h105.4c3.3%209.3%2012.2%2016%2022.6%2016s19.3-6.7%2022.6-16h210.7c3.3%209.3%2012.2%2016%2022.6%2016s19.3-6.7%2022.6-16H512zM368%20152H260v144h108zm8%200v144h108V152zm-240%200H28v144h108zm8%200v144h108V152z%22%20class%3D%22st2%22%2F%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%20512%20512%22%3E%3Cpath%20d%3D%22M176%20424c0%2026.5-21.5%2048-48%2048s-48-21.5-48-48m256%200c0%2026.5%2021.5%2048%2048%2048s48-21.5%2048-48%22%20class%3D%22st0%22%2F%3E%3Cpath%20d%3D%22M0%2024h512v8H0z%22%20class%3D%22st1%22%2F%3E%3Cpath%20d%3D%22m312%2027.4l-11-11V16h-90v.4l-11%2011L244.6%2072L232%2084.6L243.4%2096L256%2083.4L268.6%2096L280%2084.6L267.4%2072zM227.4%2032h57.1L256%2060.6z%22%20class%3D%22st2%22%2F%3E%3Cpath%20d%3D%22M444.6%2088L437%2064.7V64H76v.3L67.4%2088H0v312h512V88z%22%20class%3D%22st3%22%2F%3E%3Cpath%20d%3D%22M0%2096h512v224H0z%22%20class%3D%22st4%22%2F%3E%3Cpath%20d%3D%22M512%20496H0v-32h512zm0-96H0v32h105.4c3.3%209.3%2012.2%2016%2022.6%2016s19.3-6.7%2022.6-16h210.7c3.3%209.3%2012.2%2016%2022.6%2016s19.3-6.7%2022.6-16H512zM368%20152H260v144h108zm8%200v144h108V152zm-240%200H28v144h108zm8%200v144h108V152z%22%20class%3D%22st2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/tramcar.svg?color=%231a73e8&size=48