sbt logo

sbt from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
sbt
Set
Material Icon Theme
Style
Color
Viewbox
300×300
License
MIT

Use the sbt logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 300 300"><path fill="#0277bd" d="M105.46 209.517c-7.875 0-13.452-7.521-13.452-15.37v-.327c0-7.848 5.578-13.735 13.452-13.735h164.05c1.476-4.905 2.625-11.446 3.281-17.986h-137.81c-7.875 0-14.273-6.05-14.273-13.898s6.398-13.898 14.273-13.898h137.31c-.82-6.54-1.969-13.081-3.773-17.986h-104.01c-7.875 0-14.273-6.05-14.273-13.898s6.398-13.898 14.273-13.898h91.87c-21.327-37.607-60.864-61.315-106.14-61.315c-67.918 0-123.04 54.448-123.04 122.3c0 67.856 55.122 123.28 123.04 123.28c46.59 0 87.112-25.507 107.95-63.114h-152.73z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeSbt(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 300 300"><path fill="#0277bd" d="M105.46 209.517c-7.875 0-13.452-7.521-13.452-15.37v-.327c0-7.848 5.578-13.735 13.452-13.735h164.05c1.476-4.905 2.625-11.446 3.281-17.986h-137.81c-7.875 0-14.273-6.05-14.273-13.898s6.398-13.898 14.273-13.898h137.31c-.82-6.54-1.969-13.081-3.773-17.986h-104.01c-7.875 0-14.273-6.05-14.273-13.898s6.398-13.898 14.273-13.898h91.87c-21.327-37.607-60.864-61.315-106.14-61.315c-67.918 0-123.04 54.448-123.04 122.3c0 67.856 55.122 123.28 123.04 123.28c46.59 0 87.112-25.507 107.95-63.114h-152.73z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 300 300"><path fill="#0277bd" d="M105.46 209.517c-7.875 0-13.452-7.521-13.452-15.37v-.327c0-7.848 5.578-13.735 13.452-13.735h164.05c1.476-4.905 2.625-11.446 3.281-17.986h-137.81c-7.875 0-14.273-6.05-14.273-13.898s6.398-13.898 14.273-13.898h137.31c-.82-6.54-1.969-13.081-3.773-17.986h-104.01c-7.875 0-14.273-6.05-14.273-13.898s6.398-13.898 14.273-13.898h91.87c-21.327-37.607-60.864-61.315-106.14-61.315c-67.918 0-123.04 54.448-123.04 122.3c0 67.856 55.122 123.28 123.04 123.28c46.59 0 87.112-25.507 107.95-63.114h-152.73z"/></svg>
</template>

CSS

.icon-sbt {
  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%20300%20300%22%3E%3Cpath%20fill%3D%22%230277bd%22%20d%3D%22M105.46%20209.517c-7.875%200-13.452-7.521-13.452-15.37v-.327c0-7.848%205.578-13.735%2013.452-13.735h164.05c1.476-4.905%202.625-11.446%203.281-17.986h-137.81c-7.875%200-14.273-6.05-14.273-13.898s6.398-13.898%2014.273-13.898h137.31c-.82-6.54-1.969-13.081-3.773-17.986h-104.01c-7.875%200-14.273-6.05-14.273-13.898s6.398-13.898%2014.273-13.898h91.87c-21.327-37.607-60.864-61.315-106.14-61.315c-67.918%200-123.04%2054.448-123.04%20122.3c0%2067.856%2055.122%20123.28%20123.04%20123.28c46.59%200%2087.112-25.507%20107.95-63.114h-152.73z%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%20300%20300%22%3E%3Cpath%20fill%3D%22%230277bd%22%20d%3D%22M105.46%20209.517c-7.875%200-13.452-7.521-13.452-15.37v-.327c0-7.848%205.578-13.735%2013.452-13.735h164.05c1.476-4.905%202.625-11.446%203.281-17.986h-137.81c-7.875%200-14.273-6.05-14.273-13.898s6.398-13.898%2014.273-13.898h137.31c-.82-6.54-1.969-13.081-3.773-17.986h-104.01c-7.875%200-14.273-6.05-14.273-13.898s6.398-13.898%2014.273-13.898h91.87c-21.327-37.607-60.864-61.315-106.14-61.315c-67.918%200-123.04%2054.448-123.04%20122.3c0%2067.856%2055.122%20123.28%20123.04%20123.28c46.59%200%2087.112-25.507%20107.95-63.114h-152.73z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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