lua logo
lua-dark from Skill Icons by tandpfun · Dark · MIT Free for personal and commercial use.
- Name
- lua-dark
- Set
- Skill Icons
- Style
- Dark
- Viewbox
- 256×256
- License
- MIT
1 other variant in Skill Icons
The same logo in other sets
Use the lua logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><g clip-path="url(#SVGg3D4Hd7H)"><path fill="navy" d="M204.453 128.02c0-42.196-34.258-76.45-76.453-76.45s-76.453 34.254-76.453 76.45c0 42.199 34.258 76.453 76.453 76.453s76.453-34.254 76.453-76.453"/><path fill="#fff" d="M182.066 96.344c0-12.356-10.031-22.387-22.386-22.387c-12.356 0-22.387 10.031-22.387 22.387c0 12.351 10.031 22.386 22.387 22.386s22.386-10.035 22.386-22.386"/><path fill="navy" d="M226.84 51.547c0-12.356-10.031-22.387-22.387-22.387s-22.387 10.031-22.387 22.387s10.032 22.387 22.387 22.387s22.387-10.008 22.387-22.387"/><path fill="#fff" d="M82.508 160.586h24.773v5.641H76.109v-50.161h6.399zm54.363 5.641v-5.028c-3.379 4.754-6.738 6.61-12.039 6.61c-7.012 0-11.488-3.844-11.488-9.84v-27.793h5.703v25.531c0 4.332 2.89 7.098 7.433 7.098c5.977 0 9.84-4.817 9.84-12.188v-20.441h5.703v36.051zm47.074.972c-1.859.485-2.746.61-3.929.61c-3.715 0-5.512-1.645-5.914-5.301c-4.055 3.719-7.707 5.301-12.247 5.301c-7.289 0-11.828-4.118-11.828-10.664c0-4.688 2.133-7.918 6.336-9.629c2.196-.887 3.442-1.164 11.551-2.2c4.543-.546 5.977-1.582 5.977-3.988v-1.523c0-3.442-2.891-5.364-8.043-5.364c-5.368 0-7.985 1.985-8.469 6.399h-5.789c.148-3.57.824-5.637 2.472-7.496c2.407-2.684 6.735-4.203 11.973-4.203c8.871 0 13.559 3.441 13.559 9.839v21.208c0 1.792 1.097 2.828 3.105 2.828c.336 0 .614 0 1.246-.149zm-10.054-18.797c-1.922.887-3.168 1.16-9.227 1.985c-6.125.886-8.68 2.828-8.68 6.609c0 3.656 2.618 5.789 7.094 5.789c3.379 0 6.188-1.101 8.535-3.234c1.707-1.582 2.278-2.742 2.278-4.688z"/><path stroke="gray" stroke-dasharray="8.63 8.63" stroke-miterlimit="10" stroke-width="2.294" d="M216.09 83.121A98.9 98.9 0 0 1 226.859 128c0 54.574-44.285 98.859-98.859 98.859S29.14 182.574 29.14 128S73.427 29.14 128 29.14a98.93 98.93 0 0 1 49.883 13.497"/></g><defs><clipPath id="SVGg3D4Hd7H"><path fill="#fff" d="M28 28h200v200H28z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsLuaDark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><g clipPath="url(#SVGg3D4Hd7H)"><path fill="navy" d="M204.453 128.02c0-42.196-34.258-76.45-76.453-76.45s-76.453 34.254-76.453 76.45c0 42.199 34.258 76.453 76.453 76.453s76.453-34.254 76.453-76.453"/><path fill="#fff" d="M182.066 96.344c0-12.356-10.031-22.387-22.386-22.387c-12.356 0-22.387 10.031-22.387 22.387c0 12.351 10.031 22.386 22.387 22.386s22.386-10.035 22.386-22.386"/><path fill="navy" d="M226.84 51.547c0-12.356-10.031-22.387-22.387-22.387s-22.387 10.031-22.387 22.387s10.032 22.387 22.387 22.387s22.387-10.008 22.387-22.387"/><path fill="#fff" d="M82.508 160.586h24.773v5.641H76.109v-50.161h6.399zm54.363 5.641v-5.028c-3.379 4.754-6.738 6.61-12.039 6.61c-7.012 0-11.488-3.844-11.488-9.84v-27.793h5.703v25.531c0 4.332 2.89 7.098 7.433 7.098c5.977 0 9.84-4.817 9.84-12.188v-20.441h5.703v36.051zm47.074.972c-1.859.485-2.746.61-3.929.61c-3.715 0-5.512-1.645-5.914-5.301c-4.055 3.719-7.707 5.301-12.247 5.301c-7.289 0-11.828-4.118-11.828-10.664c0-4.688 2.133-7.918 6.336-9.629c2.196-.887 3.442-1.164 11.551-2.2c4.543-.546 5.977-1.582 5.977-3.988v-1.523c0-3.442-2.891-5.364-8.043-5.364c-5.368 0-7.985 1.985-8.469 6.399h-5.789c.148-3.57.824-5.637 2.472-7.496c2.407-2.684 6.735-4.203 11.973-4.203c8.871 0 13.559 3.441 13.559 9.839v21.208c0 1.792 1.097 2.828 3.105 2.828c.336 0 .614 0 1.246-.149zm-10.054-18.797c-1.922.887-3.168 1.16-9.227 1.985c-6.125.886-8.68 2.828-8.68 6.609c0 3.656 2.618 5.789 7.094 5.789c3.379 0 6.188-1.101 8.535-3.234c1.707-1.582 2.278-2.742 2.278-4.688z"/><path stroke="gray" strokeDasharray="8.63 8.63" strokeMiterlimit="10" strokeWidth="2.294" d="M216.09 83.121A98.9 98.9 0 0 1 226.859 128c0 54.574-44.285 98.859-98.859 98.859S29.14 182.574 29.14 128S73.427 29.14 128 29.14a98.93 98.93 0 0 1 49.883 13.497"/></g><defs><clipPath id="SVGg3D4Hd7H"><path fill="#fff" d="M28 28h200v200H28z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><g clip-path="url(#SVGg3D4Hd7H)"><path fill="navy" d="M204.453 128.02c0-42.196-34.258-76.45-76.453-76.45s-76.453 34.254-76.453 76.45c0 42.199 34.258 76.453 76.453 76.453s76.453-34.254 76.453-76.453"/><path fill="#fff" d="M182.066 96.344c0-12.356-10.031-22.387-22.386-22.387c-12.356 0-22.387 10.031-22.387 22.387c0 12.351 10.031 22.386 22.387 22.386s22.386-10.035 22.386-22.386"/><path fill="navy" d="M226.84 51.547c0-12.356-10.031-22.387-22.387-22.387s-22.387 10.031-22.387 22.387s10.032 22.387 22.387 22.387s22.387-10.008 22.387-22.387"/><path fill="#fff" d="M82.508 160.586h24.773v5.641H76.109v-50.161h6.399zm54.363 5.641v-5.028c-3.379 4.754-6.738 6.61-12.039 6.61c-7.012 0-11.488-3.844-11.488-9.84v-27.793h5.703v25.531c0 4.332 2.89 7.098 7.433 7.098c5.977 0 9.84-4.817 9.84-12.188v-20.441h5.703v36.051zm47.074.972c-1.859.485-2.746.61-3.929.61c-3.715 0-5.512-1.645-5.914-5.301c-4.055 3.719-7.707 5.301-12.247 5.301c-7.289 0-11.828-4.118-11.828-10.664c0-4.688 2.133-7.918 6.336-9.629c2.196-.887 3.442-1.164 11.551-2.2c4.543-.546 5.977-1.582 5.977-3.988v-1.523c0-3.442-2.891-5.364-8.043-5.364c-5.368 0-7.985 1.985-8.469 6.399h-5.789c.148-3.57.824-5.637 2.472-7.496c2.407-2.684 6.735-4.203 11.973-4.203c8.871 0 13.559 3.441 13.559 9.839v21.208c0 1.792 1.097 2.828 3.105 2.828c.336 0 .614 0 1.246-.149zm-10.054-18.797c-1.922.887-3.168 1.16-9.227 1.985c-6.125.886-8.68 2.828-8.68 6.609c0 3.656 2.618 5.789 7.094 5.789c3.379 0 6.188-1.101 8.535-3.234c1.707-1.582 2.278-2.742 2.278-4.688z"/><path stroke="gray" stroke-dasharray="8.63 8.63" stroke-miterlimit="10" stroke-width="2.294" d="M216.09 83.121A98.9 98.9 0 0 1 226.859 128c0 54.574-44.285 98.859-98.859 98.859S29.14 182.574 29.14 128S73.427 29.14 128 29.14a98.93 98.93 0 0 1 49.883 13.497"/></g><defs><clipPath id="SVGg3D4Hd7H"><path fill="#fff" d="M28 28h200v200H28z"/></clipPath></defs></g></svg> </template>
CSS
.icon-lua-dark {
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%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cg%20clip-path%3D%22url(%23SVGg3D4Hd7H)%22%3E%3Cpath%20fill%3D%22navy%22%20d%3D%22M204.453%20128.02c0-42.196-34.258-76.45-76.453-76.45s-76.453%2034.254-76.453%2076.45c0%2042.199%2034.258%2076.453%2076.453%2076.453s76.453-34.254%2076.453-76.453%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M182.066%2096.344c0-12.356-10.031-22.387-22.386-22.387c-12.356%200-22.387%2010.031-22.387%2022.387c0%2012.351%2010.031%2022.386%2022.387%2022.386s22.386-10.035%2022.386-22.386%22%2F%3E%3Cpath%20fill%3D%22navy%22%20d%3D%22M226.84%2051.547c0-12.356-10.031-22.387-22.387-22.387s-22.387%2010.031-22.387%2022.387s10.032%2022.387%2022.387%2022.387s22.387-10.008%2022.387-22.387%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M82.508%20160.586h24.773v5.641H76.109v-50.161h6.399zm54.363%205.641v-5.028c-3.379%204.754-6.738%206.61-12.039%206.61c-7.012%200-11.488-3.844-11.488-9.84v-27.793h5.703v25.531c0%204.332%202.89%207.098%207.433%207.098c5.977%200%209.84-4.817%209.84-12.188v-20.441h5.703v36.051zm47.074.972c-1.859.485-2.746.61-3.929.61c-3.715%200-5.512-1.645-5.914-5.301c-4.055%203.719-7.707%205.301-12.247%205.301c-7.289%200-11.828-4.118-11.828-10.664c0-4.688%202.133-7.918%206.336-9.629c2.196-.887%203.442-1.164%2011.551-2.2c4.543-.546%205.977-1.582%205.977-3.988v-1.523c0-3.442-2.891-5.364-8.043-5.364c-5.368%200-7.985%201.985-8.469%206.399h-5.789c.148-3.57.824-5.637%202.472-7.496c2.407-2.684%206.735-4.203%2011.973-4.203c8.871%200%2013.559%203.441%2013.559%209.839v21.208c0%201.792%201.097%202.828%203.105%202.828c.336%200%20.614%200%201.246-.149zm-10.054-18.797c-1.922.887-3.168%201.16-9.227%201.985c-6.125.886-8.68%202.828-8.68%206.609c0%203.656%202.618%205.789%207.094%205.789c3.379%200%206.188-1.101%208.535-3.234c1.707-1.582%202.278-2.742%202.278-4.688z%22%2F%3E%3Cpath%20stroke%3D%22gray%22%20stroke-dasharray%3D%228.63%208.63%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.294%22%20d%3D%22M216.09%2083.121A98.9%2098.9%200%200%201%20226.859%20128c0%2054.574-44.285%2098.859-98.859%2098.859S29.14%20182.574%2029.14%20128S73.427%2029.14%20128%2029.14a98.93%2098.93%200%200%201%2049.883%2013.497%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGg3D4Hd7H%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M28%2028h200v200H28z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cg%20clip-path%3D%22url(%23SVGg3D4Hd7H)%22%3E%3Cpath%20fill%3D%22navy%22%20d%3D%22M204.453%20128.02c0-42.196-34.258-76.45-76.453-76.45s-76.453%2034.254-76.453%2076.45c0%2042.199%2034.258%2076.453%2076.453%2076.453s76.453-34.254%2076.453-76.453%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M182.066%2096.344c0-12.356-10.031-22.387-22.386-22.387c-12.356%200-22.387%2010.031-22.387%2022.387c0%2012.351%2010.031%2022.386%2022.387%2022.386s22.386-10.035%2022.386-22.386%22%2F%3E%3Cpath%20fill%3D%22navy%22%20d%3D%22M226.84%2051.547c0-12.356-10.031-22.387-22.387-22.387s-22.387%2010.031-22.387%2022.387s10.032%2022.387%2022.387%2022.387s22.387-10.008%2022.387-22.387%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M82.508%20160.586h24.773v5.641H76.109v-50.161h6.399zm54.363%205.641v-5.028c-3.379%204.754-6.738%206.61-12.039%206.61c-7.012%200-11.488-3.844-11.488-9.84v-27.793h5.703v25.531c0%204.332%202.89%207.098%207.433%207.098c5.977%200%209.84-4.817%209.84-12.188v-20.441h5.703v36.051zm47.074.972c-1.859.485-2.746.61-3.929.61c-3.715%200-5.512-1.645-5.914-5.301c-4.055%203.719-7.707%205.301-12.247%205.301c-7.289%200-11.828-4.118-11.828-10.664c0-4.688%202.133-7.918%206.336-9.629c2.196-.887%203.442-1.164%2011.551-2.2c4.543-.546%205.977-1.582%205.977-3.988v-1.523c0-3.442-2.891-5.364-8.043-5.364c-5.368%200-7.985%201.985-8.469%206.399h-5.789c.148-3.57.824-5.637%202.472-7.496c2.407-2.684%206.735-4.203%2011.973-4.203c8.871%200%2013.559%203.441%2013.559%209.839v21.208c0%201.792%201.097%202.828%203.105%202.828c.336%200%20.614%200%201.246-.149zm-10.054-18.797c-1.922.887-3.168%201.16-9.227%201.985c-6.125.886-8.68%202.828-8.68%206.609c0%203.656%202.618%205.789%207.094%205.789c3.379%200%206.188-1.101%208.535-3.234c1.707-1.582%202.278-2.742%202.278-4.688z%22%2F%3E%3Cpath%20stroke%3D%22gray%22%20stroke-dasharray%3D%228.63%208.63%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.294%22%20d%3D%22M216.09%2083.121A98.9%2098.9%200%200%201%20226.859%20128c0%2054.574-44.285%2098.859-98.859%2098.859S29.14%20182.574%2029.14%20128S73.427%2029.14%20128%2029.14a98.93%2098.93%200%200%201%2049.883%2013.497%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGg3D4Hd7H%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M28%2028h200v200H28z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/lua-dark.svg?color=%231a73e8&size=48
