Qt icon

file-icons:qt

The Qt icon (file-icons:qt) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M70.372 68.156H512v304.529l-71.359 71.16H0v-305.44zm65.242 79.05c16.767-11.094 37.502-13.898 57.217-13.72c18.774.232 38.478 3.524 54.037 14.728c11.304 7.946 18.652 20.214 23.55 32.903c7.924 20.835 10.251 43.332 10.517 65.474c.033 22.298-.975 45.083-8.356 66.327c-4.943 14.452-14.351 27.285-26.764 36.195c8.933 14.473 18.042 28.836 26.975 43.31c-11.227 5.175-22.42 10.384-33.657 15.537c-9.564-15.781-19.084-31.596-28.681-47.355c-12.977 2.128-26.254 1.962-39.298.521c-15.626-1.873-31.55-6.638-43.608-17.155c-9.265-8.024-15.083-19.25-19.062-30.665c-6.516-19.305-8.267-39.851-8.566-60.11c-.156-21.898 1.24-44.14 7.846-65.152c5.109-15.804 13.564-31.574 27.85-40.838M325.94 298.744v-75.36h-24.558V193.12h24.558v-46.623h34.51v46.623h45.825l-.82 30.266H360.45v76.401c-.345 33.85 12.926 28.088 44.185 26.431l1.64 27.806c-50.424 7.459-81.94 10.721-80.335-55.279m-186.182-13.298c-4.41-26.775-5.474-54.48.554-81.1c5.242-56.662 106.42-59.883 101.314 24.558c1.264 18.862 1.086 37.901-1.518 56.652c-.067 61.007-100.417 60.896-100.35-.11" clip-rule="evenodd"/></svg>

How to use the Qt icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:qt" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:qt" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:qt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--qt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:qt"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:qt"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/qt.svg" alt="Qt icon" width="24" height="24">

Qt icon in other icon sets

Qt icon FAQ

Is the Qt 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 Qt icon in React?

Install @iconify/react and render <Icon icon="file-icons:qt" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Qt icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/qt.svg" alt="Qt icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →