Иконка Qui

selfhst:qui

Иконка Qui (selfhst:qui) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: selfh.st/icons
Автор: selfh.st
Лицензия: CC-BY-4.0
Размер: 512 × 512

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#3b82f6" d="M45.6 68.3c0-11.6 9.4-21.1 21.1-21.1h65.9c11.6 0 21.1 9.4 21.1 21.1s-9.4 21.1-21.1 21.1h-66c-11.6 0-21-9.4-21-21.1m-16.4 81.6h41c11.6 0 21.1-9.4 21.1-21.1s-9.4-21.1-21.1-21.1h-41c-11.6 0-21.1 9.4-21.1 21.1s9.5 21.1 21.1 21.1m477-3c-5.7-26.3-39.5-57.5-88-81.5c-26.6-13.2-56.3-23.6-88.1-31c-35.7-8.3-73.1-12.5-111.2-12.5c-.4 0-.9 0-1.3.1c-10.3 1.8-18.8 7.8-24.6 17.3c-4.9 8-7.5 18.3-7.4 28.8c.1 10.4 2.8 20.4 7.7 28.2c5.8 9.2 14.3 15 24.5 16.5c.5.1 1 .1 1.5.1c59.5-2.5 88-2.1 108.7 2c-4.7 6.4-7.7 12.1-10.1 19.2c-19.2-2.7-62.6-8.2-107.7-8.8c-22.7-.3-42.3.7-58 2.9c-19.4 2.8-33 7.5-41.5 14.3c-14.7 11.7-26.4 25.6-34.9 41.4c-4.6 8.5-8 17.6-9.8 25.4c-9.7.1-19.9 1.3-28.7 3.7c-14.9 4-25.6 10.7-31.7 19.9c-7.7 11.7-7.4 26.2.9 43c7.6 15.4 17.9 24.3 30.7 26.3c17 2.7 33.6-8 44.2-17c2.1 6.2 3.7 14.4 3.6 24.9c-.3 19.5-6.8 41.8-19.3 66.2c-.2.4-.4.9-.5 1.4c-1.9 6.8-3.2 13.9.5 20c3.6 6 10.6 8.3 16.4 9.6c68 20.2 96.5 40.3 138.2 80.6c1.3 1.2 2.9 2 4.7 2.1c1.2.1 2.5.1 3.9.1c11.5 0 26.2-3.6 36.8-13.7c9.8-9.4 14.5-22.4 14-38.7c-.1-1.9-.8-3.7-2.2-5.1l-38-38c-.5-.5-1.1-.9-1.7-1.3L195 369.9v-2c15.6-4.5 26.6-10.1 35.9-18.1c9.6-8.3 17.7-19.4 26.8-36.8c5.8-1.4 10-1.4 16.9.2c4.2 7.7 4.4 12.3-.5 21.8l-13.8 6.4c-1.4.7-2.6 1.7-3.4 3.1l-11 19c-.8 1.4-1.2 3.1-.9 4.8c2.5 18.3 8.5 30 18.4 35.8c13.6 8 31.6 2.7 45.8-2.8c.6-.2 1.1-.5 1.6-.9c53.1-37.3 74.1-69 90.3-138.3c13.8.9 39.1 2.1 47.6-.9c11.5-3.9 44.7-29.1 57.1-59.8l.3-.9c1.1-4.3 2.2-6.5 3.1-8.4c4.1-8.5 4.2-12.2-3-45.2"/></svg>

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

React

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

<Icon icon="selfhst:qui" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:qui" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:qui" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="selfhst:qui"></iconify-icon>

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

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

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

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

Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все selfh.st/icons →