bem logo
bem from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- bem
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the bem logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 5.163h5.61v1.65H0Zm0-3.065h5.61v1.65H0Zm10.067 6.106H0v1.65h9.69c1.06 0 3.536.024 4.455 1.51v-.92c-.448-1.462-1.768-2.24-4.078-2.24m.023 3.065H0v1.65h9.69c2.357 0 3.842.095 4.455.425v-.731c-.471-1.155-2.451-1.344-4.055-1.344m-.023 7.78H0V17.4h9.69c1.06 0 3.536-.024 4.455-1.509v.92c-.448 1.461-1.768 2.24-4.078 2.24zm.023-3.065H0v-1.65h9.69c2.357 0 3.842-.094 4.455-.424v.73c-.471 1.156-2.451 1.344-4.055 1.344m6.507 5.918H24v-1.014h-7.19c-.637 0-2.146-.023-2.688-.896v.566c.26.872 1.06 1.344 2.475 1.344m-.023-1.863h7.403v-1.013H16.81c-1.439 0-2.334-.047-2.688-.26v.448c.283.708 1.485.825 2.452.825"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsBem(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 5.163h5.61v1.65H0Zm0-3.065h5.61v1.65H0Zm10.067 6.106H0v1.65h9.69c1.06 0 3.536.024 4.455 1.51v-.92c-.448-1.462-1.768-2.24-4.078-2.24m.023 3.065H0v1.65h9.69c2.357 0 3.842.095 4.455.425v-.731c-.471-1.155-2.451-1.344-4.055-1.344m-.023 7.78H0V17.4h9.69c1.06 0 3.536-.024 4.455-1.509v.92c-.448 1.461-1.768 2.24-4.078 2.24zm.023-3.065H0v-1.65h9.69c2.357 0 3.842-.094 4.455-.424v.73c-.471 1.156-2.451 1.344-4.055 1.344m6.507 5.918H24v-1.014h-7.19c-.637 0-2.146-.023-2.688-.896v.566c.26.872 1.06 1.344 2.475 1.344m-.023-1.863h7.403v-1.013H16.81c-1.439 0-2.334-.047-2.688-.26v.448c.283.708 1.485.825 2.452.825"/></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 5.163h5.61v1.65H0Zm0-3.065h5.61v1.65H0Zm10.067 6.106H0v1.65h9.69c1.06 0 3.536.024 4.455 1.51v-.92c-.448-1.462-1.768-2.24-4.078-2.24m.023 3.065H0v1.65h9.69c2.357 0 3.842.095 4.455.425v-.731c-.471-1.155-2.451-1.344-4.055-1.344m-.023 7.78H0V17.4h9.69c1.06 0 3.536-.024 4.455-1.509v.92c-.448 1.461-1.768 2.24-4.078 2.24zm.023-3.065H0v-1.65h9.69c2.357 0 3.842-.094 4.455-.424v.73c-.471 1.156-2.451 1.344-4.055 1.344m6.507 5.918H24v-1.014h-7.19c-.637 0-2.146-.023-2.688-.896v.566c.26.872 1.06 1.344 2.475 1.344m-.023-1.863h7.403v-1.013H16.81c-1.439 0-2.334-.047-2.688-.26v.448c.283.708 1.485.825 2.452.825"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%205.163h5.61v1.65H0Zm0-3.065h5.61v1.65H0Zm10.067%206.106H0v1.65h9.69c1.06%200%203.536.024%204.455%201.51v-.92c-.448-1.462-1.768-2.24-4.078-2.24m.023%203.065H0v1.65h9.69c2.357%200%203.842.095%204.455.425v-.731c-.471-1.155-2.451-1.344-4.055-1.344m-.023%207.78H0V17.4h9.69c1.06%200%203.536-.024%204.455-1.509v.92c-.448%201.461-1.768%202.24-4.078%202.24zm.023-3.065H0v-1.65h9.69c2.357%200%203.842-.094%204.455-.424v.73c-.471%201.156-2.451%201.344-4.055%201.344m6.507%205.918H24v-1.014h-7.19c-.637%200-2.146-.023-2.688-.896v.566c.26.872%201.06%201.344%202.475%201.344m-.023-1.863h7.403v-1.013H16.81c-1.439%200-2.334-.047-2.688-.26v.448c.283.708%201.485.825%202.452.825%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%205.163h5.61v1.65H0Zm0-3.065h5.61v1.65H0Zm10.067%206.106H0v1.65h9.69c1.06%200%203.536.024%204.455%201.51v-.92c-.448-1.462-1.768-2.24-4.078-2.24m.023%203.065H0v1.65h9.69c2.357%200%203.842.095%204.455.425v-.731c-.471-1.155-2.451-1.344-4.055-1.344m-.023%207.78H0V17.4h9.69c1.06%200%203.536-.024%204.455-1.509v.92c-.448%201.461-1.768%202.24-4.078%202.24zm.023-3.065H0v-1.65h9.69c2.357%200%203.842-.094%204.455-.424v.73c-.471%201.156-2.451%201.344-4.055%201.344m6.507%205.918H24v-1.014h-7.19c-.637%200-2.146-.023-2.688-.896v.566c.26.872%201.06%201.344%202.475%201.344m-.023-1.863h7.403v-1.013H16.81c-1.439%200-2.334-.047-2.688-.26v.448c.283.708%201.485.825%202.452.825%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/bem.svg?color=%231a73e8&size=48
