lego icon

lego-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
lego-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

legolego-boldlego-duotonelego-filllego-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="m242.68 74.63l-46.83-23.41C190.69 41.09 176.78 34 160 34c-21.31 0-38 11.42-38 26a19.1 19.1 0 0 0 1.56 7.51l-22 11A51.5 51.5 0 0 0 80 74c-21.31 0-38 11.42-38 26a19.1 19.1 0 0 0 1.56 7.51l-30.24 15.12A6 6 0 0 0 10 128v64a6 6 0 0 0 3.32 5.37l64 32a6 6 0 0 0 5.36 0l160-80A6 6 0 0 0 246 144V80a6 6 0 0 0-3.32-5.37M80 153.29L29.42 128l21.77-10.88C58.1 122.59 68.36 126 80 126c21.31 0 38-11.42 38-26a20.4 20.4 0 0 0-5.43-13.58l18.62-9.3C138.1 82.59 148.36 86 160 86c18.63 0 33.74-8.73 37.23-20.67L226.58 80ZM160 46c15.32 0 26 7.38 26 14s-10.68 14-26 14s-26-7.38-26-14s10.68-14 26-14M80 86c15.32 0 26 7.38 26 14s-10.68 14-26 14s-26-7.38-26-14s10.68-14 26-14m-58 51.71l52 26v50.58l-52-26Zm64 76.58v-50.58l148-74v50.58Z"/></svg>

React

import type { SVGProps } from "react";

export function PhLegoLight(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="m242.68 74.63l-46.83-23.41C190.69 41.09 176.78 34 160 34c-21.31 0-38 11.42-38 26a19.1 19.1 0 0 0 1.56 7.51l-22 11A51.5 51.5 0 0 0 80 74c-21.31 0-38 11.42-38 26a19.1 19.1 0 0 0 1.56 7.51l-30.24 15.12A6 6 0 0 0 10 128v64a6 6 0 0 0 3.32 5.37l64 32a6 6 0 0 0 5.36 0l160-80A6 6 0 0 0 246 144V80a6 6 0 0 0-3.32-5.37M80 153.29L29.42 128l21.77-10.88C58.1 122.59 68.36 126 80 126c21.31 0 38-11.42 38-26a20.4 20.4 0 0 0-5.43-13.58l18.62-9.3C138.1 82.59 148.36 86 160 86c18.63 0 33.74-8.73 37.23-20.67L226.58 80ZM160 46c15.32 0 26 7.38 26 14s-10.68 14-26 14s-26-7.38-26-14s10.68-14 26-14M80 86c15.32 0 26 7.38 26 14s-10.68 14-26 14s-26-7.38-26-14s10.68-14 26-14m-58 51.71l52 26v50.58l-52-26Zm64 76.58v-50.58l148-74v50.58Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m242.68 74.63l-46.83-23.41C190.69 41.09 176.78 34 160 34c-21.31 0-38 11.42-38 26a19.1 19.1 0 0 0 1.56 7.51l-22 11A51.5 51.5 0 0 0 80 74c-21.31 0-38 11.42-38 26a19.1 19.1 0 0 0 1.56 7.51l-30.24 15.12A6 6 0 0 0 10 128v64a6 6 0 0 0 3.32 5.37l64 32a6 6 0 0 0 5.36 0l160-80A6 6 0 0 0 246 144V80a6 6 0 0 0-3.32-5.37M80 153.29L29.42 128l21.77-10.88C58.1 122.59 68.36 126 80 126c21.31 0 38-11.42 38-26a20.4 20.4 0 0 0-5.43-13.58l18.62-9.3C138.1 82.59 148.36 86 160 86c18.63 0 33.74-8.73 37.23-20.67L226.58 80ZM160 46c15.32 0 26 7.38 26 14s-10.68 14-26 14s-26-7.38-26-14s10.68-14 26-14M80 86c15.32 0 26 7.38 26 14s-10.68 14-26 14s-26-7.38-26-14s10.68-14 26-14m-58 51.71l52 26v50.58l-52-26Zm64 76.58v-50.58l148-74v50.58Z"/></svg>
</template>

CSS

.icon-lego-light {
  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%22m242.68%2074.63l-46.83-23.41C190.69%2041.09%20176.78%2034%20160%2034c-21.31%200-38%2011.42-38%2026a19.1%2019.1%200%200%200%201.56%207.51l-22%2011A51.5%2051.5%200%200%200%2080%2074c-21.31%200-38%2011.42-38%2026a19.1%2019.1%200%200%200%201.56%207.51l-30.24%2015.12A6%206%200%200%200%2010%20128v64a6%206%200%200%200%203.32%205.37l64%2032a6%206%200%200%200%205.36%200l160-80A6%206%200%200%200%20246%20144V80a6%206%200%200%200-3.32-5.37M80%20153.29L29.42%20128l21.77-10.88C58.1%20122.59%2068.36%20126%2080%20126c21.31%200%2038-11.42%2038-26a20.4%2020.4%200%200%200-5.43-13.58l18.62-9.3C138.1%2082.59%20148.36%2086%20160%2086c18.63%200%2033.74-8.73%2037.23-20.67L226.58%2080ZM160%2046c15.32%200%2026%207.38%2026%2014s-10.68%2014-26%2014s-26-7.38-26-14s10.68-14%2026-14M80%2086c15.32%200%2026%207.38%2026%2014s-10.68%2014-26%2014s-26-7.38-26-14s10.68-14%2026-14m-58%2051.71l52%2026v50.58l-52-26Zm64%2076.58v-50.58l148-74v50.58Z%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%22m242.68%2074.63l-46.83-23.41C190.69%2041.09%20176.78%2034%20160%2034c-21.31%200-38%2011.42-38%2026a19.1%2019.1%200%200%200%201.56%207.51l-22%2011A51.5%2051.5%200%200%200%2080%2074c-21.31%200-38%2011.42-38%2026a19.1%2019.1%200%200%200%201.56%207.51l-30.24%2015.12A6%206%200%200%200%2010%20128v64a6%206%200%200%200%203.32%205.37l64%2032a6%206%200%200%200%205.36%200l160-80A6%206%200%200%200%20246%20144V80a6%206%200%200%200-3.32-5.37M80%20153.29L29.42%20128l21.77-10.88C58.1%20122.59%2068.36%20126%2080%20126c21.31%200%2038-11.42%2038-26a20.4%2020.4%200%200%200-5.43-13.58l18.62-9.3C138.1%2082.59%20148.36%2086%20160%2086c18.63%200%2033.74-8.73%2037.23-20.67L226.58%2080ZM160%2046c15.32%200%2026%207.38%2026%2014s-10.68%2014-26%2014s-26-7.38-26-14s10.68-14%2026-14M80%2086c15.32%200%2026%207.38%2026%2014s-10.68%2014-26%2014s-26-7.38-26-14s10.68-14%2026-14m-58%2051.71l52%2026v50.58l-52-26Zm64%2076.58v-50.58l148-74v50.58Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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