Ícone Qzone

simple-icons:qzone

O ícone Qzone (simple-icons:qzone) é um ícone SVG gratuito da coleção Simple Icons de Simple Icons Collaborators. Ele é desenhado em uma grade de 24 × 24. Simple Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Simple Icons
Autor: Simple Icons Collaborators
Licença: CC0-1.0
Tamanho: 24 × 24

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M23.987 9.201c-.032-.099-.127-.223-.334-.258S16.3 7.537 16.3 7.537s-.105-.022-.198-.07c-.092-.047-.127-.167-.127-.167S12.447.954 12.349.768C12.25.58 12.104.53 12 .53s-.25.05-.349.238C11.553.954 8.025 7.3 8.025 7.3s-.036.12-.129.167c-.092.047-.197.07-.197.07S.555 8.907.347 8.942c-.208.036-.302.16-.333.258a.48.48 0 0 0 .125.45L5.5 15.14s.072.08.12.172c.015.104.004.21.004.21s-1.189 7.243-1.22 7.451a.46.46 0 0 0 .16.43c.082.062.232.106.42.013c.19-.093 6.813-3.261 6.813-3.261s.098-.044.201-.061s.201.06.201.06s6.624 3.17 6.813 3.262c.188.094.338.05.421-.013a.46.46 0 0 0 .16-.43l-.93-5.678c.875-.54 1.424-1.039 1.848-1.747c-2.594.97-6.007 1.717-9.416 1.866c-.915.041-2.41.097-3.473-.015c-.679-.07-1.17-.144-1.244-.438c-.053-.215.054-.46.545-.83l2.862-2.156c1.285-.968 3.56-2.47 3.56-2.732c0-.285-2.145-.78-4.038-.78c-1.945 0-2.276.131-2.812.167c-.488.034-.769.005-.804-.138c-.06-.248.183-.389.588-.568c.71-.314 1.86-.594 1.985-.626c.194-.052 3.082-.805 5.618-.535c1.319.14 3.245.668 3.245 1.276c0 .342-1.721 1.495-3.226 2.598c-1.149.843-2.217 1.56-2.217 1.688c0 .342 3.534 1.241 6.69 1.01l.003-.022c.048-.092.12-.172.12-.172l5.362-5.49a.48.48 0 0 0 .127-.45"/></svg>

Como usar o ícone Qzone

React

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

<Icon icon="simple-icons:qzone" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:qzone" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:qzone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--qzone]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="simple-icons:qzone"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/qzone.svg" alt="Ícone Qzone" width="24" height="24">

O ícone Qzone em outras coleções

Perguntas frequentes sobre Ícone Qzone

O ícone Qzone é grátis para uso comercial?

Sim. Simple Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Qzone no React?

Instale @iconify/react e renderize <Icon icon="simple-icons:qzone" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Qzone a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/simple-icons/qzone.svg" alt="Ícone Qzone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Simple Icons →