Txl icon
file-icons:txl
The Txl icon (file-icons:txl) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M481.4 510.44a14.1 14.1 0 0 1-6.447 1.56c-5.156 0-10.128-2.821-12.637-7.727l-137.99-269.75l-37.039 53.202a14.17 14.17 0 0 1-11.652 6.08c-2.797 0-5.621-.825-8.09-2.544c-6.43-4.476-8.012-13.314-3.537-19.743l45.68-65.612l-81.474-159.27l-91.336 198.379c-3.276 7.114-11.698 10.226-18.814 6.951s-10.227-11.699-6.952-18.814L214.66 8.25a14.183 14.183 0 0 1 25.509-.527l247.399 483.632c3.568 6.974.806 15.518-6.168 19.085M152.158 348.335c-4.242-7.767-15.185-5.622-22.74-6.04c-20.173-1.116-39.992-.77-60.169-1.082c-10.294-.16-50.147-10.318-46.087 13.418c2.502 14.626 34.395 11.432 44.906 11.393c-3.467 25.441-5.498 51.16-8.593 76.659c-.994 8.182-7.702 25.688-1.522 32.167c9.555 10.015 21.297-3.01 24.266-11.777c2.99-8.83 2.606-19.235 3.981-28.447c2.126-14.239 3.399-28.566 4.86-42.882c.633-6.209.65-12.909 2.066-18.983c1.554-6.674-.466-5.858 6.199-7.048c12.13-2.167 26.438 1.866 38.854 1.866c9.124 0 18.994-10.062 13.98-19.244m126.873 10.457c6.842-6.473 6.536-19.301-4.49-20.48c-4.748-.507-8.335 2.62-11.97 5.332c-17.369 12.955-31.416 31.075-46.141 46.817c-5.77-9.325-42.597-78.003-56.107-42.85c-4.06 10.567 11.52 24.826 16.828 33.39c3.079 4.968 6.382 9.75 9.614 14.622c1.494 2.251 7.095 8.692 7.523 11.716c.682 4.826-3.065 6.58-7.028 10.277c-11.989 11.184-24.025 22.314-36.238 33.252c-7.057 6.32-29.818 23.605-12.045 31.738c12.538 5.738 26.826-13.668 34.793-20.936c11.395-10.396 22.847-20.724 34.073-31.304c8.357 14.856 15.905 39.893 29.573 50.567c5.872 4.587 12.085 5.415 18.161.324c8.698-7.289 4.695-14.47-.202-22.616c-5.836-9.708-11.571-19.389-16.953-29.362c-2.076-3.845-6.334-9.04-7.25-13.401q-5.569-5.197 1.635-8.655q3.697-3.84 7.36-7.71c12.92-13.67 25.226-27.735 38.864-40.721c2.709-2.562-9.677 9.215 0 0m83.246 115.05c7.257-3.014 13.773-12.2 8.26-19.86c-5.075-7.05-14.086-3.134-20.78-1.35c-16.078 4.282-32.757 8.117-49.474 8.397c8.341-35.238 18.16-70.633 22.984-106.592c1.144-8.528 1.427-17.915-9.59-18.252c-6.113-.186-11.312 4.028-13.948 9.234c-4.297 8.488-4.323 21.89-6.1 31.173a1625 1625 0 0 1-5.255 26.315c-3.646 17.476-7.708 34.853-11.846 52.218c-1.69 7.089-5.546 16.773-1.316 23.624c6.861 11.114 26.714 6.964 37.313 5.725c16.556-1.936 34.208-4.273 49.752-10.631c5.729-2.38-7.76 3.174 0 0"/></svg>How to use the Txl icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:txl" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:txl" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:txl" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--txl]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:txl"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:txl"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/txl.svg" alt="Txl icon" width="24" height="24">Txl icon FAQ
Is the Txl icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Txl icon in React?
Install @iconify/react and render <Icon icon="file-icons:txl" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Txl icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/txl.svg" alt="Txl icon">, or paste the SVG code inline to style it with CSS.