Icono Qui
selfhst:qui
El icono Qui (selfhst:qui) es un icono SVG gratuito de la colección selfh.st/icons de selfh.st. Está dibujado en una cuadrícula de 512 × 512. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- selfh.st/icons
- Autor
- selfh.st
- Licencia
- CC-BY-4.0
- Tamaño
- 512 × 512
Código 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>
Cómo usar el icono 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>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:qui"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/selfhst/qui.svg" alt="Icono Qui" width="24" height="24">
Iconos relacionados en selfh.st/icons
Preguntas frecuentes sobre Icono Qui
¿El icono Qui es gratis para uso comercial?
Sí. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Qui en React?
Instala @iconify/react y renderiza <Icon icon="selfhst:qui" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Qui a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/qui.svg" alt="Icono Qui">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los selfh.st/icons →
ICONYZ
