sanfranciscomunicipalrailway logo

sanfranciscomunicipalrailway from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
sanfranciscomunicipalrailway
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the sanfranciscomunicipalrailway logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.62 15.698v-4.847s0-.232-.237-.232c-.225 0-.225.232-.225.232v6.678h-.924V9.925s-.022-1.154 1.15-1.154c1.153 0 1.153 1.153 1.153 1.153v4.156s0 1.618 1.616 1.618c1.615 0 1.615-1.618 1.615-1.618V6.448h.924v9.25s0 2.073-2.54 2.073c-2.532 0-2.532-2.073-2.532-2.073m-5.542-1.607V6.448h.925v6.71s-.023.233.23.233c.254 0 .23-.232.23-.232v-6.71h.923v7.631s.095 1.157-1.153 1.157s-1.155-1.146-1.155-1.146m-8.306 1.146L2.77 10.85s0-.232-.23-.232c-.232 0-.232.232-.232.232v6.678h-.922V9.925s0-1.154 1.154-1.154s1.154 1.153 1.154 1.153v4.156s0 1.618 1.613 1.618c1.618 0 1.618-1.618 1.618-1.618V9.925s-.02-1.154 1.15-1.154c1.158 0 1.158 1.153 1.158 1.153v7.605H8.31v-6.678s0-.232-.237-.232c-.225 0-.225.232-.225.232v4.386s-.03 2.534-2.542 2.534s-2.535-2.534-2.535-2.534m19.385-8.789H24V17.53h-1.843zM9.695 15.237V9.924s0-1.61-1.62-1.61c-1.612 0-1.612 1.61-1.612 1.61v4.156s0 1.157-1.156 1.157c-1.154 0-1.154-1.157-1.154-1.157V9.925s0-1.611-1.613-1.611c-1.616 0-1.616 1.61-1.616 1.61v7.605H0V8.771s0-2.543 2.54-2.543s2.54 2.543 2.54 2.543l.01 4.42s-.01.2.217.2c.242 0 .235-.232.235-.232V8.77s0-2.543 2.532-2.543c2.545 0 2.54 2.543 2.54 2.543l.005 5.31s-.075 1.617 1.613 1.617c1.69 0 1.614-1.618 1.614-1.618l.002-5.31s0-2.541 2.535-2.541c2.537 0 2.537 2.542 2.537 2.542l.008 4.388s-.008.232.225.232c.23 0 .23-.232.23-.232v-6.71h.924v7.631s0 1.157-1.154 1.157c-1.157 0-1.157-1.157-1.157-1.157V9.925s0-1.611-1.613-1.611c-1.611 0-1.611 1.61-1.611 1.61v5.313s0 2.534-2.54 2.534c-2.537 0-2.537-2.534-2.537-2.534"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsSanfranciscomunicipalrailway(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="M16.62 15.698v-4.847s0-.232-.237-.232c-.225 0-.225.232-.225.232v6.678h-.924V9.925s-.022-1.154 1.15-1.154c1.153 0 1.153 1.153 1.153 1.153v4.156s0 1.618 1.616 1.618c1.615 0 1.615-1.618 1.615-1.618V6.448h.924v9.25s0 2.073-2.54 2.073c-2.532 0-2.532-2.073-2.532-2.073m-5.542-1.607V6.448h.925v6.71s-.023.233.23.233c.254 0 .23-.232.23-.232v-6.71h.923v7.631s.095 1.157-1.153 1.157s-1.155-1.146-1.155-1.146m-8.306 1.146L2.77 10.85s0-.232-.23-.232c-.232 0-.232.232-.232.232v6.678h-.922V9.925s0-1.154 1.154-1.154s1.154 1.153 1.154 1.153v4.156s0 1.618 1.613 1.618c1.618 0 1.618-1.618 1.618-1.618V9.925s-.02-1.154 1.15-1.154c1.158 0 1.158 1.153 1.158 1.153v7.605H8.31v-6.678s0-.232-.237-.232c-.225 0-.225.232-.225.232v4.386s-.03 2.534-2.542 2.534s-2.535-2.534-2.535-2.534m19.385-8.789H24V17.53h-1.843zM9.695 15.237V9.924s0-1.61-1.62-1.61c-1.612 0-1.612 1.61-1.612 1.61v4.156s0 1.157-1.156 1.157c-1.154 0-1.154-1.157-1.154-1.157V9.925s0-1.611-1.613-1.611c-1.616 0-1.616 1.61-1.616 1.61v7.605H0V8.771s0-2.543 2.54-2.543s2.54 2.543 2.54 2.543l.01 4.42s-.01.2.217.2c.242 0 .235-.232.235-.232V8.77s0-2.543 2.532-2.543c2.545 0 2.54 2.543 2.54 2.543l.005 5.31s-.075 1.617 1.613 1.617c1.69 0 1.614-1.618 1.614-1.618l.002-5.31s0-2.541 2.535-2.541c2.537 0 2.537 2.542 2.537 2.542l.008 4.388s-.008.232.225.232c.23 0 .23-.232.23-.232v-6.71h.924v7.631s0 1.157-1.154 1.157c-1.157 0-1.157-1.157-1.157-1.157V9.925s0-1.611-1.613-1.611c-1.611 0-1.611 1.61-1.611 1.61v5.313s0 2.534-2.54 2.534c-2.537 0-2.537-2.534-2.537-2.534"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.62 15.698v-4.847s0-.232-.237-.232c-.225 0-.225.232-.225.232v6.678h-.924V9.925s-.022-1.154 1.15-1.154c1.153 0 1.153 1.153 1.153 1.153v4.156s0 1.618 1.616 1.618c1.615 0 1.615-1.618 1.615-1.618V6.448h.924v9.25s0 2.073-2.54 2.073c-2.532 0-2.532-2.073-2.532-2.073m-5.542-1.607V6.448h.925v6.71s-.023.233.23.233c.254 0 .23-.232.23-.232v-6.71h.923v7.631s.095 1.157-1.153 1.157s-1.155-1.146-1.155-1.146m-8.306 1.146L2.77 10.85s0-.232-.23-.232c-.232 0-.232.232-.232.232v6.678h-.922V9.925s0-1.154 1.154-1.154s1.154 1.153 1.154 1.153v4.156s0 1.618 1.613 1.618c1.618 0 1.618-1.618 1.618-1.618V9.925s-.02-1.154 1.15-1.154c1.158 0 1.158 1.153 1.158 1.153v7.605H8.31v-6.678s0-.232-.237-.232c-.225 0-.225.232-.225.232v4.386s-.03 2.534-2.542 2.534s-2.535-2.534-2.535-2.534m19.385-8.789H24V17.53h-1.843zM9.695 15.237V9.924s0-1.61-1.62-1.61c-1.612 0-1.612 1.61-1.612 1.61v4.156s0 1.157-1.156 1.157c-1.154 0-1.154-1.157-1.154-1.157V9.925s0-1.611-1.613-1.611c-1.616 0-1.616 1.61-1.616 1.61v7.605H0V8.771s0-2.543 2.54-2.543s2.54 2.543 2.54 2.543l.01 4.42s-.01.2.217.2c.242 0 .235-.232.235-.232V8.77s0-2.543 2.532-2.543c2.545 0 2.54 2.543 2.54 2.543l.005 5.31s-.075 1.617 1.613 1.617c1.69 0 1.614-1.618 1.614-1.618l.002-5.31s0-2.541 2.535-2.541c2.537 0 2.537 2.542 2.537 2.542l.008 4.388s-.008.232.225.232c.23 0 .23-.232.23-.232v-6.71h.924v7.631s0 1.157-1.154 1.157c-1.157 0-1.157-1.157-1.157-1.157V9.925s0-1.611-1.613-1.611c-1.611 0-1.611 1.61-1.611 1.61v5.313s0 2.534-2.54 2.534c-2.537 0-2.537-2.534-2.537-2.534"/></svg>
</template>

CSS

.icon-sanfranciscomunicipalrailway {
  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%22M16.62%2015.698v-4.847s0-.232-.237-.232c-.225%200-.225.232-.225.232v6.678h-.924V9.925s-.022-1.154%201.15-1.154c1.153%200%201.153%201.153%201.153%201.153v4.156s0%201.618%201.616%201.618c1.615%200%201.615-1.618%201.615-1.618V6.448h.924v9.25s0%202.073-2.54%202.073c-2.532%200-2.532-2.073-2.532-2.073m-5.542-1.607V6.448h.925v6.71s-.023.233.23.233c.254%200%20.23-.232.23-.232v-6.71h.923v7.631s.095%201.157-1.153%201.157s-1.155-1.146-1.155-1.146m-8.306%201.146L2.77%2010.85s0-.232-.23-.232c-.232%200-.232.232-.232.232v6.678h-.922V9.925s0-1.154%201.154-1.154s1.154%201.153%201.154%201.153v4.156s0%201.618%201.613%201.618c1.618%200%201.618-1.618%201.618-1.618V9.925s-.02-1.154%201.15-1.154c1.158%200%201.158%201.153%201.158%201.153v7.605H8.31v-6.678s0-.232-.237-.232c-.225%200-.225.232-.225.232v4.386s-.03%202.534-2.542%202.534s-2.535-2.534-2.535-2.534m19.385-8.789H24V17.53h-1.843zM9.695%2015.237V9.924s0-1.61-1.62-1.61c-1.612%200-1.612%201.61-1.612%201.61v4.156s0%201.157-1.156%201.157c-1.154%200-1.154-1.157-1.154-1.157V9.925s0-1.611-1.613-1.611c-1.616%200-1.616%201.61-1.616%201.61v7.605H0V8.771s0-2.543%202.54-2.543s2.54%202.543%202.54%202.543l.01%204.42s-.01.2.217.2c.242%200%20.235-.232.235-.232V8.77s0-2.543%202.532-2.543c2.545%200%202.54%202.543%202.54%202.543l.005%205.31s-.075%201.617%201.613%201.617c1.69%200%201.614-1.618%201.614-1.618l.002-5.31s0-2.541%202.535-2.541c2.537%200%202.537%202.542%202.537%202.542l.008%204.388s-.008.232.225.232c.23%200%20.23-.232.23-.232v-6.71h.924v7.631s0%201.157-1.154%201.157c-1.157%200-1.157-1.157-1.157-1.157V9.925s0-1.611-1.613-1.611c-1.611%200-1.611%201.61-1.611%201.61v5.313s0%202.534-2.54%202.534c-2.537%200-2.537-2.534-2.537-2.534%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%22M16.62%2015.698v-4.847s0-.232-.237-.232c-.225%200-.225.232-.225.232v6.678h-.924V9.925s-.022-1.154%201.15-1.154c1.153%200%201.153%201.153%201.153%201.153v4.156s0%201.618%201.616%201.618c1.615%200%201.615-1.618%201.615-1.618V6.448h.924v9.25s0%202.073-2.54%202.073c-2.532%200-2.532-2.073-2.532-2.073m-5.542-1.607V6.448h.925v6.71s-.023.233.23.233c.254%200%20.23-.232.23-.232v-6.71h.923v7.631s.095%201.157-1.153%201.157s-1.155-1.146-1.155-1.146m-8.306%201.146L2.77%2010.85s0-.232-.23-.232c-.232%200-.232.232-.232.232v6.678h-.922V9.925s0-1.154%201.154-1.154s1.154%201.153%201.154%201.153v4.156s0%201.618%201.613%201.618c1.618%200%201.618-1.618%201.618-1.618V9.925s-.02-1.154%201.15-1.154c1.158%200%201.158%201.153%201.158%201.153v7.605H8.31v-6.678s0-.232-.237-.232c-.225%200-.225.232-.225.232v4.386s-.03%202.534-2.542%202.534s-2.535-2.534-2.535-2.534m19.385-8.789H24V17.53h-1.843zM9.695%2015.237V9.924s0-1.61-1.62-1.61c-1.612%200-1.612%201.61-1.612%201.61v4.156s0%201.157-1.156%201.157c-1.154%200-1.154-1.157-1.154-1.157V9.925s0-1.611-1.613-1.611c-1.616%200-1.616%201.61-1.616%201.61v7.605H0V8.771s0-2.543%202.54-2.543s2.54%202.543%202.54%202.543l.01%204.42s-.01.2.217.2c.242%200%20.235-.232.235-.232V8.77s0-2.543%202.532-2.543c2.545%200%202.54%202.543%202.54%202.543l.005%205.31s-.075%201.617%201.613%201.617c1.69%200%201.614-1.618%201.614-1.618l.002-5.31s0-2.541%202.535-2.541c2.537%200%202.537%202.542%202.537%202.542l.008%204.388s-.008.232.225.232c.23%200%20.23-.232.23-.232v-6.71h.924v7.631s0%201.157-1.154%201.157c-1.157%200-1.157-1.157-1.157-1.157V9.925s0-1.611-1.613-1.611c-1.611%200-1.611%201.61-1.611%201.61v5.313s0%202.534-2.54%202.534c-2.537%200-2.537-2.534-2.537-2.534%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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