Qt icon

logos:qt

The Qt icon (logos:qt) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 192 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 192

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="192" viewBox="0 0 256 192"><path fill="#41cd52" d="M231.392 0H35.511L0 36.084v155.507h220.485l35.511-36.083V0z"/><path fill="#fff" d="M95.453 33.512c16.665 0 28.357 4.789 34.988 14.453c6.719 9.575 10.034 24.38 10.034 44.418c0 13.209-1.396 23.848-4.1 31.917c-2.794 8.157-7.242 14.363-13.525 18.618l13.524 22.253l-16.665 7.891l-14.396-24.027c-2.094.62-5.323.976-9.86.976c-16.84 0-28.618-4.61-35.25-13.832c-6.63-9.22-9.946-23.848-9.946-43.709c0-19.948 3.403-34.753 10.121-44.417c6.719-9.665 18.41-14.54 35.075-14.54m84.984 6.385v23.937h22.336v15.338h-22.336v36.262c0 6.737.523 11.17 1.483 13.299c.959 2.216 3.49 3.28 7.416 3.28l13.262-.533l.785 14.364q-10.732 2.128-16.49 2.128q-13.741 0-18.847-6.384c-3.402-4.255-5.147-12.324-5.147-24.204v-38.3h-12.39v-15.25h12.39V39.897zm-84.664 8.426c-10.1 0-17.064 3.427-20.895 10.373c-3.743 6.945-5.658 17.95-5.658 33.194c0 15.153 1.828 26.068 5.484 32.562c3.657 6.495 10.709 9.832 21.069 9.832s17.325-3.247 20.981-9.651c3.57-6.405 5.398-17.319 5.398-32.563c0-15.334-1.828-26.429-5.572-33.374s-10.708-10.373-20.807-10.373"/></svg>

How to use the Qt icon

React

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

<Icon icon="logos:qt" width="24" />

Vue

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

<template>
  <Icon icon="logos:qt" width="24" />
</template>

Svelte

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

<Icon icon="logos:qt" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:qt"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/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. SVG Logos icons are released under the CC0 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="logos: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/logos/qt.svg" alt="Qt icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →