bem logo

bem from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
bem
Set
SVG Logos
Style
Color
Viewbox
256×212
License
CC0

The same logo in other sets

bemSimple Icons

Related icons in SVG Logos

bem-2

Use the bem logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 212"><path fill="#010101" d="M0 32.692h59.85v17.603H0zM0 0h59.85v17.603H0zm107.38 65.132H0v17.603h103.356c11.316 0 37.72.251 47.528 16.094v-9.807c-4.778-15.592-18.86-23.89-43.505-23.89m.25 32.691H0v17.603h103.356c25.147 0 40.99 1.006 47.528 4.527v-7.796c-5.03-12.322-26.153-14.334-43.253-14.334m-.25 82.986H0v-17.603h103.356c11.316 0 37.72-.251 47.528-16.094v9.807c-4.778 15.592-18.86 23.89-43.505 23.89m.25-32.691H0v-17.603h103.356c25.147 0 40.99-1.006 47.528-4.527v7.796c-5.03 12.322-26.153 14.334-43.253 14.334m69.407 63.12H256v-10.814h-76.7c-6.79 0-22.883-.251-28.667-9.556v6.036c2.766 9.304 11.316 14.334 26.404 14.334m-.251-19.867h78.963v-10.813H179.3c-15.34 0-24.896-.503-28.668-2.766v4.778c3.017 7.544 15.842 8.801 26.153 8.801"/></svg>

React

import type { SVGProps } from "react";

export function LogosBem(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 212"><path fill="#010101" d="M0 32.692h59.85v17.603H0zM0 0h59.85v17.603H0zm107.38 65.132H0v17.603h103.356c11.316 0 37.72.251 47.528 16.094v-9.807c-4.778-15.592-18.86-23.89-43.505-23.89m.25 32.691H0v17.603h103.356c25.147 0 40.99 1.006 47.528 4.527v-7.796c-5.03-12.322-26.153-14.334-43.253-14.334m-.25 82.986H0v-17.603h103.356c11.316 0 37.72-.251 47.528-16.094v9.807c-4.778 15.592-18.86 23.89-43.505 23.89m.25-32.691H0v-17.603h103.356c25.147 0 40.99-1.006 47.528-4.527v7.796c-5.03 12.322-26.153 14.334-43.253 14.334m69.407 63.12H256v-10.814h-76.7c-6.79 0-22.883-.251-28.667-9.556v6.036c2.766 9.304 11.316 14.334 26.404 14.334m-.251-19.867h78.963v-10.813H179.3c-15.34 0-24.896-.503-28.668-2.766v4.778c3.017 7.544 15.842 8.801 26.153 8.801"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 212"><path fill="#010101" d="M0 32.692h59.85v17.603H0zM0 0h59.85v17.603H0zm107.38 65.132H0v17.603h103.356c11.316 0 37.72.251 47.528 16.094v-9.807c-4.778-15.592-18.86-23.89-43.505-23.89m.25 32.691H0v17.603h103.356c25.147 0 40.99 1.006 47.528 4.527v-7.796c-5.03-12.322-26.153-14.334-43.253-14.334m-.25 82.986H0v-17.603h103.356c11.316 0 37.72-.251 47.528-16.094v9.807c-4.778 15.592-18.86 23.89-43.505 23.89m.25-32.691H0v-17.603h103.356c25.147 0 40.99-1.006 47.528-4.527v7.796c-5.03 12.322-26.153 14.334-43.253 14.334m69.407 63.12H256v-10.814h-76.7c-6.79 0-22.883-.251-28.667-9.556v6.036c2.766 9.304 11.316 14.334 26.404 14.334m-.251-19.867h78.963v-10.813H179.3c-15.34 0-24.896-.503-28.668-2.766v4.778c3.017 7.544 15.842 8.801 26.153 8.801"/></svg>
</template>

CSS

.icon-bem {
  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%20256%20212%22%3E%3Cpath%20fill%3D%22%23010101%22%20d%3D%22M0%2032.692h59.85v17.603H0zM0%200h59.85v17.603H0zm107.38%2065.132H0v17.603h103.356c11.316%200%2037.72.251%2047.528%2016.094v-9.807c-4.778-15.592-18.86-23.89-43.505-23.89m.25%2032.691H0v17.603h103.356c25.147%200%2040.99%201.006%2047.528%204.527v-7.796c-5.03-12.322-26.153-14.334-43.253-14.334m-.25%2082.986H0v-17.603h103.356c11.316%200%2037.72-.251%2047.528-16.094v9.807c-4.778%2015.592-18.86%2023.89-43.505%2023.89m.25-32.691H0v-17.603h103.356c25.147%200%2040.99-1.006%2047.528-4.527v7.796c-5.03%2012.322-26.153%2014.334-43.253%2014.334m69.407%2063.12H256v-10.814h-76.7c-6.79%200-22.883-.251-28.667-9.556v6.036c2.766%209.304%2011.316%2014.334%2026.404%2014.334m-.251-19.867h78.963v-10.813H179.3c-15.34%200-24.896-.503-28.668-2.766v4.778c3.017%207.544%2015.842%208.801%2026.153%208.801%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%20256%20212%22%3E%3Cpath%20fill%3D%22%23010101%22%20d%3D%22M0%2032.692h59.85v17.603H0zM0%200h59.85v17.603H0zm107.38%2065.132H0v17.603h103.356c11.316%200%2037.72.251%2047.528%2016.094v-9.807c-4.778-15.592-18.86-23.89-43.505-23.89m.25%2032.691H0v17.603h103.356c25.147%200%2040.99%201.006%2047.528%204.527v-7.796c-5.03-12.322-26.153-14.334-43.253-14.334m-.25%2082.986H0v-17.603h103.356c11.316%200%2037.72-.251%2047.528-16.094v9.807c-4.778%2015.592-18.86%2023.89-43.505%2023.89m.25-32.691H0v-17.603h103.356c25.147%200%2040.99-1.006%2047.528-4.527v7.796c-5.03%2012.322-26.153%2014.334-43.253%2014.334m69.407%2063.12H256v-10.814h-76.7c-6.79%200-22.883-.251-28.667-9.556v6.036c2.766%209.304%2011.316%2014.334%2026.404%2014.334m-.251-19.867h78.963v-10.813H179.3c-15.34%200-24.896-.503-28.668-2.766v4.778c3.017%207.544%2015.842%208.801%2026.153%208.801%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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