lbx logo

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

Name
lbx
Set
Material Icon Theme
Style
Color
Viewbox
1024×1024
License
MIT

Use the lbx logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="#2e7d32" d="M128 704v128c0 70.692 57.308 128 128 128h608c17.728 0 32-14.272 32-32V704z"/><path fill="#ffe082" d="M704 704v192h128V704z"/><path fill="#fff8e1" d="M192 704v96c0 53.184 42.816 96 96 96h544a96 96 0 0 1-96-96a96 96 0 0 1 96-96z"/><path fill="#ff1744" d="M320 832h192v192l-96-96l-96 96z"/><path fill="#4caf50" d="M256 64c-70.692 0-128 57.308-128 128v640c0 11.088 1.557 21.787 4.207 32.047C146.767 807.565 197.672 768.07 256 768h608c17.728 0 32-14.272 32-32V96c0-17.728-14.272-32-32-32z"/><path fill="#e8f5e9" d="M448 128v64H256v64h256c0 33.778-26.676 86.11-73.947 144.959c-7.257 9.034-15.068 18.276-23.123 27.611c-4.479-5.242-8.838-10.461-13.002-15.634C370.55 373.95 352 336 352 320h-64c0 48 29.45 90.049 64.072 133.064c6.302 7.83 12.933 15.627 19.68 23.39c-35.13 37.553-74.249 76.79-114.379 116.919l45.254 45.254c38.924-38.924 77.278-77.307 112.568-114.883c17.182 17.87 34.328 35.033 50.178 50.883l45.254-45.254c-16.799-16.799-34.744-34.801-52.309-53.17c10.301-11.813 20.31-23.56 29.63-35.162C538.675 377.889 576 318.222 576 256h128v-64H512v-64zm192 192L512 704h64l21.334-64h149.332L768 704h64L704 320zm32 96l53.334 160H618.666z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeLbx(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="#2e7d32" d="M128 704v128c0 70.692 57.308 128 128 128h608c17.728 0 32-14.272 32-32V704z"/><path fill="#ffe082" d="M704 704v192h128V704z"/><path fill="#fff8e1" d="M192 704v96c0 53.184 42.816 96 96 96h544a96 96 0 0 1-96-96a96 96 0 0 1 96-96z"/><path fill="#ff1744" d="M320 832h192v192l-96-96l-96 96z"/><path fill="#4caf50" d="M256 64c-70.692 0-128 57.308-128 128v640c0 11.088 1.557 21.787 4.207 32.047C146.767 807.565 197.672 768.07 256 768h608c17.728 0 32-14.272 32-32V96c0-17.728-14.272-32-32-32z"/><path fill="#e8f5e9" d="M448 128v64H256v64h256c0 33.778-26.676 86.11-73.947 144.959c-7.257 9.034-15.068 18.276-23.123 27.611c-4.479-5.242-8.838-10.461-13.002-15.634C370.55 373.95 352 336 352 320h-64c0 48 29.45 90.049 64.072 133.064c6.302 7.83 12.933 15.627 19.68 23.39c-35.13 37.553-74.249 76.79-114.379 116.919l45.254 45.254c38.924-38.924 77.278-77.307 112.568-114.883c17.182 17.87 34.328 35.033 50.178 50.883l45.254-45.254c-16.799-16.799-34.744-34.801-52.309-53.17c10.301-11.813 20.31-23.56 29.63-35.162C538.675 377.889 576 318.222 576 256h128v-64H512v-64zm192 192L512 704h64l21.334-64h149.332L768 704h64L704 320zm32 96l53.334 160H618.666z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="#2e7d32" d="M128 704v128c0 70.692 57.308 128 128 128h608c17.728 0 32-14.272 32-32V704z"/><path fill="#ffe082" d="M704 704v192h128V704z"/><path fill="#fff8e1" d="M192 704v96c0 53.184 42.816 96 96 96h544a96 96 0 0 1-96-96a96 96 0 0 1 96-96z"/><path fill="#ff1744" d="M320 832h192v192l-96-96l-96 96z"/><path fill="#4caf50" d="M256 64c-70.692 0-128 57.308-128 128v640c0 11.088 1.557 21.787 4.207 32.047C146.767 807.565 197.672 768.07 256 768h608c17.728 0 32-14.272 32-32V96c0-17.728-14.272-32-32-32z"/><path fill="#e8f5e9" d="M448 128v64H256v64h256c0 33.778-26.676 86.11-73.947 144.959c-7.257 9.034-15.068 18.276-23.123 27.611c-4.479-5.242-8.838-10.461-13.002-15.634C370.55 373.95 352 336 352 320h-64c0 48 29.45 90.049 64.072 133.064c6.302 7.83 12.933 15.627 19.68 23.39c-35.13 37.553-74.249 76.79-114.379 116.919l45.254 45.254c38.924-38.924 77.278-77.307 112.568-114.883c17.182 17.87 34.328 35.033 50.178 50.883l45.254-45.254c-16.799-16.799-34.744-34.801-52.309-53.17c10.301-11.813 20.31-23.56 29.63-35.162C538.675 377.889 576 318.222 576 256h128v-64H512v-64zm192 192L512 704h64l21.334-64h149.332L768 704h64L704 320zm32 96l53.334 160H618.666z"/></svg>
</template>

CSS

.icon-lbx {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22%232e7d32%22%20d%3D%22M128%20704v128c0%2070.692%2057.308%20128%20128%20128h608c17.728%200%2032-14.272%2032-32V704z%22%2F%3E%3Cpath%20fill%3D%22%23ffe082%22%20d%3D%22M704%20704v192h128V704z%22%2F%3E%3Cpath%20fill%3D%22%23fff8e1%22%20d%3D%22M192%20704v96c0%2053.184%2042.816%2096%2096%2096h544a96%2096%200%200%201-96-96a96%2096%200%200%201%2096-96z%22%2F%3E%3Cpath%20fill%3D%22%23ff1744%22%20d%3D%22M320%20832h192v192l-96-96l-96%2096z%22%2F%3E%3Cpath%20fill%3D%22%234caf50%22%20d%3D%22M256%2064c-70.692%200-128%2057.308-128%20128v640c0%2011.088%201.557%2021.787%204.207%2032.047C146.767%20807.565%20197.672%20768.07%20256%20768h608c17.728%200%2032-14.272%2032-32V96c0-17.728-14.272-32-32-32z%22%2F%3E%3Cpath%20fill%3D%22%23e8f5e9%22%20d%3D%22M448%20128v64H256v64h256c0%2033.778-26.676%2086.11-73.947%20144.959c-7.257%209.034-15.068%2018.276-23.123%2027.611c-4.479-5.242-8.838-10.461-13.002-15.634C370.55%20373.95%20352%20336%20352%20320h-64c0%2048%2029.45%2090.049%2064.072%20133.064c6.302%207.83%2012.933%2015.627%2019.68%2023.39c-35.13%2037.553-74.249%2076.79-114.379%20116.919l45.254%2045.254c38.924-38.924%2077.278-77.307%20112.568-114.883c17.182%2017.87%2034.328%2035.033%2050.178%2050.883l45.254-45.254c-16.799-16.799-34.744-34.801-52.309-53.17c10.301-11.813%2020.31-23.56%2029.63-35.162C538.675%20377.889%20576%20318.222%20576%20256h128v-64H512v-64zm192%20192L512%20704h64l21.334-64h149.332L768%20704h64L704%20320zm32%2096l53.334%20160H618.666z%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%201024%201024%22%3E%3Cpath%20fill%3D%22%232e7d32%22%20d%3D%22M128%20704v128c0%2070.692%2057.308%20128%20128%20128h608c17.728%200%2032-14.272%2032-32V704z%22%2F%3E%3Cpath%20fill%3D%22%23ffe082%22%20d%3D%22M704%20704v192h128V704z%22%2F%3E%3Cpath%20fill%3D%22%23fff8e1%22%20d%3D%22M192%20704v96c0%2053.184%2042.816%2096%2096%2096h544a96%2096%200%200%201-96-96a96%2096%200%200%201%2096-96z%22%2F%3E%3Cpath%20fill%3D%22%23ff1744%22%20d%3D%22M320%20832h192v192l-96-96l-96%2096z%22%2F%3E%3Cpath%20fill%3D%22%234caf50%22%20d%3D%22M256%2064c-70.692%200-128%2057.308-128%20128v640c0%2011.088%201.557%2021.787%204.207%2032.047C146.767%20807.565%20197.672%20768.07%20256%20768h608c17.728%200%2032-14.272%2032-32V96c0-17.728-14.272-32-32-32z%22%2F%3E%3Cpath%20fill%3D%22%23e8f5e9%22%20d%3D%22M448%20128v64H256v64h256c0%2033.778-26.676%2086.11-73.947%20144.959c-7.257%209.034-15.068%2018.276-23.123%2027.611c-4.479-5.242-8.838-10.461-13.002-15.634C370.55%20373.95%20352%20336%20352%20320h-64c0%2048%2029.45%2090.049%2064.072%20133.064c6.302%207.83%2012.933%2015.627%2019.68%2023.39c-35.13%2037.553-74.249%2076.79-114.379%20116.919l45.254%2045.254c38.924-38.924%2077.278-77.307%20112.568-114.883c17.182%2017.87%2034.328%2035.033%2050.178%2050.883l45.254-45.254c-16.799-16.799-34.744-34.801-52.309-53.17c10.301-11.813%2020.31-23.56%2029.63-35.162C538.675%20377.889%20576%20318.222%20576%20256h128v-64H512v-64zm192%20192L512%20704h64l21.334-64h149.332L768%20704h64L704%20320zm32%2096l53.334%20160H618.666z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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