trolley cable car icon

trolley-cable-car-rounded from Material Symbols Light by Google · Rounded · Transit · Apache-2.0 Free for personal and commercial use.

Name
trolley-cable-car-rounded
Set
Material Symbols Light
Style
Rounded
Category
Transit
Viewbox
24×24
License
Apache 2.0

3 other variants in Material Symbols Light

trolley-cable-cartrolley-cable-car-outlinetrolley-cable-car-outline-rounded

The same icon in other sets

trolley-cable-carMaterial Symbols

More transit icons from Material Symbols Light

agricultureairlinesairport-shuttleambulanceauto-towingauto-transmissionbike-dockbike-lanebike-scooterboat-busboat-railwaybus-alertbus-map-pinbus-railwaycable-carcar-crashcar-defrost-leftcar-defrost-low-leftcar-defrost-low-rightcar-defrost-mid-leftcar-defrost-mid-low-leftcar-defrost-mid-low-rightcar-defrost-mid-rightcar-defrost-right

Use the trolley cable car icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.079 20q-.318 0-.44-.288q-.122-.287.111-.52L8.942 18H4.5q-.213 0-.356-.144T4 17.499t.144-.356T4.5 17H5V6h-.5q-.213 0-.356-.144T4 5.499t.144-.356T4.5 5h3.25v-.423q0-.343.232-.575t.576-.233h6.884q.344 0 .576.232t.232.576V5h3.25q.213 0 .356.144t.144.357t-.144.356T19.5 6H19v11h.5q.213 0 .356.144t.144.357t-.144.356T19.5 18h-4.462l1.193 1.192q.232.233.11.52t-.45.288q-.095 0-.181-.034q-.086-.033-.152-.1L13.692 18H10.29l-1.866 1.866q-.069.067-.158.1q-.09.034-.187.034m4.422-9.461H18v-3.77h-5.5zm-6.5 0h5.5v-3.77H6zm6.004 4.75q.41 0 .683-.274t.274-.685t-.274-.697t-.684-.287t-.697.287t-.287.697t.287.684t.697.275"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightTrolleyCableCarRounded(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.079 20q-.318 0-.44-.288q-.122-.287.111-.52L8.942 18H4.5q-.213 0-.356-.144T4 17.499t.144-.356T4.5 17H5V6h-.5q-.213 0-.356-.144T4 5.499t.144-.356T4.5 5h3.25v-.423q0-.343.232-.575t.576-.233h6.884q.344 0 .576.232t.232.576V5h3.25q.213 0 .356.144t.144.357t-.144.356T19.5 6H19v11h.5q.213 0 .356.144t.144.357t-.144.356T19.5 18h-4.462l1.193 1.192q.232.233.11.52t-.45.288q-.095 0-.181-.034q-.086-.033-.152-.1L13.692 18H10.29l-1.866 1.866q-.069.067-.158.1q-.09.034-.187.034m4.422-9.461H18v-3.77h-5.5zm-6.5 0h5.5v-3.77H6zm6.004 4.75q.41 0 .683-.274t.274-.685t-.274-.697t-.684-.287t-.697.287t-.287.697t.287.684t.697.275"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.079 20q-.318 0-.44-.288q-.122-.287.111-.52L8.942 18H4.5q-.213 0-.356-.144T4 17.499t.144-.356T4.5 17H5V6h-.5q-.213 0-.356-.144T4 5.499t.144-.356T4.5 5h3.25v-.423q0-.343.232-.575t.576-.233h6.884q.344 0 .576.232t.232.576V5h3.25q.213 0 .356.144t.144.357t-.144.356T19.5 6H19v11h.5q.213 0 .356.144t.144.357t-.144.356T19.5 18h-4.462l1.193 1.192q.232.233.11.52t-.45.288q-.095 0-.181-.034q-.086-.033-.152-.1L13.692 18H10.29l-1.866 1.866q-.069.067-.158.1q-.09.034-.187.034m4.422-9.461H18v-3.77h-5.5zm-6.5 0h5.5v-3.77H6zm6.004 4.75q.41 0 .683-.274t.274-.685t-.274-.697t-.684-.287t-.697.287t-.287.697t.287.684t.697.275"/></svg>
</template>

CSS

.icon-trolley-cable-car-rounded {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.079%2020q-.318%200-.44-.288q-.122-.287.111-.52L8.942%2018H4.5q-.213%200-.356-.144T4%2017.499t.144-.356T4.5%2017H5V6h-.5q-.213%200-.356-.144T4%205.499t.144-.356T4.5%205h3.25v-.423q0-.343.232-.575t.576-.233h6.884q.344%200%20.576.232t.232.576V5h3.25q.213%200%20.356.144t.144.357t-.144.356T19.5%206H19v11h.5q.213%200%20.356.144t.144.357t-.144.356T19.5%2018h-4.462l1.193%201.192q.232.233.11.52t-.45.288q-.095%200-.181-.034q-.086-.033-.152-.1L13.692%2018H10.29l-1.866%201.866q-.069.067-.158.1q-.09.034-.187.034m4.422-9.461H18v-3.77h-5.5zm-6.5%200h5.5v-3.77H6zm6.004%204.75q.41%200%20.683-.274t.274-.685t-.274-.697t-.684-.287t-.697.287t-.287.697t.287.684t.697.275%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.079%2020q-.318%200-.44-.288q-.122-.287.111-.52L8.942%2018H4.5q-.213%200-.356-.144T4%2017.499t.144-.356T4.5%2017H5V6h-.5q-.213%200-.356-.144T4%205.499t.144-.356T4.5%205h3.25v-.423q0-.343.232-.575t.576-.233h6.884q.344%200%20.576.232t.232.576V5h3.25q.213%200%20.356.144t.144.357t-.144.356T19.5%206H19v11h.5q.213%200%20.356.144t.144.357t-.144.356T19.5%2018h-4.462l1.193%201.192q.232.233.11.52t-.45.288q-.095%200-.181-.034q-.086-.033-.152-.1L13.692%2018H10.29l-1.866%201.866q-.069.067-.158.1q-.09.034-.187.034m4.422-9.461H18v-3.77h-5.5zm-6.5%200h5.5v-3.77H6zm6.004%204.75q.41%200%20.683-.274t.274-.685t-.274-.697t-.684-.287t-.697.287t-.287.697t.287.684t.697.275%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/trolley-cable-car-rounded.svg?color=%231a73e8&size=48