Bootstrap navbar-brand with inline .svg

bs-navbar-brand-svg.html

<a class="navbar-brand">
	<svg
	  class="svg-brand"
	  viewBox="0 0 450 100"
	  preserveAspectRatio="xMidYMin"
	  version="1.1"
	  xmlns="http://www.w3.org/2000/svg"
	  xmlns:xlink="http://www.w3.org/1999/xlink">
		
		<defs></defs>
		<g class="brand" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			<g class="brand-paths" fill="#000000">
				<path d="...">
					...
				</path>
				...
			</g>
		</g>
	</svg>
</a>

bs-navbar-brand-svg.scss

.navbar-brand {
  min-width: 150px; // makes pseudo-responsive, adjust as desired
  padding: 10px;
  padding-left: 15px;
  position: relative;

  .brand-paths {
    fill: $white;
  }
}