Home/Libraries/Custom Brand Icons (Iconify)/lego

Custom Brand Icons (Iconify)

Lego

License: CC-BY-NC-SA-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M18.453 9.933a.46.46 0 0 0-.443.232a12 12 0 0 0-1.136 3.191a.294.294 0 0 0 .306.315c.237 0 .369-.164.486-.362a13.7 13.7 0 0 0 1.049-3.046c.006-.151-.015-.327-.262-.33M18.581 8a2.82 2.82 0 0 0-2.262 1a1.3 1.3 0 0 0-.234-.35a2.44 2.44 0 0 0-1.912-.665a3.12 3.12 0 0 0-2.039.68a1.85 1.85 0 0 0-1.591-.687a2.78 2.78 0 0 0-2.612 1.13a1 1 0 0 0-.248-.76a1.38 1.38 0 0 0-1.026-.327a1.78 1.78 0 0 0-1.612.932c-.551.88-1.889 3.78-1.859 5.185A1.583 1.583 0 0 0 4.9 15.725a2.58 2.58 0 0 0 1.944-.636a2.2 2.2 0 0 0 1.658.657a2.73 2.73 0 0 0 2.015-.741a2.2 2.2 0 0 0 1.783.75a3.22 3.22 0 0 0 2.517-1.238a2 2 0 0 0 2.036 1.229c1.961 0 2.822-1.348 3.54-3.48a8.2 8.2 0 0 0 .413-1.956A2 2 0 0 0 18.581 8M6.772 13.894c-.1 1.016-1.028 1.244-1.838 1.225c-.587-.014-1.116-.283-1.131-.965a13.7 13.7 0 0 1 1.765-4.868a1.18 1.18 0 0 1 1.1-.649c.486 0 .607.25.6.55a13.7 13.7 0 0 1-1.313 3.29c-.171.352-.32.661-.421.887c1.016-.176 1.266.191 1.238.53m2.066-1.467c-.067.182-.194.562-.3.965a3.3 3.3 0 0 1 1.01-.131c.488.012.8.214.8.618c0 .976-1.081 1.263-1.829 1.263a1.393 1.393 0 0 1-1.546-1.367a9.9 9.9 0 0 1 1.108-3.719a2.28 2.28 0 0 1 2.491-1.482c.51 0 1.1.218 1.1.7c0 .667-.564.921-1.124.953a8 8 0 0 1-.828.011a4.7 4.7 0 0 0-.385.79c1.037-.146 1.477.09 1.3.69c-.235.809-.935.863-1.797.709M13.94 9.9a.74.74 0 0 0-.6.369a10.7 10.7 0 0 0-1.053 2.81c-.069.475.136.573.36.573c.361 0 .765-.382.9-1.011c0 0-.686-.016-.5-.625c.184-.59.532-.718 1.11-.741c1.139-.047 1.026.794.935 1.242a2.98 2.98 0 0 1-2.8 2.625a1.463 1.463 0 0 1-1.627-1.578a7.9 7.9 0 0 1 .648-2.543C11.932 9.6 12.572 8.6 14.2 8.6c.979 0 1.75.351 1.637 1.267a1.1 1.1 0 0 1-1.031 1.116c-.171.013-.871 0-.639-.666c.083-.23.117-.417-.227-.417m6.158 1.2a9.9 9.9 0 0 1-.982 2.63a2.31 2.31 0 0 1-2.248 1.4c-.728-.009-1.549-.277-1.555-1.4a8.4 8.4 0 0 1 .638-2.691c.516-1.352 1.041-2.455 2.7-2.436c1.943.03 1.597 1.755 1.449 2.506ZM22 2H2v20h20Zm-.767 9.072v.008a11.4 11.4 0 0 1-.844 2.616c-.7 1.444-1.638 2.554-3.442 2.554a2.73 2.73 0 0 1-2.221-.9a3.63 3.63 0 0 1-2.425.907a2.83 2.83 0 0 1-1.784-.574a3.47 3.47 0 0 1-1.994.569a2.86 2.86 0 0 1-1.688-.507a3.33 3.33 0 0 1-1.942.483a2.08 2.08 0 0 1-2.21-2.039c-.034-1.581 1.3-4.473 1.925-5.475A2.33 2.33 0 0 1 6.671 7.53c.953 0 1.3.272 1.468.619a3.6 3.6 0 0 1 2.4-.661a2.46 2.46 0 0 1 1.656.529a3.75 3.75 0 0 1 1.988-.517a3.02 3.02 0 0 1 2.23.735a3.32 3.32 0 0 1 2.178-.723a2.6 2.6 0 0 1 2.258.993a3.3 3.3 0 0 1 .384 2.567"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. LegoIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-NC-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Custom Brand Icons (Iconify)

Browse all Custom Brand Icons (Iconify) icons →