Иконка Qt

devicon:qt

Иконка Qt (devicon:qt) — бесплатная SVG-иконка из набора Devicon от konpa. Она нарисована на сетке 128 × 128. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Devicon
Автор: konpa
Лицензия: MIT
Размер: 128 × 128

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" 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>

Как использовать иконку Qt

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/devicon/qt.svg" alt="Иконка Qt" width="24" height="24">

Иконка Qt в других наборах

Вопросы и ответы: Иконка Qt

Можно ли бесплатно использовать иконку Qt в коммерческих проектах?

Да. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Qt в React?

Установите @iconify/react и выведите <Icon icon="devicon:qt" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Qt на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/devicon/qt.svg" alt="Иконка Qt">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Devicon →