Lords icon
token:lords
The Lords icon (token:lords) is a free SVG icon from the Web3 Icons set by 0xa3k5. It is drawn on a 24 × 24 grid. Web3 Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Web3 Icons
- Author
- 0xa3k5
- License
- MIT
- Size
- 24 × 24
- Tags
- lord
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3.54 19.875L3 16.472h.4a3.74 3.74 0 0 0 1.912 2.56h2.852c.602 0 1.091-.372 1.091-.98v-1.068c-2.475-1.13-2.897-3.86-2.88-5.08c0-2.722 1.49-4.258 2.323-4.68l-1.457-.573v-.276h1.384v-2.25h.76v1.108c0 .636.506 1.142 1.141 1.142a1.14 1.14 0 0 0 1.142-1.142V4.125h.664v1.108c0 .636.506 1.153 1.142 1.153c.63 0 1.142-.517 1.142-1.153V4.125h.759v2.25h1.384v.276l-1.457.573c.832.422 2.323 1.958 2.323 4.68c.017 1.22-.4 3.95-2.88 5.074v1.069c0 .613.49.984 1.091.984h2.852a3.74 3.74 0 0 0 1.913-2.56H21l-.54 3.404h-6.773V7.5h-3.374v12.375zm5.647-4.247V8.175C8.625 8.541 7.5 9.801 7.5 11.887c0 2.093 1.125 3.364 1.687 3.741m5.626 0V8.175c.562.366 1.687 1.626 1.687 3.712c0 2.093-1.125 3.364-1.687 3.741" clip-rule="evenodd"/></svg>How to use the Lords icon
React
import { Icon } from "@iconify/react";
<Icon icon="token:lords" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:lords" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:lords" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--lords]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:lords"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:lords"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/token/lords.svg" alt="Lords icon" width="24" height="24">Lords icon FAQ
Is the Lords icon free for commercial use?
Yes. Web3 Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Lords icon in React?
Install @iconify/react and render <Icon icon="token:lords" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lords icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/token/lords.svg" alt="Lords icon">, or paste the SVG code inline to style it with CSS.