Lego icon
cbi:lego
The Lego icon (cbi:lego) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" 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>How to use the Lego icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:lego" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:lego" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:lego" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--lego]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:lego"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:lego"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/lego.svg" alt="Lego icon" width="24" height="24">Lego icon in other icon sets
Lego icon FAQ
Is the Lego icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Lego icon in React?
Install @iconify/react and render <Icon icon="cbi:lego" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lego icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/lego.svg" alt="Lego icon">, or paste the SVG code inline to style it with CSS.