lego icon

lego-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name
lego-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

legolego-boldlego-duotonelego-filllego-light

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="m241.79 76.42l-47.42-23.71C189.84 42.92 176.36 36 160 36c-20.19 0-36 10.54-36 24a17.55 17.55 0 0 0 2.2 8.43L101.65 80.7A49.2 49.2 0 0 0 80 76c-20.19 0-36 10.54-36 24a17.55 17.55 0 0 0 2.2 8.43l-32 16A4 4 0 0 0 12 128v64a4 4 0 0 0 2.21 3.58l64 32a4 4 0 0 0 3.58 0l160-80A4 4 0 0 0 244 144V80a4 4 0 0 0-2.21-3.58M160 44c15.18 0 28 7.33 28 16s-12.82 16-28 16s-28-7.33-28-16s12.82-16 28-16m-28.57 30.76C138 80.41 148.23 84 160 84c19 0 34.09-9.32 35.83-21.61L231.06 80L80 155.53L24.94 128l26.49-13.24C58 120.41 68.23 124 80 124c20.19 0 36-10.54 36-24c0-5.34-2.49-10.21-6.75-14.15ZM80 84c15.18 0 28 7.33 28 16s-12.82 16-28 16c-10.49 0-19.85-3.5-24.63-8.52c-.09-.12-.19-.21-.28-.31A10.7 10.7 0 0 1 52 100c0-8.67 12.82-16 28-16m-60 50.47l56 28v55.06l-56-28Zm64 83.06v-55.06l152-76v55.06Z"/></svg>

React

import type { SVGProps } from "react";

export function PhLegoThin(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="m241.79 76.42l-47.42-23.71C189.84 42.92 176.36 36 160 36c-20.19 0-36 10.54-36 24a17.55 17.55 0 0 0 2.2 8.43L101.65 80.7A49.2 49.2 0 0 0 80 76c-20.19 0-36 10.54-36 24a17.55 17.55 0 0 0 2.2 8.43l-32 16A4 4 0 0 0 12 128v64a4 4 0 0 0 2.21 3.58l64 32a4 4 0 0 0 3.58 0l160-80A4 4 0 0 0 244 144V80a4 4 0 0 0-2.21-3.58M160 44c15.18 0 28 7.33 28 16s-12.82 16-28 16s-28-7.33-28-16s12.82-16 28-16m-28.57 30.76C138 80.41 148.23 84 160 84c19 0 34.09-9.32 35.83-21.61L231.06 80L80 155.53L24.94 128l26.49-13.24C58 120.41 68.23 124 80 124c20.19 0 36-10.54 36-24c0-5.34-2.49-10.21-6.75-14.15ZM80 84c15.18 0 28 7.33 28 16s-12.82 16-28 16c-10.49 0-19.85-3.5-24.63-8.52c-.09-.12-.19-.21-.28-.31A10.7 10.7 0 0 1 52 100c0-8.67 12.82-16 28-16m-60 50.47l56 28v55.06l-56-28Zm64 83.06v-55.06l152-76v55.06Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m241.79 76.42l-47.42-23.71C189.84 42.92 176.36 36 160 36c-20.19 0-36 10.54-36 24a17.55 17.55 0 0 0 2.2 8.43L101.65 80.7A49.2 49.2 0 0 0 80 76c-20.19 0-36 10.54-36 24a17.55 17.55 0 0 0 2.2 8.43l-32 16A4 4 0 0 0 12 128v64a4 4 0 0 0 2.21 3.58l64 32a4 4 0 0 0 3.58 0l160-80A4 4 0 0 0 244 144V80a4 4 0 0 0-2.21-3.58M160 44c15.18 0 28 7.33 28 16s-12.82 16-28 16s-28-7.33-28-16s12.82-16 28-16m-28.57 30.76C138 80.41 148.23 84 160 84c19 0 34.09-9.32 35.83-21.61L231.06 80L80 155.53L24.94 128l26.49-13.24C58 120.41 68.23 124 80 124c20.19 0 36-10.54 36-24c0-5.34-2.49-10.21-6.75-14.15ZM80 84c15.18 0 28 7.33 28 16s-12.82 16-28 16c-10.49 0-19.85-3.5-24.63-8.52c-.09-.12-.19-.21-.28-.31A10.7 10.7 0 0 1 52 100c0-8.67 12.82-16 28-16m-60 50.47l56 28v55.06l-56-28Zm64 83.06v-55.06l152-76v55.06Z"/></svg>
</template>

CSS

.icon-lego-thin {
  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%22m241.79%2076.42l-47.42-23.71C189.84%2042.92%20176.36%2036%20160%2036c-20.19%200-36%2010.54-36%2024a17.55%2017.55%200%200%200%202.2%208.43L101.65%2080.7A49.2%2049.2%200%200%200%2080%2076c-20.19%200-36%2010.54-36%2024a17.55%2017.55%200%200%200%202.2%208.43l-32%2016A4%204%200%200%200%2012%20128v64a4%204%200%200%200%202.21%203.58l64%2032a4%204%200%200%200%203.58%200l160-80A4%204%200%200%200%20244%20144V80a4%204%200%200%200-2.21-3.58M160%2044c15.18%200%2028%207.33%2028%2016s-12.82%2016-28%2016s-28-7.33-28-16s12.82-16%2028-16m-28.57%2030.76C138%2080.41%20148.23%2084%20160%2084c19%200%2034.09-9.32%2035.83-21.61L231.06%2080L80%20155.53L24.94%20128l26.49-13.24C58%20120.41%2068.23%20124%2080%20124c20.19%200%2036-10.54%2036-24c0-5.34-2.49-10.21-6.75-14.15ZM80%2084c15.18%200%2028%207.33%2028%2016s-12.82%2016-28%2016c-10.49%200-19.85-3.5-24.63-8.52c-.09-.12-.19-.21-.28-.31A10.7%2010.7%200%200%201%2052%20100c0-8.67%2012.82-16%2028-16m-60%2050.47l56%2028v55.06l-56-28Zm64%2083.06v-55.06l152-76v55.06Z%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%22m241.79%2076.42l-47.42-23.71C189.84%2042.92%20176.36%2036%20160%2036c-20.19%200-36%2010.54-36%2024a17.55%2017.55%200%200%200%202.2%208.43L101.65%2080.7A49.2%2049.2%200%200%200%2080%2076c-20.19%200-36%2010.54-36%2024a17.55%2017.55%200%200%200%202.2%208.43l-32%2016A4%204%200%200%200%2012%20128v64a4%204%200%200%200%202.21%203.58l64%2032a4%204%200%200%200%203.58%200l160-80A4%204%200%200%200%20244%20144V80a4%204%200%200%200-2.21-3.58M160%2044c15.18%200%2028%207.33%2028%2016s-12.82%2016-28%2016s-28-7.33-28-16s12.82-16%2028-16m-28.57%2030.76C138%2080.41%20148.23%2084%20160%2084c19%200%2034.09-9.32%2035.83-21.61L231.06%2080L80%20155.53L24.94%20128l26.49-13.24C58%20120.41%2068.23%20124%2080%20124c20.19%200%2036-10.54%2036-24c0-5.34-2.49-10.21-6.75-14.15ZM80%2084c15.18%200%2028%207.33%2028%2016s-12.82%2016-28%2016c-10.49%200-19.85-3.5-24.63-8.52c-.09-.12-.19-.21-.28-.31A10.7%2010.7%200%200%201%2052%20100c0-8.67%2012.82-16%2028-16m-60%2050.47l56%2028v55.06l-56-28Zm64%2083.06v-55.06l152-76v55.06Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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