nationalrail logo

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

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

Use the nationalrail logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 12C0 5.373 5.372 0 12 0c6.627 0 11.999 5.373 11.999 12c0 6.628-5.372 12-11.999 12S0 18.628 0 12m6.195-5.842l6.076 2.794H2.835v1.884h9.499l-4.616 2.246H2.835v1.868h4.883l5.778 2.795h4.333l-6.092-2.795h9.469v-1.868h-9.453l4.616-2.246h4.837V8.952h-4.868l-5.777-2.794z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsNationalrail(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="M0 12C0 5.373 5.372 0 12 0c6.627 0 11.999 5.373 11.999 12c0 6.628-5.372 12-11.999 12S0 18.628 0 12m6.195-5.842l6.076 2.794H2.835v1.884h9.499l-4.616 2.246H2.835v1.868h4.883l5.778 2.795h4.333l-6.092-2.795h9.469v-1.868h-9.453l4.616-2.246h4.837V8.952h-4.868l-5.777-2.794z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 12C0 5.373 5.372 0 12 0c6.627 0 11.999 5.373 11.999 12c0 6.628-5.372 12-11.999 12S0 18.628 0 12m6.195-5.842l6.076 2.794H2.835v1.884h9.499l-4.616 2.246H2.835v1.868h4.883l5.778 2.795h4.333l-6.092-2.795h9.469v-1.868h-9.453l4.616-2.246h4.837V8.952h-4.868l-5.777-2.794z"/></svg>
</template>

CSS

.icon-nationalrail {
  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%22M0%2012C0%205.373%205.372%200%2012%200c6.627%200%2011.999%205.373%2011.999%2012c0%206.628-5.372%2012-11.999%2012S0%2018.628%200%2012m6.195-5.842l6.076%202.794H2.835v1.884h9.499l-4.616%202.246H2.835v1.868h4.883l5.778%202.795h4.333l-6.092-2.795h9.469v-1.868h-9.453l4.616-2.246h4.837V8.952h-4.868l-5.777-2.794z%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%22M0%2012C0%205.373%205.372%200%2012%200c6.627%200%2011.999%205.373%2011.999%2012c0%206.628-5.372%2012-11.999%2012S0%2018.628%200%2012m6.195-5.842l6.076%202.794H2.835v1.884h9.499l-4.616%202.246H2.835v1.868h4.883l5.778%202.795h4.333l-6.092-2.795h9.469v-1.868h-9.453l4.616-2.246h4.837V8.952h-4.868l-5.777-2.794z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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