lego icon

lego-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name
lego-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

legolego-duotonelego-filllego-lightlego-thin

The same icon in other sets

legoTabler Iconslego-outlineTeenyicons

Related icons in Phosphor

lego-smiley

Use the lego icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m245.36 77.28l-41.62-20.83C201.38 40.24 183 28 160 28c-24.67 0-44 14.06-44 32a25 25 0 0 0 2.69 11.24l-9.4 4.7C101.56 71 91.35 68 80 68c-24.67 0-44 14.06-44 32a25 25 0 0 0 2.69 11.24l-28.06 14A12 12 0 0 0 4 136v56a12 12 0 0 0 6.63 10.73l64 32a12 12 0 0 0 10.74 0l160-80A12 12 0 0 0 252 144V88a12 12 0 0 0-6.64-10.72M80 154.58L42.83 136l15.81-7.9A58.2 58.2 0 0 0 80 132c24.67 0 44-14.06 44-32a25.4 25.4 0 0 0-.4-4.38l15-7.52A58.2 58.2 0 0 0 160 92c14.72 0 27.53-5 35.47-12.85l17.7 8.85ZM160 52c12.91 0 20 6 20 8s-7.09 8-20 8s-20-6-20-8s7.09-8 20-8M80 92c12.91 0 20 6 20 8s-7.09 8-20 8s-20-6-20-8s7.09-8 20-8m-52 63.42l40 20v29.16l-40-20Zm64 49.16v-29.16l136-68v29.16Z"/></svg>

React

import type { SVGProps } from "react";

export function PhLegoBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m245.36 77.28l-41.62-20.83C201.38 40.24 183 28 160 28c-24.67 0-44 14.06-44 32a25 25 0 0 0 2.69 11.24l-9.4 4.7C101.56 71 91.35 68 80 68c-24.67 0-44 14.06-44 32a25 25 0 0 0 2.69 11.24l-28.06 14A12 12 0 0 0 4 136v56a12 12 0 0 0 6.63 10.73l64 32a12 12 0 0 0 10.74 0l160-80A12 12 0 0 0 252 144V88a12 12 0 0 0-6.64-10.72M80 154.58L42.83 136l15.81-7.9A58.2 58.2 0 0 0 80 132c24.67 0 44-14.06 44-32a25.4 25.4 0 0 0-.4-4.38l15-7.52A58.2 58.2 0 0 0 160 92c14.72 0 27.53-5 35.47-12.85l17.7 8.85ZM160 52c12.91 0 20 6 20 8s-7.09 8-20 8s-20-6-20-8s7.09-8 20-8M80 92c12.91 0 20 6 20 8s-7.09 8-20 8s-20-6-20-8s7.09-8 20-8m-52 63.42l40 20v29.16l-40-20Zm64 49.16v-29.16l136-68v29.16Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m245.36 77.28l-41.62-20.83C201.38 40.24 183 28 160 28c-24.67 0-44 14.06-44 32a25 25 0 0 0 2.69 11.24l-9.4 4.7C101.56 71 91.35 68 80 68c-24.67 0-44 14.06-44 32a25 25 0 0 0 2.69 11.24l-28.06 14A12 12 0 0 0 4 136v56a12 12 0 0 0 6.63 10.73l64 32a12 12 0 0 0 10.74 0l160-80A12 12 0 0 0 252 144V88a12 12 0 0 0-6.64-10.72M80 154.58L42.83 136l15.81-7.9A58.2 58.2 0 0 0 80 132c24.67 0 44-14.06 44-32a25.4 25.4 0 0 0-.4-4.38l15-7.52A58.2 58.2 0 0 0 160 92c14.72 0 27.53-5 35.47-12.85l17.7 8.85ZM160 52c12.91 0 20 6 20 8s-7.09 8-20 8s-20-6-20-8s7.09-8 20-8M80 92c12.91 0 20 6 20 8s-7.09 8-20 8s-20-6-20-8s7.09-8 20-8m-52 63.42l40 20v29.16l-40-20Zm64 49.16v-29.16l136-68v29.16Z"/></svg>
</template>

CSS

.icon-lego-bold {
  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%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m245.36%2077.28l-41.62-20.83C201.38%2040.24%20183%2028%20160%2028c-24.67%200-44%2014.06-44%2032a25%2025%200%200%200%202.69%2011.24l-9.4%204.7C101.56%2071%2091.35%2068%2080%2068c-24.67%200-44%2014.06-44%2032a25%2025%200%200%200%202.69%2011.24l-28.06%2014A12%2012%200%200%200%204%20136v56a12%2012%200%200%200%206.63%2010.73l64%2032a12%2012%200%200%200%2010.74%200l160-80A12%2012%200%200%200%20252%20144V88a12%2012%200%200%200-6.64-10.72M80%20154.58L42.83%20136l15.81-7.9A58.2%2058.2%200%200%200%2080%20132c24.67%200%2044-14.06%2044-32a25.4%2025.4%200%200%200-.4-4.38l15-7.52A58.2%2058.2%200%200%200%20160%2092c14.72%200%2027.53-5%2035.47-12.85l17.7%208.85ZM160%2052c12.91%200%2020%206%2020%208s-7.09%208-20%208s-20-6-20-8s7.09-8%2020-8M80%2092c12.91%200%2020%206%2020%208s-7.09%208-20%208s-20-6-20-8s7.09-8%2020-8m-52%2063.42l40%2020v29.16l-40-20Zm64%2049.16v-29.16l136-68v29.16Z%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%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m245.36%2077.28l-41.62-20.83C201.38%2040.24%20183%2028%20160%2028c-24.67%200-44%2014.06-44%2032a25%2025%200%200%200%202.69%2011.24l-9.4%204.7C101.56%2071%2091.35%2068%2080%2068c-24.67%200-44%2014.06-44%2032a25%2025%200%200%200%202.69%2011.24l-28.06%2014A12%2012%200%200%200%204%20136v56a12%2012%200%200%200%206.63%2010.73l64%2032a12%2012%200%200%200%2010.74%200l160-80A12%2012%200%200%200%20252%20144V88a12%2012%200%200%200-6.64-10.72M80%20154.58L42.83%20136l15.81-7.9A58.2%2058.2%200%200%200%2080%20132c24.67%200%2044-14.06%2044-32a25.4%2025.4%200%200%200-.4-4.38l15-7.52A58.2%2058.2%200%200%200%20160%2092c14.72%200%2027.53-5%2035.47-12.85l17.7%208.85ZM160%2052c12.91%200%2020%206%2020%208s-7.09%208-20%208s-20-6-20-8s7.09-8%2020-8M80%2092c12.91%200%2020%206%2020%208s-7.09%208-20%208s-20-6-20-8s7.09-8%2020-8m-52%2063.42l40%2020v29.16l-40-20Zm64%2049.16v-29.16l136-68v29.16Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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