qt logo
qt from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- qt
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
The same logo in other sets
Use the qt logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#41cd52" d="M17.576 17L-.242 34.688v76.226H110.39l17.816-17.687V17H115.86zm29.99 16.426c8.36 0 14.228 2.347 17.555 7.086c3.37 4.69 5.033 11.95 5.033 21.773c0 6.473-.7 11.688-2.054 15.645c-1.403 3.996-3.634 7.039-6.787 9.125l6.83 10.91l-8.364 3.867l-7.222-11.777c-1.05.347-2.715.476-4.99.476c-8.45 0-14.36-2.258-17.686-6.777s-4.99-11.69-4.99-21.426c0-9.777 1.706-17.035 5.076-21.773c3.37-4.74 9.28-7.13 17.6-7.13zm33.926 3.172h8.805v11.691h11.207v7.477H90.297v17.773c0 3.305.258 5.477.74 6.563s1.75 1.609 3.723 1.609l6.652-.262l.397 7.04c-3.634.694-6.393 1.042-8.317 1.042q-6.9 0-9.459-3.129c-1.707-2.086-2.584-6.039-2.584-11.863V55.811h-6.17v-7.522h6.213zm-33.88 4.695c-5.08 0-8.581 1.652-10.51 4.996c-1.88 3.348-2.844 8.65-2.844 15.996c0 7.3.92 12.559 2.758 15.688c1.837 3.129 5.384 4.738 10.595 4.738c5.207 0 8.711-1.566 10.55-4.652c1.796-3.086 2.712-8.344 2.712-15.688c0-7.387-.917-12.734-2.8-16.082c-1.88-3.344-5.342-4.996-10.462-4.996z"/></svg>
React
import type { SVGProps } from "react";
export function DeviconQt(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#41cd52" d="M17.576 17L-.242 34.688v76.226H110.39l17.816-17.687V17H115.86zm29.99 16.426c8.36 0 14.228 2.347 17.555 7.086c3.37 4.69 5.033 11.95 5.033 21.773c0 6.473-.7 11.688-2.054 15.645c-1.403 3.996-3.634 7.039-6.787 9.125l6.83 10.91l-8.364 3.867l-7.222-11.777c-1.05.347-2.715.476-4.99.476c-8.45 0-14.36-2.258-17.686-6.777s-4.99-11.69-4.99-21.426c0-9.777 1.706-17.035 5.076-21.773c3.37-4.74 9.28-7.13 17.6-7.13zm33.926 3.172h8.805v11.691h11.207v7.477H90.297v17.773c0 3.305.258 5.477.74 6.563s1.75 1.609 3.723 1.609l6.652-.262l.397 7.04c-3.634.694-6.393 1.042-8.317 1.042q-6.9 0-9.459-3.129c-1.707-2.086-2.584-6.039-2.584-11.863V55.811h-6.17v-7.522h6.213zm-33.88 4.695c-5.08 0-8.581 1.652-10.51 4.996c-1.88 3.348-2.844 8.65-2.844 15.996c0 7.3.92 12.559 2.758 15.688c1.837 3.129 5.384 4.738 10.595 4.738c5.207 0 8.711-1.566 10.55-4.652c1.796-3.086 2.712-8.344 2.712-15.688c0-7.387-.917-12.734-2.8-16.082c-1.88-3.344-5.342-4.996-10.462-4.996z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#41cd52" d="M17.576 17L-.242 34.688v76.226H110.39l17.816-17.687V17H115.86zm29.99 16.426c8.36 0 14.228 2.347 17.555 7.086c3.37 4.69 5.033 11.95 5.033 21.773c0 6.473-.7 11.688-2.054 15.645c-1.403 3.996-3.634 7.039-6.787 9.125l6.83 10.91l-8.364 3.867l-7.222-11.777c-1.05.347-2.715.476-4.99.476c-8.45 0-14.36-2.258-17.686-6.777s-4.99-11.69-4.99-21.426c0-9.777 1.706-17.035 5.076-21.773c3.37-4.74 9.28-7.13 17.6-7.13zm33.926 3.172h8.805v11.691h11.207v7.477H90.297v17.773c0 3.305.258 5.477.74 6.563s1.75 1.609 3.723 1.609l6.652-.262l.397 7.04c-3.634.694-6.393 1.042-8.317 1.042q-6.9 0-9.459-3.129c-1.707-2.086-2.584-6.039-2.584-11.863V55.811h-6.17v-7.522h6.213zm-33.88 4.695c-5.08 0-8.581 1.652-10.51 4.996c-1.88 3.348-2.844 8.65-2.844 15.996c0 7.3.92 12.559 2.758 15.688c1.837 3.129 5.384 4.738 10.595 4.738c5.207 0 8.711-1.566 10.55-4.652c1.796-3.086 2.712-8.344 2.712-15.688c0-7.387-.917-12.734-2.8-16.082c-1.88-3.344-5.342-4.996-10.462-4.996z"/></svg> </template>
CSS
.icon-qt {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%2341cd52%22%20d%3D%22M17.576%2017L-.242%2034.688v76.226H110.39l17.816-17.687V17H115.86zm29.99%2016.426c8.36%200%2014.228%202.347%2017.555%207.086c3.37%204.69%205.033%2011.95%205.033%2021.773c0%206.473-.7%2011.688-2.054%2015.645c-1.403%203.996-3.634%207.039-6.787%209.125l6.83%2010.91l-8.364%203.867l-7.222-11.777c-1.05.347-2.715.476-4.99.476c-8.45%200-14.36-2.258-17.686-6.777s-4.99-11.69-4.99-21.426c0-9.777%201.706-17.035%205.076-21.773c3.37-4.74%209.28-7.13%2017.6-7.13zm33.926%203.172h8.805v11.691h11.207v7.477H90.297v17.773c0%203.305.258%205.477.74%206.563s1.75%201.609%203.723%201.609l6.652-.262l.397%207.04c-3.634.694-6.393%201.042-8.317%201.042q-6.9%200-9.459-3.129c-1.707-2.086-2.584-6.039-2.584-11.863V55.811h-6.17v-7.522h6.213zm-33.88%204.695c-5.08%200-8.581%201.652-10.51%204.996c-1.88%203.348-2.844%208.65-2.844%2015.996c0%207.3.92%2012.559%202.758%2015.688c1.837%203.129%205.384%204.738%2010.595%204.738c5.207%200%208.711-1.566%2010.55-4.652c1.796-3.086%202.712-8.344%202.712-15.688c0-7.387-.917-12.734-2.8-16.082c-1.88-3.344-5.342-4.996-10.462-4.996z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%2341cd52%22%20d%3D%22M17.576%2017L-.242%2034.688v76.226H110.39l17.816-17.687V17H115.86zm29.99%2016.426c8.36%200%2014.228%202.347%2017.555%207.086c3.37%204.69%205.033%2011.95%205.033%2021.773c0%206.473-.7%2011.688-2.054%2015.645c-1.403%203.996-3.634%207.039-6.787%209.125l6.83%2010.91l-8.364%203.867l-7.222-11.777c-1.05.347-2.715.476-4.99.476c-8.45%200-14.36-2.258-17.686-6.777s-4.99-11.69-4.99-21.426c0-9.777%201.706-17.035%205.076-21.773c3.37-4.74%209.28-7.13%2017.6-7.13zm33.926%203.172h8.805v11.691h11.207v7.477H90.297v17.773c0%203.305.258%205.477.74%206.563s1.75%201.609%203.723%201.609l6.652-.262l.397%207.04c-3.634.694-6.393%201.042-8.317%201.042q-6.9%200-9.459-3.129c-1.707-2.086-2.584-6.039-2.584-11.863V55.811h-6.17v-7.522h6.213zm-33.88%204.695c-5.08%200-8.581%201.652-10.51%204.996c-1.88%203.348-2.844%208.65-2.844%2015.996c0%207.3.92%2012.559%202.758%2015.688c1.837%203.129%205.384%204.738%2010.595%204.738c5.207%200%208.711-1.566%2010.55-4.652c1.796-3.086%202.712-8.344%202.712-15.688c0-7.387-.917-12.734-2.8-16.082c-1.88-3.344-5.342-4.996-10.462-4.996z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/qt.svg?color=%231a73e8&size=48
