luau logo

luau from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
luau
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

The same logo in other sets

luauCatppuccin IconsluauSimple Icons

Use the luau logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#00a2ff" d="m27.049 0l100.95 27.049l-27.05 100.95L0 100.95z"/><path fill="#fff" d="m91.81 30.877l20.19 5.41l-5.41 20.19l-20.19-5.41zM20.363 89.772l12.755 3.417l-.778 2.902l-16.322-4.373l7.212-26.914l3.567.956zm27.554 8.373q-2.626 1.813-6.489.778q-3.197-.858-4.385-3.156q-1.163-2.313-.206-5.96l3.487-13.013l3.42.917l-3.462 12.92q-1.219 4.548 2.478 5.538q3.92 1.05 5.995-1.524l3.898-14.547l3.42.916l-5.36 20l-3.252-.871zm20.357 7.575q-.136-.671.084-2.236q-3.047 1.838-6.357.951q-2.957-.792-4.415-2.966q-1.436-2.187-.746-4.757q.836-3.123 3.663-4.209q2.85-1.098 7.157.056l3.327.891l.421-1.571q.48-1.793-.309-3.134q-.784-1.36-2.874-1.919q-1.83-.49-3.316.102q-1.486.593-1.837 1.905l-3.439-.921q.402-1.498 1.827-2.602q1.448-1.118 3.478-1.445q2.048-.323 4.229.261q3.456.926 4.95 3.189q1.5 2.244.76 5.296l-2.466 9.205q-.739 2.754-.471 4.569l-.08.296zm-4.976-4.127a6.2 6.2 0 0 0 3.273-.015q1.665-.445 2.668-1.603l1.1-4.103l-2.68-.718q-6.285-1.684-7.271 1.994q-.431 1.608.398 2.801q.83 1.193 2.512 1.644m26.098 7.667q-2.625 1.812-6.489.777q-3.197-.856-4.384-3.156q-1.164-2.313-.206-5.96l3.486-13.012l3.42.916l-3.462 12.92q-1.218 4.548 2.479 5.538q3.918 1.05 5.995-1.524l3.898-14.547l3.42.917l-5.36 20l-3.253-.872z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconLuau(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#00a2ff" d="m27.049 0l100.95 27.049l-27.05 100.95L0 100.95z"/><path fill="#fff" d="m91.81 30.877l20.19 5.41l-5.41 20.19l-20.19-5.41zM20.363 89.772l12.755 3.417l-.778 2.902l-16.322-4.373l7.212-26.914l3.567.956zm27.554 8.373q-2.626 1.813-6.489.778q-3.197-.858-4.385-3.156q-1.163-2.313-.206-5.96l3.487-13.013l3.42.917l-3.462 12.92q-1.219 4.548 2.478 5.538q3.92 1.05 5.995-1.524l3.898-14.547l3.42.916l-5.36 20l-3.252-.871zm20.357 7.575q-.136-.671.084-2.236q-3.047 1.838-6.357.951q-2.957-.792-4.415-2.966q-1.436-2.187-.746-4.757q.836-3.123 3.663-4.209q2.85-1.098 7.157.056l3.327.891l.421-1.571q.48-1.793-.309-3.134q-.784-1.36-2.874-1.919q-1.83-.49-3.316.102q-1.486.593-1.837 1.905l-3.439-.921q.402-1.498 1.827-2.602q1.448-1.118 3.478-1.445q2.048-.323 4.229.261q3.456.926 4.95 3.189q1.5 2.244.76 5.296l-2.466 9.205q-.739 2.754-.471 4.569l-.08.296zm-4.976-4.127a6.2 6.2 0 0 0 3.273-.015q1.665-.445 2.668-1.603l1.1-4.103l-2.68-.718q-6.285-1.684-7.271 1.994q-.431 1.608.398 2.801q.83 1.193 2.512 1.644m26.098 7.667q-2.625 1.812-6.489.777q-3.197-.856-4.384-3.156q-1.164-2.313-.206-5.96l3.486-13.012l3.42.916l-3.462 12.92q-1.218 4.548 2.479 5.538q3.918 1.05 5.995-1.524l3.898-14.547l3.42.917l-5.36 20l-3.253-.872z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#00a2ff" d="m27.049 0l100.95 27.049l-27.05 100.95L0 100.95z"/><path fill="#fff" d="m91.81 30.877l20.19 5.41l-5.41 20.19l-20.19-5.41zM20.363 89.772l12.755 3.417l-.778 2.902l-16.322-4.373l7.212-26.914l3.567.956zm27.554 8.373q-2.626 1.813-6.489.778q-3.197-.858-4.385-3.156q-1.163-2.313-.206-5.96l3.487-13.013l3.42.917l-3.462 12.92q-1.219 4.548 2.478 5.538q3.92 1.05 5.995-1.524l3.898-14.547l3.42.916l-5.36 20l-3.252-.871zm20.357 7.575q-.136-.671.084-2.236q-3.047 1.838-6.357.951q-2.957-.792-4.415-2.966q-1.436-2.187-.746-4.757q.836-3.123 3.663-4.209q2.85-1.098 7.157.056l3.327.891l.421-1.571q.48-1.793-.309-3.134q-.784-1.36-2.874-1.919q-1.83-.49-3.316.102q-1.486.593-1.837 1.905l-3.439-.921q.402-1.498 1.827-2.602q1.448-1.118 3.478-1.445q2.048-.323 4.229.261q3.456.926 4.95 3.189q1.5 2.244.76 5.296l-2.466 9.205q-.739 2.754-.471 4.569l-.08.296zm-4.976-4.127a6.2 6.2 0 0 0 3.273-.015q1.665-.445 2.668-1.603l1.1-4.103l-2.68-.718q-6.285-1.684-7.271 1.994q-.431 1.608.398 2.801q.83 1.193 2.512 1.644m26.098 7.667q-2.625 1.812-6.489.777q-3.197-.856-4.384-3.156q-1.164-2.313-.206-5.96l3.486-13.012l3.42.916l-3.462 12.92q-1.218 4.548 2.479 5.538q3.918 1.05 5.995-1.524l3.898-14.547l3.42.917l-5.36 20l-3.253-.872z"/></svg>
</template>

CSS

.icon-luau {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%2300a2ff%22%20d%3D%22m27.049%200l100.95%2027.049l-27.05%20100.95L0%20100.95z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m91.81%2030.877l20.19%205.41l-5.41%2020.19l-20.19-5.41zM20.363%2089.772l12.755%203.417l-.778%202.902l-16.322-4.373l7.212-26.914l3.567.956zm27.554%208.373q-2.626%201.813-6.489.778q-3.197-.858-4.385-3.156q-1.163-2.313-.206-5.96l3.487-13.013l3.42.917l-3.462%2012.92q-1.219%204.548%202.478%205.538q3.92%201.05%205.995-1.524l3.898-14.547l3.42.916l-5.36%2020l-3.252-.871zm20.357%207.575q-.136-.671.084-2.236q-3.047%201.838-6.357.951q-2.957-.792-4.415-2.966q-1.436-2.187-.746-4.757q.836-3.123%203.663-4.209q2.85-1.098%207.157.056l3.327.891l.421-1.571q.48-1.793-.309-3.134q-.784-1.36-2.874-1.919q-1.83-.49-3.316.102q-1.486.593-1.837%201.905l-3.439-.921q.402-1.498%201.827-2.602q1.448-1.118%203.478-1.445q2.048-.323%204.229.261q3.456.926%204.95%203.189q1.5%202.244.76%205.296l-2.466%209.205q-.739%202.754-.471%204.569l-.08.296zm-4.976-4.127a6.2%206.2%200%200%200%203.273-.015q1.665-.445%202.668-1.603l1.1-4.103l-2.68-.718q-6.285-1.684-7.271%201.994q-.431%201.608.398%202.801q.83%201.193%202.512%201.644m26.098%207.667q-2.625%201.812-6.489.777q-3.197-.856-4.384-3.156q-1.164-2.313-.206-5.96l3.486-13.012l3.42.916l-3.462%2012.92q-1.218%204.548%202.479%205.538q3.918%201.05%205.995-1.524l3.898-14.547l3.42.917l-5.36%2020l-3.253-.872z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%2300a2ff%22%20d%3D%22m27.049%200l100.95%2027.049l-27.05%20100.95L0%20100.95z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m91.81%2030.877l20.19%205.41l-5.41%2020.19l-20.19-5.41zM20.363%2089.772l12.755%203.417l-.778%202.902l-16.322-4.373l7.212-26.914l3.567.956zm27.554%208.373q-2.626%201.813-6.489.778q-3.197-.858-4.385-3.156q-1.163-2.313-.206-5.96l3.487-13.013l3.42.917l-3.462%2012.92q-1.219%204.548%202.478%205.538q3.92%201.05%205.995-1.524l3.898-14.547l3.42.916l-5.36%2020l-3.252-.871zm20.357%207.575q-.136-.671.084-2.236q-3.047%201.838-6.357.951q-2.957-.792-4.415-2.966q-1.436-2.187-.746-4.757q.836-3.123%203.663-4.209q2.85-1.098%207.157.056l3.327.891l.421-1.571q.48-1.793-.309-3.134q-.784-1.36-2.874-1.919q-1.83-.49-3.316.102q-1.486.593-1.837%201.905l-3.439-.921q.402-1.498%201.827-2.602q1.448-1.118%203.478-1.445q2.048-.323%204.229.261q3.456.926%204.95%203.189q1.5%202.244.76%205.296l-2.466%209.205q-.739%202.754-.471%204.569l-.08.296zm-4.976-4.127a6.2%206.2%200%200%200%203.273-.015q1.665-.445%202.668-1.603l1.1-4.103l-2.68-.718q-6.285-1.684-7.271%201.994q-.431%201.608.398%202.801q.83%201.193%202.512%201.644m26.098%207.667q-2.625%201.812-6.489.777q-3.197-.856-4.384-3.156q-1.164-2.313-.206-5.96l3.486-13.012l3.42.916l-3.462%2012.92q-1.218%204.548%202.479%205.538q3.918%201.05%205.995-1.524l3.898-14.547l3.42.917l-5.36%2020l-3.253-.872z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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