The icon
token-branded:the
The The icon (token-branded:the) is a free SVG icon from the Web3 Icons Branded set by 0xa3k5. It is drawn on a 24 × 24 grid. Web3 Icons Branded 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 Branded
- Author
- 0xa3k5
- License
- MIT
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#fff" d="M3 6.5h5.5V8H3zm0 2h5.5V10H3zm5.5 2H3v2.245l1.5-.12V17.5H7v-4.875l1.5.12zm.5-4h2.5V8H9zm4 0h2.5V8H13zm-1.5 2H9V10h2.5zm-2.5 2h2.5v2H13v-2h2.5v7H13v-3h-1.5v3H9zm6.5-2H13V10h2.5zm.5-2h5V8h-5zm0 2h5V10h-5zm0 2h5v2h-2v.5h2v2h-2v.5h2v2h-5z"/></svg>
How to use the The icon
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:the" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:the" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:the" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--the]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:the"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:the"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/token-branded/the.svg" alt="The icon" width="24" height="24">
Related icons in Web3 Icons Branded
The icon in other icon sets
The icon FAQ
Is the The icon free for commercial use?
Yes. Web3 Icons Branded icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the The icon in React?
Install @iconify/react and render <Icon icon="token-branded:the" />, or use “Copy code” on this page to get a standalone React component.
How do I add the The icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/token-branded/the.svg" alt="The icon">, or paste the SVG code inline to style it with CSS.
Browse all Web3 Icons Branded icons →
ICONYZ
